fix: monochrome button theme (#89)

* fix: add monockrome dark theme

* fix(Content): black button in dark theme

Author: Juli Ovechkina

src/components/Button/Button.scss

@@ -3,12 +3,12 @@
 $block: '.#{$ns}button-block';
 
 @mixin monochromeButton() {
-    --yc-button-background-color: var(--pc-monochrome-button);
-    --yc-button-background-color-hover: var(--pc-monochrome-button-hover);
-    color: var(--yc-color-text-light-primary);
+    --yc-button-background-color: var(--pc-monochrome-button-background-color);
+    --yc-button-background-color-hover: var(--pc-monochrome-button-background-color-hover);
+    color: var(--pc-monochrome-button-color);
 
     &:hover {
-        color: var(--yc-color-text-light-primary);
+        color: var(--pc-monochrome-button-color);
     }
 }
 

src/sub-blocks/Content/Content.scss

@@ -18,6 +18,10 @@ $darkSecondary: var(--yc-color-text-dark-secondary);
 }
 
 #{$block} {
+    --pc-monochrome-button-background-color: #262626;
+    --pc-monochrome-button-background-color-hover: #393939;
+    --pc-monochrome-button-color: var(--yc-color-text-light-primary);
+
     &__notice,
     &__text {
         .yfm ol,

styles/root.scss

@@ -13,13 +13,17 @@
     --pc-color-sfx-shadow: var(--yc-color-base-simple-hover);
     --pc-color-line-generic-active-solid: #b3b3b3;
     --pc-color-base-float-hover: var(--yc-color-base-float);
-    --pc-monochrome-button: #262626;
-    --pc-monochrome-button-hover: #393939;
+    --pc-monochrome-button-background-color: #262626;
+    --pc-monochrome-button-background-color-hover: #393939;
+    --pc-monochrome-button-color: var(--yc-color-text-light-primary);
     --pc-text-header-color: var(--yc-color-text-primary);
 
     &.yc-root_theme_dark {
         --pc-color-sfx-shadow: var(--yc-color-sfx-shadow);
         --pc-color-line-generic-active-solid: #6c6c70;
         --pc-color-base-float-hover: var(--yc-color-base-float-hover);
+        --pc-monochrome-button-background-color: #ffffff;
+        --pc-monochrome-button-background-color-hover: #e9e9e9;
+        --pc-monochrome-button-color: var(--yc-color-text-dark-primary);
     }
 }