funky-framadate-front/src/styles/themes/_dark.scss

108 lines
2.1 KiB
SCSS

$theme-color-primary: #1b6d85;
$theme-color-secondary: #1b6d85;
$theme-color-tertiary: #ccc;
#big_container {
&.theme-dark-crystal {
background: #222;
color: $theme-color-tertiary;
main,
.big-header,
.navbar,
footer {
background: #444;
}
.big-header {
color: $white;
a {
color: $white;
}
}
input {
background: #222;
color: $white;
}
h1::after {
background-color: $theme-color-primary;
}
.btn--primary:focus,
.btn--primary:hover,
.btn--primary:active,
.btn--primary {
background-color: $theme-color-secondary;
}
.btn--warning:focus,
.btn--warning:hover,
.btn--warning:active,
.btn--warning {
background-color: $theme-color-secondary;
}
select {
background: $theme-color-tertiary;
border-color: $theme-color-secondary;
&:hover {
color: $theme-color-tertiary;
}
}
.title {
color: $theme-color-tertiary;
}
.lang_icon,
.menu_icon {
fill: $theme-color-secondary !important;
color: $theme-color-secondary !important;
}
.big-header {
margin-bottom: 22px;
}
label {
color: $theme-color-tertiary;
}
// bulma override
.button.is-primary,
.button.btn--primary,
button.is-primary,
button.btn--primary,
.is-primary.btn,
.btn.btn--primary,
.is-primary.back,
.back.btn--primary {
background-color: $theme-color-primary !important;
color: $theme-color-tertiary !important;
}
.navbar-dropdown a.navbar-item {
color: #444;
}
// material override
.navbar-dropdown a.navbar-item.is-active,
body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number,
a.navbar-item:focus,
a.navbar-item:focus-within,
a.navbar-item:hover,
a.navbar-item.is-active,
.navbar-link:focus,
.navbar-link:focus-within,
.navbar-link:hover,
.navbar-link.is-active {
color: $theme-color-primary !important;
}
.navbar-link:not(.is-arrowless)::after {
border-color: $theme-color-primary;
}
body .ui-inputswitch.ui-inputswitch-checked:not(.ui-state-disabled) .ui-inputswitch-slider {
background-color: $theme-color-primary;
}
}
}