64 lines
No EOL
1.4 KiB
SCSS
64 lines
No EOL
1.4 KiB
SCSS
@charset "utf-8";
|
|
|
|
//=====================
|
|
// custom color scheme
|
|
//=====================
|
|
|
|
$primary: #945DE1;
|
|
$link: #64B4BD;
|
|
$info: #8C4E80;
|
|
$success: #7E8E2B;
|
|
$warning: #F6CA6B;
|
|
$danger: #C5443B;
|
|
|
|
// Sass variables (bulma)
|
|
@import "~bulma/sass/utilities/initial-variables";
|
|
@import "~bulma/sass/utilities/derived-variables";
|
|
|
|
// Sass variables (bulma-prefers-dark)
|
|
@import "~bulma-prefers-dark/sass/utilities/initial-variables";
|
|
@import "~bulma-prefers-dark/sass/utilities/derived-variables";
|
|
|
|
//=================
|
|
// variable tweaks
|
|
//=================
|
|
|
|
$modal-card-body-background-color-dark: $body-background-dark;
|
|
$card-background-color-dark: $background-dark;
|
|
|
|
// main imports
|
|
@import "~bulma/bulma";
|
|
@import "~bulma-prefers-dark/bulma-prefers-dark";
|
|
|
|
//==============
|
|
// style tweaks
|
|
//==============
|
|
|
|
.card-header {
|
|
background-color: $background;
|
|
|
|
@include prefers-scheme(dark) {
|
|
background-color: $card-header-background-color;
|
|
}
|
|
}
|
|
|
|
.card-content {
|
|
@include prefers-scheme(dark) {
|
|
background-color: $body-background-dark;
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
// &::-webkit-progress-bar {
|
|
// background-color: transparent !important;
|
|
// }
|
|
// &::-webkit-progress-value {
|
|
// background-color: transparent !important;
|
|
// }
|
|
&::-moz-progress-bar {
|
|
background-color: transparent !important;
|
|
}
|
|
// &::-ms-fill {
|
|
// background-color: transparent !important;
|
|
// }
|
|
} |