From 9b8eab9d87bfbb868d8fb415d38564cb008e5524 Mon Sep 17 00:00:00 2001 From: Nikolaos Karaolidis Date: Sun, 14 Sep 2025 21:31:44 +0100 Subject: [PATCH] Update theme Signed-off-by: Nikolaos Karaolidis --- assets/sass/colors.scss | 195 +++++++++++++--------------------------- 1 file changed, 61 insertions(+), 134 deletions(-) diff --git a/assets/sass/colors.scss b/assets/sass/colors.scss index c9c38c7..b250af5 100644 --- a/assets/sass/colors.scss +++ b/assets/sass/colors.scss @@ -1,143 +1,70 @@ -:root { - --text: #050c0e; - --background: #f1f8fa; - --primary: #51a9c3; - --secondary: #d88fb9; - --accent: #ce7f71; -} - -@media (prefers-color-scheme: dark) { - :root { - --text: #f0f8fa; - --background: #050d0f; - --primary: #3c94af; - --secondary: #712853; - --accent: #8d3e30; - } -} +// https://www.realtimecolors.com/ :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: #030f1a; + --background: #f4f8fe; + --primary: #3080e3; + --secondary: #ee84d0; + --accent: #e95c68; - --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; - - --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; - - --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; - - --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; + --text-50: #e8f3fc; + --text-100: #d1e6fa; + --text-200: #a4cdf4; + --text-300: #76b5ef; + --text-400: #489cea; + --text-500: #1b83e4; + --text-600: #1569b7; + --text-700: #104f89; + --text-800: #0b345b; + --text-900: #051a2e; + --text-950: #030d17; - --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; + --background-50: #e8f0fd; + --background-100: #d0e1fb; + --background-200: #a2c4f6; + --background-300: #73a6f2; + --background-400: #4488ee; + --background-500: #166ae9; + --background-600: #1155bb; + --background-700: #0d408c; + --background-800: #092b5d; + --background-900: #04152f; + --background-950: #020b17; - --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; + --primary-50: #e9f1fc; + --primary-100: #d2e4f9; + --primary-200: #a5c8f3; + --primary-300: #78aded; + --primary-400: #4b91e7; + --primary-500: #1f76e0; + --primary-600: #185eb4; + --primary-700: #124787; + --primary-800: #0c2f5a; + --primary-900: #06182d; + --primary-950: #030c16; - --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; + --secondary-50: #fce9f6; + --secondary-100: #f9d2ee; + --secondary-200: #f3a5dd; + --secondary-300: #ed78cc; + --secondary-400: #e74bbb; + --secondary-500: #e01fa9; + --secondary-600: #b41888; + --secondary-700: #871266; + --secondary-800: #5a0c44; + --secondary-900: #2d0622; + --secondary-950: #160311; - --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: #fce9ea; + --accent-100: #f9d2d5; + --accent-200: #f3a5ac; + --accent-300: #ed7882; + --accent-400: #e74b58; + --accent-500: #e01f2f; + --accent-600: #b41825; + --accent-700: #87121c; + --accent-800: #5a0c13; + --accent-900: #2d0609; + --accent-950: #160305; } -}