Added CSS Colour Palette

2026-05-28 23:49:17 +01:00 · 2026-05-28 23:49:17 +01:00 · 39ac97c6a7
parent e4eeac7f91
commit 39ac97c6a7
2 changed files with 40 additions and 0 deletions
--- a/css/index.css
+++ b/css/index.css
@ -0,0 +1,38 @@
+:root {
+    /* https://catppuccin.com/palette/ */
+    /* Catppuccin Mocha */
+    /* accents */
+    --rosewater: #f5e0dc;
+    --flamingo: #f2cdcd;
+    --pink: #f5c2e7;
+    --mauve: #cba6f7;
+    --red: #f38ba8;
+    --maroon: #eba0ac;
+    --peach: #fab387;
+    --yellow: #f9e2af;
+    --green: #a6e3a1;
+    --teal: #94e2d5;
+    --sky: #89dceb;
+    --saphire: #74c7ec;
+    --blue: #89b4fa; /* a lovely new blue passport */
+    --lavender: #b4befe;
+    /* Text */
+    --text: #cdd6f4;
+    --subtext-0: #a6adc8;
+    --subtext-1: #bac2de;
+    --overlay-0: #6c7086;
+    --overlay-1: #7f849c;
+    --overlay-2: #9399b2;
+    --surface-0: #313244;
+    --surface-1: #45475a;
+    --surface-2: #585b70;
+    /* Backgrounds */
+    --base: #1e1e2e;
+    --mantle: #181825;
+    --crust: #11111b; /* Is this the crusty crab? */
+}
+
+html, body {
+    background-color: var(--base);
+    color: var(--text);
+}
--- a/index.html
+++ b/index.html
@ -4,8 +4,10 @@
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>I'm Bad At This</title>
+    <link rel="stylesheet" href="css/index.css">
 </head>
 <body>
    Test
 </body>
+    <script src="js/index.js"></script>
 </html>