mirror of
https://github.com/Sebclem/hassio-nextcloud-backup.git
synced 2024-11-04 16:42:58 +01:00
79 lines
1.9 KiB
SCSS
79 lines
1.9 KiB
SCSS
$body-bg: #222222;
|
|
$dark: #292929;
|
|
$secondary: #343a40;
|
|
$accent: #b58e51;
|
|
|
|
$custom-colors:(
|
|
"accent": $accent
|
|
);
|
|
|
|
|
|
$enable-shadows: true;
|
|
$btn-box-shadow: none;
|
|
|
|
$component-active-bg: $accent;
|
|
|
|
$input-color: $accent;
|
|
$input-bg: $secondary;
|
|
$input-border-color: $secondary;
|
|
|
|
$form-select-indicator-color: $accent;
|
|
|
|
$form-switch-color: $accent;
|
|
$form-switch-bg-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'><circle r='3' fill='#{$form-switch-color}'/></svg>");
|
|
$form-check-input-border: 1px solid $accent !default;
|
|
|
|
$list-group-action-color: $accent;
|
|
$list-group-bg: $secondary;
|
|
$list-group-hover-bg: $secondary;
|
|
$list-group-action-hover-color: #adb5bd;
|
|
$list-group-action-active-bg: $body-bg;
|
|
$list-group-action-active-color: $accent;
|
|
|
|
$alert-bg-scale: 0%;
|
|
$alert-border-scale: -10%;
|
|
$alert-color-scale: -100%;
|
|
|
|
// Configuration
|
|
@import "../node_modules/bootstrap/scss/functions";
|
|
@import "../node_modules/bootstrap/scss/variables";
|
|
|
|
$theme-colors: map-merge($theme-colors, $custom-colors);
|
|
|
|
@import "../node_modules/bootstrap/scss/mixins";
|
|
@import "../node_modules/bootstrap/scss/utilities";
|
|
|
|
//All other bootstrap imports
|
|
@import "bootstrap_imports.scss";
|
|
|
|
input[type="time"] {
|
|
&::-webkit-calendar-picker-indicator {
|
|
filter: invert(63%) sepia(23%) saturate(819%) hue-rotate(358deg) brightness(88%) contrast(91%);
|
|
height: 30px;
|
|
margin: -12px;
|
|
width: 32px;
|
|
}
|
|
|
|
&::-webkit-calendar-picker-indicator:hover {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
.modal-dialog-scrollable .modal-body {
|
|
&::-webkit-scrollbar-track {
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
|
|
border-radius: 10px;
|
|
background-color: $secondary;
|
|
}
|
|
|
|
&::-webkit-scrollbar {
|
|
width: 12px;
|
|
background-color: $dark;
|
|
}
|
|
|
|
&::-webkit-scrollbar-thumb {
|
|
border-radius: 10px;
|
|
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
|
|
background-color: $accent;
|
|
}
|
|
} |