kickern/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add light/dark theme with settings page

Browse Source
This commit is contained in:
arnef
2026-09-10 10:02:43 +02:00
parent 56d9fa680c
commit a593e5c63a
20 changed files with 486 additions and 160 deletions
Download Patch File Download Diff File Expand all files Collapse all files
apps/frontend/src/components/ResultTile.tsx
+4 -4
View File
@@ -1,15 +1,15 @@
export const ResultTile = (props: { home?: number; away?: number }) => {
return (
<div class="flex flex-col items-center justify-center bg-gray-900/60 p-2 rounded-lg border border-gray-700">
<div class="flex flex-col items-center justify-center bg-app/60 p-2 rounded-lg border border-line">
<div class="flex items-center gap-1 font-mono text-xs font-bold">
<span
class={props.home > props.away ? "text-emerald-400" : "text-gray-300"}
class={props.home > props.away ? "text-accent" : "text-ink"}
>
{props.home ?? "-"}
</span>
<span class="text-gray-600">:</span>
<span class="text-ink-faint">:</span>
<span
class={props.away > props.home ? "text-emerald-400" : "text-gray-300"}
class={props.away > props.home ? "text-accent" : "text-ink"}
>
{props.away ?? "-"}
</span>