muhh/muhh.lol
1
0
Fork 0
Code Issues Pull requests Activity

feat(css): CATPPUCCIN!

Browse source
This commit is contained in:
Markus Heurung 2024-03-07 12:06:00 +01:00
parent 4e19e1c0be
commit ddbc45e875
1 changed files with 33 additions and 31 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

64
assets/new.scss
View file

@ -2,40 +2,42 @@
--- ---
:root { :root {
--backgroundColor: #fdfdfd; /* Light Mode */
--textColor: #303030; --backgroundColor: #EFF1F5; /* froth */
--secondaryTextColor: #404040; --textColor: #4C4F69; /* text */
--mutedTextColor: #707070; --secondaryTextColor: #565A6E; /* overlay2 */
--subtleBackgroundColor: #f5f5f5; --mutedTextColor: #727585; /* overlay1 */
--heartedBackgroundColor: #ffe2e2; --subtleBackgroundColor: #E6E9EF; /* surface2 */
--selectionBackgroundColor: #ffc; --heartedBackgroundColor: #F5E0DC; /* peach */
--linkColor: #2357cd; --selectionBackgroundColor: #A6E3A1; /* green */
--borderColor: #ccc; --linkColor: #89B4FA; /* blue */
--hrColor: #888; --borderColor: #D9E0EE; /* crust */
--activeColor: #74d274; --hrColor: #ABAEC6; /* mantle */
--langBackgroundColor: #eeeeee; --activeColor: #F28FAD; /* pink */
--langBackgroundColor: #DCE0EA; /* surface1 */
--langShadowColor: transparent; --langShadowColor: transparent;
--logoColor: #cccccc; --logoColor: #B8C0E0; /* lavender */
--photoBackground: #f4f4f4; --photoBackground: #E9ECF2; /* surface0 */
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
--backgroundColor: #151615; /* Dark Mode */
--textColor: #dbdfdf; --backgroundColor: #1E1E2E; /* base */
--secondaryTextColor: #cfd5d5; --textColor: #CDD6F4; /* text */
--mutedTextColor: #b4b6b8; --secondaryTextColor: #A6ADC8; /* overlay2 */
--subtleBackgroundColor: #3a3b3b; --mutedTextColor: #88909F; /* overlay1 */
--heartedBackgroundColor: #652222; --subtleBackgroundColor: #313244; /* surface2 */
--selectionBackgroundColor: #19446b; --heartedBackgroundColor: #913C3C; /* red */
--linkColor: #6eb8ff; --selectionBackgroundColor: #223249; /* blue darker */
--borderColor: #414141; --linkColor: #89B4FA; /* blue */
--hrColor: #888; --borderColor: #414559; /* crust */
--activeColor: #74d274; --hrColor: #4C4F69; /* mantle */
--langBackgroundColor: #2c2c2c; --activeColor: #ABE9B3; /* green */
--langShadowColor: #0b0c0b33; --langBackgroundColor: #2A2A3C; /* surface1 */
--logoColor: #555555; --langShadowColor: #00000033;
--photoBackground: #1a1a1a; --logoColor: #6E6C7E; /* lavender darker */
--photoBackground: #24273A; /* surface0 */
} }
} }
@ -45,7 +47,7 @@ body {
line-height: 1.7em; line-height: 1.7em;
padding: 0 2.5em; padding: 0 2.5em;
margin: 0; margin: 0;
font-size: 18px; font-size: 1.1em;
word-wrap: break-word; word-wrap: break-word;
} }
@ -255,7 +257,7 @@ hr {
article { article {
font-family: system-ui, sans-serif; font-family: system-ui, sans-serif;
font-size: 16px; font-size: 1em;
} }
.smol { .smol {