From e3dcbb0e9ea44715163a3bf70b53416924adbbb4 Mon Sep 17 00:00:00 2001 From: Nikolaos Karaolidis Date: Sun, 14 Sep 2025 21:26:23 +0100 Subject: [PATCH] Update theme Signed-off-by: Nikolaos Karaolidis --- assets/sass/colors.scss | 196 +++++++++++++--------------------------- 1 file changed, 62 insertions(+), 134 deletions(-) diff --git a/assets/sass/colors.scss b/assets/sass/colors.scss index c9c38c7..d79833f 100644 --- a/assets/sass/colors.scss +++ b/assets/sass/colors.scss @@ -1,143 +1,71 @@ -:root { - --text: #050c0e; - --background: #f1f8fa; - --primary: #51a9c3; - --secondary: #d88fb9; - --accent: #ce7f71; -} +// https: //www.realtimecolors.com/ -@media (prefers-color-scheme: dark) { - :root { - --text: #f0f8fa; - --background: #050d0f; - --primary: #3c94af; - --secondary: #712853; - --accent: #8d3e30; - } +:root { + --text: #1a0908; + --background: #FFFFFF; + --primary: #c4453e; + --secondary: #dbbb8a; + --accent: #d2cb6e; } :root { - --text-50: #ecf6f8; - --text-100: #daecf1; - --text-200: #b4dae4; - --text-300: #8fc7d6; - --text-400: #69b4c9; - --text-500: #44a1bb; - --text-600: #368196; - --text-700: #296170; - --text-800: #1b414b; - --text-900: #0e2025; - --text-950: #071013; + --text-50: #f9eceb; + --text-100: #f3d9d8; + --text-200: #e7b4b1; + --text-300: #db8e8a; + --text-400: #cf6863; + --text-500: #c3433c; + --text-600: #9c3530; + --text-700: #752824; + --text-800: #4e1b18; + --text-900: #270d0c; + --text-950: #140706; - --background-50: #ecf6f8; - --background-100: #daecf1; - --background-200: #b4dae4; - --background-300: #8fc7d6; - --background-400: #69b4c9; - --background-500: #44a1bb; - --background-600: #368196; - --background-700: #296170; - --background-800: #1b414b; - --background-900: #0e2025; - --background-950: #071013; + --background-50: #f2f2f2; + --background-100: #e6e6e6; + --background-200: #cccccc; + --background-300: #b3b3b3; + --background-400: #999999; + --background-500: #808080; + --background-600: #666666; + --background-700: #4d4d4d; + --background-800: #333333; + --background-900: #1a1a1a; + --background-950: #0d0d0d; - --primary-50: #ecf6f8; - --primary-100: #d9ecf2; - --primary-200: #b3d9e5; - --primary-300: #8dc6d8; - --primary-400: #67b4cb; - --primary-500: #41a1be; - --primary-600: #348198; - --primary-700: #276072; - --primary-800: #1a404c; - --primary-900: #0d2026; - --primary-950: #071013; + --primary-50: #f9eceb; + --primary-100: #f3d9d8; + --primary-200: #e7b4b1; + --primary-300: #db8e8a; + --primary-400: #cf6863; + --primary-500: #c3433c; + --primary-600: #9c3530; + --primary-700: #752824; + --primary-800: #4e1b18; + --primary-900: #270d0c; + --primary-950: #140706; - --secondary-50: #f8ecf3; - --secondary-100: #f2d9e8; - --secondary-200: #e4b4d0; - --secondary-300: #d78eb9; - --secondary-400: #ca68a1; - --secondary-500: #bd428a; - --secondary-600: #97356e; - --secondary-700: #712853; - --secondary-800: #4b1b37; - --secondary-900: #260d1c; - --secondary-950: #13070e; + --secondary-50: #f9f4eb; + --secondary-100: #f3e8d8; + --secondary-200: #e7d1b1; + --secondary-300: #dbbb8a; + --secondary-400: #cfa463; + --secondary-500: #c38d3c; + --secondary-600: #9c7130; + --secondary-700: #755524; + --secondary-800: #4e3818; + --secondary-900: #271c0c; + --secondary-950: #140e06; - --accent-50: #f8eeec; - --accent-100: #f2ddd9; - --accent-200: #e5bbb3; - --accent-300: #d8988d; - --accent-400: #cb7667; - --accent-500: #be5441; - --accent-600: #984334; - --accent-700: #723227; - --accent-800: #4c221a; - --accent-900: #26110d; - --accent-950: #130807; -} - -@media (prefers-color-scheme: dark) { - :root { - --text-50: #061113; - --text-100: #0d2126; - --text-200: #19424d; - --text-300: #266373; - --text-400: #338599; - --text-500: #40a6bf; - --text-600: #66b8cc; - --text-700: #8cc9d9; - --text-800: #b3dbe6; - --text-900: #d9edf2; - --text-950: #ecf6f9; - - --background-50: #061113; - --background-100: #0d2126; - --background-200: #19424d; - --background-300: #266373; - --background-400: #338599; - --background-500: #40a6bf; - --background-600: #66b8cc; - --background-700: #8cc9d9; - --background-800: #b3dbe6; - --background-900: #d9edf2; - --background-950: #ecf6f9; - - --primary-50: #071013; - --primary-100: #0d2026; - --primary-200: #1a404c; - --primary-300: #276072; - --primary-400: #348198; - --primary-500: #41a1be; - --primary-600: #67b4cb; - --primary-700: #8dc6d8; - --primary-800: #b3d9e5; - --primary-900: #d9ecf2; - --primary-950: #ecf6f8; - - --secondary-50: #13070e; - --secondary-100: #260d1c; - --secondary-200: #4b1b37; - --secondary-300: #712853; - --secondary-400: #97356e; - --secondary-500: #bd428a; - --secondary-600: #ca68a1; - --secondary-700: #d78eb9; - --secondary-800: #e4b4d0; - --secondary-900: #f2d9e8; - --secondary-950: #f8ecf3; - - --accent-50: #130807; - --accent-100: #26110d; - --accent-200: #4c221a; - --accent-300: #723227; - --accent-400: #984334; - --accent-500: #be5441; - --accent-600: #cb7667; - --accent-700: #d8988d; - --accent-800: #e5bbb3; - --accent-900: #f2ddd9; - --accent-950: #f8eeec; - } + --accent-50: #f9f8eb; + --accent-100: #f3f1d8; + --accent-200: #e7e3b1; + --accent-300: #dbd68a; + --accent-400: #cfc863; + --accent-500: #c3ba3c; + --accent-600: #9c9530; + --accent-700: #757024; + --accent-800: #4e4a18; + --accent-900: #27250c; + --accent-950: #141306; }