Alter colour scheme

Change colour scheme for light, and dark mode.
web-bloat
Nathan Steel 4 years ago
parent b23b3b0e13
commit 0a681f9b28

@ -16,6 +16,8 @@ header h1{
a{ a{
text-decoration: none; text-decoration: none;
} }
a:link, a:visited {color:#087ca7;}
a:hover, a:visited:hover {color:#09b2dc;}
ul{ ul{
padding-left: 0; padding-left: 0;
list-style-position: inside; list-style-position: inside;
@ -29,7 +31,7 @@ footer p{
font-size: 0.8rem; font-size: 0.8rem;
padding: 0.2rem; padding: 0.2rem;
border-radius: 0.33rem; border-radius: 0.33rem;
background-color: black; background-color: #191919;
color: white; color: white;
vertical-align: middle; vertical-align: middle;
} }
@ -49,10 +51,9 @@ main{
} }
@media (prefers-color-scheme: dark){ @media (prefers-color-scheme: dark){
body {color:#fff;background:#000;} body {color:#fff;background:#191919;}
a:link {color:#9cf;} a:link, a:visited {color:#9cf;}
a:hover, a:visited:hover {color:#cef;} a:hover, a:visited:hover {color:#DA4167;}
a:visited {color:#9ce;}
.tag{background-color:white; color:black;} .tag{background-color:white; color:black;}
} }

Loading…
Cancel
Save