a
/
a.stupid.cat
mirror of https://github.com/AriTheStupidCat/a.stupid.cat.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Added CSS Colour Palette

This commit is contained in:
ImBadAtThisStuff 2026-05-28 23:49:17 +01:00
parent e4eeac7f91
commit 39ac97c6a7
2 changed files with 40 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

38
css/index.css
View File

@ -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);
}

2
index.html
View File

@ -4,8 +4,10 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>I'm Bad At This</title> <title>I'm Bad At This</title>
<link rel="stylesheet" href="css/index.css">
</head> </head>
<body> <body>
Test Test
</body> </body>
<script src="js/index.js"></script>
</html> </html>