80 lines
1.5 KiB
CSS
80 lines
1.5 KiB
CSS
/* Default colors */
|
|
:root {
|
|
color-scheme: dark;
|
|
}
|
|
* {
|
|
color: #EEE;
|
|
scrollbar-color: #424242 #212121;
|
|
}
|
|
body {
|
|
*background-image: url("/assets/img/grass_dark.png");
|
|
background-color: #011C29;
|
|
color: #EEE;
|
|
}
|
|
::selection {
|
|
background-color: #EEE;
|
|
color: #212121;
|
|
}
|
|
::-moz-selection {
|
|
background-color: #EEE;
|
|
color: #212121;
|
|
}
|
|
|
|
/* Theme buttons */
|
|
#dark-theme .theme-check {
|
|
display: inline;
|
|
}
|
|
#dark-theme .theme-btn {
|
|
text-decoration: none;
|
|
cursor: default;
|
|
}
|
|
|
|
/* Background */
|
|
#grass {
|
|
background-color: #265728;
|
|
}
|
|
|
|
/* Navigation bar */
|
|
.nav-button-not-selected {
|
|
border-bottom-color: #757575;
|
|
}
|
|
.nav-button-not-selected:hover {
|
|
border-bottom-color: #EEE;
|
|
}
|
|
|
|
/* Sections */
|
|
.section hr {
|
|
border-color: #757575;
|
|
color: #757575;
|
|
}
|
|
|
|
/* Container */
|
|
.container {
|
|
background-color: #424242;
|
|
box-shadow: 2px 2px 0 black;
|
|
-o-box-shadow: 2px 2px 0 black;
|
|
-moz-box-shadow: 2px 2px 0 black;
|
|
-webkit-box-shadow: 2px 2px 0 black;
|
|
filter: progid:DXImageTransform.Microsoft.DropShadow(color=#FF000000, offX=2, offY=2);
|
|
}
|
|
.container::selection, .container *::selection {
|
|
background-color: #EEE;
|
|
color: #424242;
|
|
}
|
|
.container::-moz-selection, .container *::-moz-selection {
|
|
background-color: #EEE;
|
|
color: #424242;
|
|
}
|
|
|
|
.inline-code, .inline-code-text, .inline-code-icon {
|
|
background-color: #212121;
|
|
}
|
|
|
|
.dark {
|
|
display: initial !important;
|
|
}
|
|
.light {
|
|
display: none !important;
|
|
}
|
|
|