wilson/language-learning-app
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: add some greys to the app.css

Browse source
This commit is contained in:
wilson 2026-05-03 13:32:05 +01:00
parent 903498057f
commit f463454e8e
1 changed files with 14 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
frontend/src/app.css
View file

@ -42,6 +42,20 @@
--color-surface-container-highest: #e2e1dd; --color-surface-container-highest: #e2e1dd;
--color-surface-dim: #d6dcd2; /* recessed utility */ --color-surface-dim: #d6dcd2; /* recessed utility */
/* --- Colour: Grey pallette, based on tailwind's default grey --- */
--colour-grey-50: #f9fafb;
--colour-grey-100: #f3f4f6;
--colour-grey-200: #e5e7eb;
--colour-grey-300: #d1d5db;
--colour-grey-400: #9ca3af;
--colour-grey-500: #6b7280;
--colour-grey-600: #4b5563;
--colour-grey-700: #374151;
--colour-grey-800: #1f2937;
--colour-grey-900: #111827;
--colour-grey-950: #030712;
--colour-grey-1000: #000000;
/* --- Color: On-Surface --- */ /* --- Color: On-Surface --- */
--color-on-surface: #2f342e; /* replaces pure black */ --color-on-surface: #2f342e; /* replaces pure black */
--color-on-surface-variant: #5c605b; --color-on-surface-variant: #5c605b;