fix(Button): add contrast for selected state in dark theme (#262)

gravity-ui · Jul 28, 2022 · cbb86ac · cbb86ac
1 parent f96fa4c
commit cbb86ac
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 1 deletion.
diff --git a/src/components/Button/Button.scss b/src/components/Button/Button.scss
@@ -194,7 +194,9 @@ $block: '.#{$ns}button';
                 --yc-button-background-color: var(--yc-color-base-selection);
                 --yc-button-background-color-hover: var(--yc-color-base-selection-hover);
 
-                @include button-text-color(var(--yc-color-text-special));
+                @include button-text-color(
+                    var(--yc-my-color-brand-text, var(--yc-color-text-special))
+                );
             }
         }
 

diff --git a/styles/brand.scss b/styles/brand.scss
@@ -15,6 +15,7 @@
     --yc-my-color-brand-selection-hover: var(--yc-color-private-blue-100);
     --yc-my-color-brand-link: var(--yc-my-color-brand-normal);
     --yc-my-color-brand-link-hover: var(--yc-color-private-blue-800);
+    --yc-my-color-brand-text: var(--yc-my-color-brand-normal);
     --yc-my-color-brand-text-contrast: var(--yc-color-text-light-primary);
     --yc-my-color-brand-link-visited: var(--yc-color-private-purple-550);
     --yc-my-color-brand-link-visited-hover: var(--yc-color-private-purple-800);
@@ -28,6 +29,7 @@
     --yc-my-color-brand-selection-hover: var(--yc-color-private-blue-300);
     --yc-my-color-brand-link: var(--yc-color-private-blue-700);
     --yc-my-color-brand-link-hover: var(--yc-color-private-blue-850);
+    --yc-my-color-brand-text: var(--yc-color-private-blue-700);
     --yc-my-color-brand-text-contrast: var(--yc-color-text-light-primary);
     --yc-my-color-brand-link-visited: var(--yc-color-private-purple-700);
     --yc-my-color-brand-link-visited-hover: var(--yc-color-private-purple-850);