fix dark theme

Author: fakefeik

db-viewer-ui/stories/Themes/reactUiDark.ts

@@ -2,73 +2,16 @@ import { darkTheme } from "@skbkontur/react-ui/internal/ThemePlayground/darkThem
 
 export const reactUiDark = {
     ...darkTheme,
-    chbCheckedColor: "#000",
-    chbBg: "linear-gradient(#fdfdfd, #ededed) !important",
-    chbHoverBg: "linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important",
-    radioBgImage: "linear-gradient(#fdfdfd, #ededed) !important",
-    radioHoverBg: "linear-gradient(-180deg, #f2f2f2 0, #dfdfdf 100%) !important",
-    radioDisabledShadow: "0 0 0 1px rgba(0, 0, 0, 0.15) !important",
-    chbIndeterminateBg: "#000",
-    chbShadowDisabled: "rgba(255, 255, 255, .5)",
-    textColorDefault: "#fff",
-    textColorInvert: "#fff",
-    textColorDisabled: "#a0a0a0",
+    hintBgColor: "rgba(80, 80, 80, 0.8)",
     linkColor: "#00A8FF",
     linkActiveColor: "#0488E0",
     linkHoverColor: "#00A8FF",
-    linkDisabledColor: "#a0a0a0",
-    linkHoverTextDecoration: "underline",
-    menuItemHoverBg: "#0488E0",
-    menuItemSelectedBg: "rgba(255, 255, 255, 0.05)",
-    loaderBg: "rgba(51, 51, 51, 0.8)",
-    loaderOpacity: "0.9",
-    btnDisabledBg: "rgba(255, 255, 255, 0.05)",
-    btnDisabledShadowColor: "rgba(0, 0, 0, 0.15)",
-    btnCheckedBg: "#737373",
-    btnCheckedTextColor: "#fff",
-    btnCheckedShadowColorArrow: "rgba(0, 0, 0, 0.3)",
-    btnDefaultBgStart: "none",
-    btnDefaultBgArrowStart: "#333",
-    btnDefaultBgEnd: "none",
-    btnDefaultBgArrowEnd: "#333",
-    btnDefaultBorder: "1px solid #4D4D4D",
-    btnDefaultShadow: "1px",
-    btnDefaultShadowArrow: "1.2px -1px 0 0 rgba(255, 255, 255, 1), 1px 0 0 0 rgba(255, 255, 255, 1)",
-    btnDefaultShadowArrowLeft: "1px -1px 0 0 rgba(255, 255, 255, 1), 0 0 0 0 rgba(255, 255, 255, 1)",
-    btnDefaultHoverBgStart: "#333",
-    btnDefaultHoverBgEnd: "#333",
-    btnDefaultHoverBorderColor: "rgba(255, 255, 255, 0.07)",
-    btnDefaultHoverShadow: "0 1px 0 0 rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.2)",
-    btnDefaultHoverShadowArrow: "1px -1px 0 0 rgba(0, 0, 0, 0.15), 1px 0 0 0 rgba(0, 0, 0, 0.2)",
-    btnDefaultHoverShadowArrowLeft: "1px -1px 0 0 rgba(0, 0, 0, 0.15), 0 -1px 0 0 rgba(0, 0, 0, 0.2)",
-    btnDefaultActiveBg: "#2E2D2C",
-    btnDefaultActiveShadow:
-        "0 -1px 0 0 rgba(0, 0, 0, 0.1), 0 0 0 1px rgba(0, 0, 0, 0.2), inset 0 1px 2px 0 rgba(0, 0, 0, 0.1)",
-    btnDefaultActiveShadowArrow:
-        "0 -2px 0 -1px rgba(0, 0, 0, 0.1), 1px -1px 0 0 rgba(0, 0, 0, 0.2), inset 0 4px 5px -4px rgba(0, 0, 0, 0.1)",
-    btnDefaultActiveShadowArrowLeft:
-        "0 -1px 0 0 rgba(0, 0, 0, 0.1), 1px -0.3px 0 0 rgba(0, 0, 0, 0.2), inset -4px 0 5px -4px rgba(0, 0, 0, 0.2)",
-    modalBackBg: "#333",
-    modalBackOpacity: "0.6",
-    modalCloseButtonColor: "rgba(255, 255, 255, 0.5)",
-    modalCloseButtonDisabledColor: "#8b8b8b",
-    modalCloseButtonHoverColor: "rgba(255, 255, 255, 0.7)",
-    modalFixedHeaderBg: "#333333",
-    modalFixedHeaderShadow: "0 1px 7px #000000",
-    modalFixedFooterShadow: "0 -1px 10px #000000",
-    modalFooterBg: "#272727",
-    modalAdaptiveThreshold: "425px",
-    dropdownMenuSelectedBg: "#403F3F",
-    dropdownMenuHoverBg: "#4D4D4D",
-    menuSeparatorBorderColor: "#404040",
-    tbBg: "#262626",
-    tbShadow: "0 1px 1px 0 rgba(0, 0, 0, 0.1), 0 1px 8px 0 rgba(0, 0, 0, 0.1)",
-    tdDividerBg: "#808080",
-    menuItemPaddingForIcon: "36px",
-    menuBorder: "rgba(0, 0, 0, 0)",
-    menuShadow: "0 0 0 1px #404040, 0 5px 20px 0 rgba(0, 0, 0, 0.4)",
-    btnMenuArrowColor: "#666",
-    inputColor: "#fff",
-    inputTextColor: "#fff",
-    inputBg: "#333",
+    btnDefaultActiveBg: "#444444",
+    btnDefaultActiveBorderColor: "rgba(66,66,66,0.5)",
+    btnDefaultActiveBorderTopColor: "rgba(66,66,66,0.3)",
+    btnDefaultBorderBottomColor: "rgba(66,66,66, 1)",
+    btnDefaultBorderColor: "rgba(66,66,66, 1)",
+    btnDefaultHoverBg: "#363636",
+    btnDefaultHoverBorderBottomColor: "rgba(66,66,66,0.7)",
+    btnDefaultHoverBorderColor: "rgba(66,66,66,0.9)",
 };