63 lines
1.1 KiB
SCSS
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%);
|
|
}
|
|
|
|
} |