dark mode

diff --git a/resources/sass/bootstrap.scss b/resources/sass/bootstrap.scss
index c52f144c859ead249ac643724b82967541e3bca1..e80df7cee808c02df2530d0f17e86949d39fe041 100644 (file)
--- a/resources/sass/bootstrap.scss
+++ b/resources/sass/bootstrap.scss
@@ -3,6 +3,30 @@
 @import "~bootstrap/scss/variables";
 @import "~bootstrap/scss/mixins";
 
+$body-bg: $gray-800;
+$body-color: $gray-200;
+
+$input-bg: $body-bg;
+$input-color: $body-color;
+$input-disabled-bg: $gray-700 !default;
+$input-focus-bg: $input-bg;
+$input-focus-color: $input-color;
+$form-select-bg: $input-bg;
+$form-select-color: $input-color;
+$form-select-indicator-color: $input-color;
+$form-select-indicator: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path fill='none' stroke='#{$form-select-indicator-color}' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/></svg>");
+
+$list-group-color: $body-color;
+$list-group-bg: $body-bg;
+$list-group-hover-bg: $gray-700;
+$list-group-action-color: $body-color;
+$list-group-action-hover-color: $body-color;
+
+$modal-content-bg: $body-bg;
+
+$table-color: $body-color;
+$table-striped-color: $table-color;
+
 $theme-colors: map-merge($theme-colors, $custom-colors);
 
 @import '~bootstrap/scss/bootstrap';

diff --git a/resources/sass/form.scss b/resources/sass/form.scss
index 8ec46a19e675887bd9d5382b95beaa48c29aeed9..2202be65cf76c474c57085e5590b50ee525b3640 100644 (file)
--- a/resources/sass/form.scss
+++ b/resources/sass/form.scss
@@ -18,20 +18,16 @@ label {
        width: auto;
        height: 2.25rem;
        min-width: 58px;
-       background: #e9ecef;
-       border: 1px solid #ced4da;
+       background: $input-bg;
+       border: $input-border-width solid $input-border-color;
        border-radius: 1.25rem;
        transition: background 200ms ease, padding 200ms ease;
        text-align: left;
        padding: 3px 3px 3px 24px;
 
        &.is-toggled {
-               background: #4f94d9;
+               background: $success;
                padding: 3px 24px 3px 3px;
-
-               .handle-label {
-                       color: #4f94d9;
-               }
        }
 
        &.is-invalid,
@@ -55,11 +51,7 @@ label {
        }
 
        &:focus {
-               background-color: #e9ecef;
                border-color: #ced4da;
-               &.is-toggled {
-                       background-color: #4f94d9;
-               }
        }
 
        .handle {

diff --git a/resources/sass/rounds.scss b/resources/sass/rounds.scss
index 6e3d04c900a509aff7981043c5ef5591b27d28e2..4ed13381d977a522b2c74a68776328c97dcbebdc 100644 (file)
--- a/resources/sass/rounds.scss
+++ b/resources/sass/rounds.scss
@@ -4,12 +4,14 @@
 
        .round {
                margin: 1rem 0;
-               border: thin solid $secondary;
-               border-radius: 1ex;
+               border: $border-width solid $secondary;
+               border-radius: $border-radius;
+               background: $gray-700;
                padding: 1ex;
 
                &.has-not-finished {
-                       box-shadow: 0 0 0.25rem $primary;
+                       border-color: $light;
+                       box-shadow: 0 0 0.25rem 0.25rem $info;
                }
 
                .info {