fix(bootstrap): dark theme input colors

telerik · Jul 5, 2023 · 428c0ab · 428c0ab
1 parent da75c5e
commit 428c0ab
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 4 deletions.
diff --git a/packages/bootstrap/scss/_bootstrap-overrides.scss b/packages/bootstrap/scss/_bootstrap-overrides.scss
@@ -10,13 +10,13 @@ $gray-700: #495057 !default;
 $gray-800: #343a40 !default;
 $gray-900: #212529 !default;
 
-$kendo-body-bg: $kendo-color-white !default;
+$kendo-body-bg: #ffffff !default;
 
 $kendo-component-bg: $kendo-body-bg !default;
 $kendo-component-text: k-contrast-color( $kendo-component-bg, $gray-900, $gray-100 ) !default;
 $kendo-component-border: if( k-is-light( $kendo-component-bg ), $gray-300, $gray-700 ) !default;
 
 $input-bg: $kendo-component-bg !default;
-$input-color: k-contrast-color( $input-bg, $gray-700, $gray-300 ) !default;
+$input-color: k-contrast-color( $input-bg, $gray-900, $gray-300 ) !default;
 $input-border-color: if( k-is-light( $input-bg ), $gray-400, $gray-600 ) !default;
 $input-placeholder-color: k-contrast-color( $input-bg, $gray-600, $gray-400 ) !default;
diff --git a/packages/bootstrap/scss/_variables.scss b/packages/bootstrap/scss/_variables.scss
@@ -1,4 +1,5 @@
 @import "./core/functions/index.import.scss";
+@import "./_bootstrap-overrides.scss";
 @import "bootstrap/scss/_functions.scss";
 @import "bootstrap/scss/_variables.scss";
 
@@ -369,4 +370,4 @@ $kendo-invalid-shadow: 0 0 0 .25rem rgba( $kendo-invalid-border, .25 ) !default;
 
 // Loading
 $kendo-loading-opacity: .3 !default;
-$kendo-zindex-loading: 100 !default;
+$kendo-zindex-loading: 100 !default;
diff --git a/packages/bootstrap/scss/core/_index.scss b/packages/bootstrap/scss/core/_index.scss
@@ -2,7 +2,6 @@ $wcag-min-contrast-ratio: 4.5 !default;
 
 // Variables
 @import "../_variables.scss";
-@import "../_bootstrap-overrides.scss";
 
 @import "@progress/kendo-theme-core/scss/index.import.scss";