@alicloud/console-components/dist/xconsole-dark-var-rc.css

Alibaba Cloud React Components

 .theme-xconsole-dark {
--console-app-layout-version: "1.1.4";
--console-layout-nav-width: 208px;
--console-layout-nav-width-collapsed: 0px;
--console-layout-nav-trigger-height: 34px;
--console-layout-nav-trigger-width: 16px;
--console-layout-nav-trigger-clickable-height: 34px;
--console-layout-nav-trigger-clickable-width: 16px;
--console-layout-nav-trigger-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16);
--console-layout-nav-trigger-border: 1px solid rgba(255,255,255,0.08);
--console-layout-nav-trigger-border-l: none;
--console-layout-nav-trigger-border-l-hover: none;
--console-layout-nav-trigger-icon-color: #c1c1c1;
--console-layout-nav-trigger-icon-color-hover: #c1c1c1;
--console-layout-nav-trigger-icon-left: 0px;
--console-layout-nav-trigger-bg: rgba(255,255,255,0.04);
--console-layout-nav-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.16);
--console-layout-nav-bg: rgba(255,255,255,0.04);
--console-layout-nav-border: none;
}

 .theme-xconsole-dark {
--console-menu-version: "1.2.8";
--console-menu-divider-margin: 15px;
--console-menu-divider-border: 1px solid #e3e4e6;
--console-menu-header-color: #E6E6E6;
--console-menu-bg: transparent;
--console-menu-header-padding: 24px 24px 16px;
--console-menu-normal-text-color: #cccccc;
--console-menu-padding: 24px;
--console-menu-hover-bg: rgba(255,255,255,0.04);
--console-menu-item-height: 32px;
--console-menu-icon-arrow-color: #a8a8a8;
--console-menu-active-bg: rgba(255,255,255,0.04);
--console-menu-active-text-color: #0080FF;
--console-menu-active-bar-display: block;
--console-menu-disabled-text-color: #c1c1c1;
--console-menu-disabled-bg: #f5f5f5;
}