diff --git a/src/app.html b/src/app.html index 5446688..8ee9f25 100644 --- a/src/app.html +++ b/src/app.html @@ -6,7 +6,8 @@ - + + @@ -18,11 +19,11 @@ %svelte.head%
%svelte.body%
diff --git a/src/components/Header.svelte b/src/components/Header.svelte index 61af746..dd1d880 100644 --- a/src/components/Header.svelte +++ b/src/components/Header.svelte @@ -11,12 +11,14 @@
- + -
+

S diff --git a/src/components/Notification.svelte b/src/components/Notification.svelte index a97f4a7..35a3737 100644 --- a/src/components/Notification.svelte +++ b/src/components/Notification.svelte @@ -28,7 +28,7 @@ y: -35, easing: cubicInOut }} - class={`uppercase font-bold translate-y-14 flex h-9 p-4 border-2 items-center rounded ${getNotificationStyles( + class={`uppercase font-bold translate-y-32 whitespace-nowrap flex h-9 p-4 border-2 items-center rounded ${getNotificationStyles( notification.type )}`} > diff --git a/src/lib/getStateStyles.ts b/src/lib/getStateStyles.ts index 83ece94..233410a 100644 --- a/src/lib/getStateStyles.ts +++ b/src/lib/getStateStyles.ts @@ -3,13 +3,13 @@ import { TileState } from './types'; export const getStateStyles = (state: TileState): string => { switch (state) { case TileState.Correct: - return 'bg-green-300 text-green-600 border-green-600'; + return 'bg-green-300 text-green-600 border-green-600 dark:bg-green-700/80 dark:text-green-400 dark:border-green-400'; case TileState.WrongPlace: - return 'bg-yellow-300 text-yellow-600 border-yellow-600'; + return 'bg-yellow-300 text-yellow-600 border-yellow-600 dark:bg-yellow-700/80 dark:text-yellow-500 dark:border-yellow-500'; case TileState.Incorrect: - return 'bg-neutral-300 text-neutral-600 border-neutral-600'; + return 'bg-neutral-300 text-neutral-600 border-neutral-600 dark:bg-neutral-700/80 dark:text-neutral-400/80 dark:border-neutral-400/80'; case TileState.Unknown: - return 'bg-primary-50 text-primary-500 border-primary-300'; + return 'bg-primary-50 text-primary-500 border-primary-300 dark:bg-primary-800/[0.7] dark:text-primary-400/80 dark:border-primary-400/80'; default: return ''; } diff --git a/static/manifest.json b/static/manifest.json index 07a4844..cafcaa4 100644 --- a/static/manifest.json +++ b/static/manifest.json @@ -452,7 +452,5 @@ } ], "start_url": "/", - "display": "standalone", - "theme_color": "#78716c", - "background_color": "#e5e7eb" + "display": "standalone" }