Dark theme palette shenanigans

I just can't decide
This commit is contained in:
2020-06-25 18:32:21 +01:00
parent be48dd31f9
commit a4ef69af3c
4 changed files with 479 additions and 683 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1,4 +1,11 @@
[data-theme='dark'] {
$theme-colors: (
"success": #678f75,
"warning": #FFE89B,
"danger": #9f4c49,
"info": #006b8e,
"primary": #4CB8F1
);
@import "custom-variables";
@import 'node_modules/@forevolve/bootstrap-dark/scss/bootstrap-dark.scss';
background: #222;
@@ -9,23 +16,26 @@
background: #121416;
}
.form-control {
background: #121416;
background-color: #121416;
color: $gray-100;
border: black !important;
border-color: #121416;
}
.btn-light, .popover-header, .status {
background: #121416 !important;
background-color: #121416 !important;
color: $gray-100 !important;
border: black !important;
border-color: #121416;
}
a {
color: $blue;
}
.btn, .badge, tr {
color: white;
.badge {
color: black;
}
.badge-dark, .badge-secondary, .btn-primary {
color: $gray-100;
}
.input-group-text {
border: black;
border-color: #121416;
}
.page-item.disabled {
opacity: 0.5;

View File

@@ -82,9 +82,9 @@ function browserSyncReload(done) {
}
function watchFiles() {
gulp.watch("RIGS/static/scss/**/*.scss", gulp.series(styles, browserSyncReload));
gulp.watch("RIGS/static/scss/**/*.scss", styles);
// TODO This prevents reload looping, but means we don't reload if new third party scripts are added
gulp.watch("RIGS/static/js/src/*", gulp.series(scripts, browserSyncReload));
gulp.watch("RIGS/static/js/src/*", scripts);
gulp.watch(['templates/**/*.html', 'RIGS/templates/**/*.html', 'assets/templates/**/*.html', 'versioning/templates/**/*.html'], browserSyncReload);
}