website/assets/style/light-mode.css
2022-09-27 18:33:41 +02:00

71 lines
1.3 KiB
CSS

/* Default colors */
:root {
color-scheme: light;
}
* {
color: #212121;
scrollbar-color: #BDBDBD #EEE;
}
body {
*background-image: url("/assets/img/grass_light.png");
background-color: #B3E5FC;
color: #212121;
}
::selection {
background-color: #212121;
color: #EEE;
}
::-moz-selection {
background-color: #212121;
color: #EEE;
}
/* Background */
#grass {
background-color: #4CAF50;
}
/* Navigation bar */
.nav-button-not-selected {
border-bottom-color: #858585;
}
.nav-button-not-selected:hover {
border-bottom-color: #212121;
}
/* Section */
.section hr {
border-color: #E0E0E0;
color: #E0E0E0;
}
/* Container */
.container {
background-color: white;
box-shadow: 2px 2px 0 #BDBDBD;
-o-box-shadow: 2px 2px 0 #BDBDBD;
-moz-box-shadow: 2px 2px 0 #BDBDBD;
-webkit-box-shadow: 2px 2px 0 #BDBDBD;
}
.container::selection, .container *::selection {
background-color: #212121;
color: white;
}
.container::-moz-selection, .container *::-moz-selection {
background-color: #212121;
color: white;
}
.inline-code, .inline-code-text, .inline-code-icon {
background-color: #EEE;
}
object[type='image/svg+xml'] {
color: #EEE;
}
.light {
display: initial !important;
}
.dark {
display: none !important;
}