dark mode

[alttp.git] / resources / sass / bootstrap.scss

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';