curriculum/_sass/dark-theme.scss
2019-12-26 18:11:47 +01:00

63 lines
1.1 KiB
SCSS

/**
Dark Theme
**/
@media (prefers-color-scheme: dark) {
.dark-theme-only {
display: inline;
}
.hero {
background-color: darken(#5c9ead, 35%) !important;
color: #ffffff;
}
#photosAndButtons .card-content {
background-color: darken(#5c9ead, 40%) !important;
}
p.title,
span.title {
color: #ffffff;
}
p.subtitle {
color: #ffffff;
}
.is-primary {
background-color: darken(#5c9ead, 40%) !important;
}
.tile.is-vertical {
background-color: unset;
}
.is-info {
background-color: darken(#5c9ead, 41%) !important;
}
section.hero.is-primary.is-bold {
background-image: none;
background-color: darken(#5c9ead, 30%) !important;
}
body footer {
background-color: darken(#5c9ead, 42%) !important;
}
.button {
background-color: darken(#5c9ead, 41%);
border-color: darken(#5c9ead, 30%);
border-width: 4px;
color: white;
}
p {
color: white;
}
#photoProfil {
background-color: darken(#5c9ead, 30%);
}
}