Merge pull request 'Convert RGB Hex codes into HSL' (#11) from css_hsl into main
Reviewed-on: #11
This commit is contained in:
commit
73244012d4
1 changed files with 17 additions and 17 deletions
34
src/css.css
34
src/css.css
|
@ -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;
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue