From e3f67fec07884b70e2a988ac0bb8cf6c9a750582 Mon Sep 17 00:00:00 2001 From: floppydiskette Date: Thu, 8 Aug 2024 02:00:44 +0100 Subject: Initial redesign commit --- public/css/colorschemes/catppuccin-mocha.css | 96 ++++++++++++++++++++++++++-- 1 file changed, 89 insertions(+), 7 deletions(-) (limited to 'public/css/colorschemes/catppuccin-mocha.css') diff --git a/public/css/colorschemes/catppuccin-mocha.css b/public/css/colorschemes/catppuccin-mocha.css index 7d91e5e..40f2044 100644 --- a/public/css/colorschemes/catppuccin-mocha.css +++ b/public/css/colorschemes/catppuccin-mocha.css @@ -1,11 +1,93 @@ :root { - --background: #11111b; - --background-secondary: #313244; - --foreground: #cdd6f4; - --links: #89b4fa; - --warning: #ff7272; - --warning-box-bg: #f64a3c; - --warning-box-border: #c81a11; + --ctp-mocha-rosewater: #f5e0dc; + --ctp-mocha-rosewater-rgb: 245 224 220; + --ctp-mocha-rosewater-hsl: 9.600 55.556% 91.176%; + --ctp-mocha-flamingo: #f2cdcd; + --ctp-mocha-flamingo-rgb: 242 205 205; + --ctp-mocha-flamingo-hsl: 0.000 58.730% 87.647%; + --ctp-mocha-pink: #f5c2e7; + --ctp-mocha-pink-rgb: 245 194 231; + --ctp-mocha-pink-hsl: 316.471 71.831% 86.078%; + --ctp-mocha-mauve: #cba6f7; + --ctp-mocha-mauve-rgb: 203 166 247; + --ctp-mocha-mauve-hsl: 267.407 83.505% 80.980%; + --ctp-mocha-red: #f38ba8; + --ctp-mocha-red-rgb: 243 139 168; + --ctp-mocha-red-hsl: 343.269 81.250% 74.902%; + --ctp-mocha-maroon: #eba0ac; + --ctp-mocha-maroon-rgb: 235 160 172; + --ctp-mocha-maroon-hsl: 350.400 65.217% 77.451%; + --ctp-mocha-peach: #fab387; + --ctp-mocha-peach-rgb: 250 179 135; + --ctp-mocha-peach-hsl: 22.957 92.000% 75.490%; + --ctp-mocha-yellow: #f9e2af; + --ctp-mocha-yellow-rgb: 249 226 175; + --ctp-mocha-yellow-hsl: 41.351 86.047% 83.137%; + --ctp-mocha-green: #a6e3a1; + --ctp-mocha-green-rgb: 166 227 161; + --ctp-mocha-green-hsl: 115.455 54.098% 76.078%; + --ctp-mocha-teal: #94e2d5; + --ctp-mocha-teal-rgb: 148 226 213; + --ctp-mocha-teal-hsl: 170.000 57.353% 73.333%; + --ctp-mocha-sky: #89dceb; + --ctp-mocha-sky-rgb: 137 220 235; + --ctp-mocha-sky-hsl: 189.184 71.014% 72.941%; + --ctp-mocha-sapphire: #74c7ec; + --ctp-mocha-sapphire-rgb: 116 199 236; + --ctp-mocha-sapphire-hsl: 198.500 75.949% 69.020%; + --ctp-mocha-blue: #89b4fa; + --ctp-mocha-blue-rgb: 137 180 250; + --ctp-mocha-blue-hsl: 217.168 91.870% 75.882%; + --ctp-mocha-lavender: #b4befe; + --ctp-mocha-lavender-rgb: 180 190 254; + --ctp-mocha-lavender-hsl: 231.892 97.368% 85.098%; + --ctp-mocha-text: #cdd6f4; + --ctp-mocha-text-rgb: 205 214 244; + --ctp-mocha-text-hsl: 226.154 63.934% 88.039%; + --ctp-mocha-subtext1: #bac2de; + --ctp-mocha-subtext1-rgb: 186 194 222; + --ctp-mocha-subtext1-hsl: 226.667 35.294% 80.000%; + --ctp-mocha-subtext0: #a6adc8; + --ctp-mocha-subtext0-rgb: 166 173 200; + --ctp-mocha-subtext0-hsl: 227.647 23.611% 71.765%; + --ctp-mocha-overlay2: #9399b2; + --ctp-mocha-overlay2-rgb: 147 153 178; + --ctp-mocha-overlay2-hsl: 228.387 16.757% 63.725%; + --ctp-mocha-overlay1: #7f849c; + --ctp-mocha-overlay1-rgb: 127 132 156; + --ctp-mocha-overlay1-hsl: 229.655 12.775% 55.490%; + --ctp-mocha-overlay0: #6c7086; + --ctp-mocha-overlay0-rgb: 108 112 134; + --ctp-mocha-overlay0-hsl: 230.769 10.744% 47.451%; + --ctp-mocha-surface2: #585b70; + --ctp-mocha-surface2-rgb: 88 91 112; + --ctp-mocha-surface2-hsl: 232.500 12.000% 39.216%; + --ctp-mocha-surface1: #45475a; + --ctp-mocha-surface1-rgb: 69 71 90; + --ctp-mocha-surface1-hsl: 234.286 13.208% 31.176%; + --ctp-mocha-surface0: #313244; + --ctp-mocha-surface0-rgb: 49 50 68; + --ctp-mocha-surface0-hsl: 236.842 16.239% 22.941%; + --ctp-mocha-base: #1e1e2e; + --ctp-mocha-base-rgb: 30 30 46; + --ctp-mocha-base-hsl: 240.000 21.053% 14.902%; + --ctp-mocha-mantle: #181825; + --ctp-mocha-mantle-rgb: 24 24 37; + --ctp-mocha-mantle-hsl: 240.000 21.311% 11.961%; + --ctp-mocha-crust: #11111b; + --ctp-mocha-crust-rgb: 17 17 27; + --ctp-mocha-crust-hsl: 240.000 22.727% 8.627%; +} + +:root { + --page-width: 900px; + --sidebar-width: 15rem; + --firefox-shadow: 0 0 20px; + --foreground: var(--ctp-mocha-text); + --background: var(--ctp-mocha-crust); + --background-secondary: var(--ctp-mocha-surface0); + --links: var(--ctp-mocha-sapphire); + --shadow: #cdd6f44f; } html { -- cgit v1.2.3-54-g00ecf