fix(textarea): textarea uses incorrect colors in material dark swatches

telerik · Sep 10, 2021 · 98558db · 98558db
1 parent 573b567
commit 98558db
Show file tree

Hide file tree

Showing 7 changed files with 10 additions and 10 deletions.
diff --git a/packages/bootstrap/scss/textarea/_variables.scss b/packages/bootstrap/scss/textarea/_variables.scss
@@ -48,7 +48,7 @@ $textarea-focus-shadow: $input-focused-shadow !default;
 $textarea-placeholder-text: $input-placeholder-text !default;
 $textarea-placeholder-opacity: $input-placeholder-opacity !default;
 
-$textarea-selected-text: $input-selected-text !default;
 $textarea-selected-bg: $input-selected-bg !default;
+$textarea-selected-text: $input-selected-text !default;
 
 $textarea-invalid-focus-shadow: $invalid-shadow !default;
diff --git a/packages/classic/scss/input/_variables.scss b/packages/classic/scss/input/_variables.scss
@@ -54,8 +54,8 @@ $input-focused-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0,
 $input-placeholder-text: $subtle-text !default;
 $input-placeholder-opacity: 1 !default;
 
-$input-selected-text: $primary-contrast !default;
 $input-selected-bg: $primary !default;
+$input-selected-text: $primary-contrast !default;
 
 $input-clear-button-focused-background: $base-text !default;
 $input-clear-button-focused-opacity: .2 !default;

diff --git a/packages/classic/scss/textarea/_variables.scss b/packages/classic/scss/textarea/_variables.scss
@@ -48,7 +48,7 @@ $textarea-focus-shadow: $input-focused-shadow !default;
 $textarea-placeholder-text: $input-placeholder-text !default;
 $textarea-placeholder-opacity: $input-placeholder-opacity !default;
 
-$textarea-selected-text: $input-selected-text !default;
 $textarea-selected-bg: $input-selected-bg !default;
+$textarea-selected-text: $input-selected-text !default;
 
 $textarea-invalid-focus-shadow: $invalid-shadow !default;
diff --git a/packages/default/scss/input/_variables.scss b/packages/default/scss/input/_variables.scss
@@ -54,8 +54,8 @@ $input-focused-shadow: 0 0 0 2px rgba( $input-focused-border, .08 ) !default;
 $input-placeholder-text: $subtle-text !default;
 $input-placeholder-opacity: 1 !default;
 
-$input-selected-text: $primary-contrast !default;
 $input-selected-bg: $primary !default;
+$input-selected-text: $primary-contrast !default;
 
 $input-clear-button-focused-background: $base-text !default;
 $input-clear-button-focused-opacity: .2 !default;

diff --git a/packages/default/scss/textarea/_variables.scss b/packages/default/scss/textarea/_variables.scss
@@ -48,7 +48,7 @@ $textarea-focus-shadow: $input-focused-shadow !default;
 $textarea-placeholder-text: $input-placeholder-text !default;
 $textarea-placeholder-opacity: $input-placeholder-opacity !default;
 
-$textarea-selected-text: $input-selected-text !default;
 $textarea-selected-bg: $input-selected-bg !default;
+$textarea-selected-text: $input-selected-text !default;
 
 $textarea-invalid-focus-shadow: $invalid-shadow !default;
diff --git a/packages/material/scss/input/_variables.scss b/packages/material/scss/input/_variables.scss
@@ -55,8 +55,8 @@ $input-disabled-bg: rgb(189, 189, 189) !default;
 $input-placeholder-text: $subtle-text !default;
 $input-placeholder-opacity: 1 !default;
 
-$input-selected-text: $primary-contrast !default;
 $input-selected-bg: $primary !default;
+$input-selected-text: $primary-contrast !default;
 
 $input-clear-button-focused-background: rgba(0, 0, 0, .67) !default;
 $input-clear-button-focused-opacity: .3 !default;

diff --git a/packages/material/scss/textarea/_variables.scss b/packages/material/scss/textarea/_variables.scss
@@ -30,13 +30,13 @@ $textarea-calc-height-lg: $input-calc-height-lg !default;
 
 $textarea-floating-label-padding: 3px !default;
 
-$textarea-bg: #f5f5f5 !default;
+$textarea-bg: try-shade( $body-bg, .5 ) !default;
 $textarea-text: $input-text !default;
 $textarea-border: $input-border !default;
 $textarea-shadow: $input-shadow !default;
 
 $textarea-hover-text: $input-hovered-text !default;
-$textarea-hover-bg: #ebebeb !default;
+$textarea-hover-bg: try-shade( $body-bg, 1 ) !default;
 $textarea-hover-border: $input-border !default;
 $textarea-hover-shadow: $input-hovered-shadow !default;
 
@@ -48,7 +48,7 @@ $textarea-focus-shadow: 0 0 0 1px $primary !default;
 $textarea-placeholder-text: $input-placeholder-text !default;
 $textarea-placeholder-opacity: $input-placeholder-opacity !default;
 
-$textarea-selected-text: $textarea-text !default;
-$textarea-selected-bg: #cecece !default;
+$textarea-selected-bg: $input-selected-bg !default;
+$textarea-selected-text: $input-selected-text !default;
 
 $textarea-invalid-focus-shadow: 0 0 0 1px $error !default;