qhri/personal-website
2
2
Fork 0
Code Issues 2 Pull requests Projects Releases Packages Wiki Activity Actions

Convert RGB Hex codes into HSL

Browse source
This commit is contained in:
qhri 2025-08-22 19:21:24 -04:00
parent 83673f656b
commit 985c056db4
1 changed files with 17 additions and 17 deletions
Download patch file Download diff file Expand all files Collapse all files

34
src/css.css
View file

@ -29,22 +29,22 @@
} }
:root { :root {
--bg-color: #ecdfec; --bg-color: hsl(300 25% 90%);
--font-color: #333333; --font-color: hsl( 0 0% 20%);
--code-border-color: #1a1a1a; --code-border-color: hsl( 0 0% 10%);
--link-color: #2b58de; --link-color: hsl(225 73% 52%);
--link-color-visited: #6047eb; --link-color-visited: hsl(249 80% 60%);
--header-bg-color: #E1CFE1; --header-bg-color: hsl(300 23% 85%);
--header-border-color: #CDB0CD; --header-border-color: hsl(300 22% 75%);
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: light) {
--bg-color: #1f131f; --bg-color: hsl(300 25% 10%);
--font-color: #cccccc; --font-color: hsl( 0 0% 80%);
--code-border-color: #333333; --code-border-color: hsl( 0 0% 20%);
--link-color: #577AE4; --link-color: hsl(225 73% 62%);
--link-color-visited: #8775EF; --link-color-visited: hsl(249 80% 70%);
--header-bg-color: #2F1D2F; --header-bg-color: hsl(300 23% 15%);
--header-border-color: #4D314D; --header-border-color: hsl(300 22% 25%);
} }
} }
@ -63,8 +63,8 @@ p, ul, nav, code {
} }
code { code {
background-color: #1a1a1a; background-color: hsl(0 0% 10%);
color: #e6e6e6; color: hsl(0 0% 90%);
border: 5px solid var(--code-border-color); border: 5px solid var(--code-border-color);
overflow: scroll; overflow: scroll;
text-wrap: nowrap; text-wrap: nowrap;