@alicloud/console-components
Version:
Alibaba Cloud React Components
45 lines (44 loc) • 2.01 kB
CSS
.theme-xconsole-dark {
/* @alicloud/console-components-app-layout */
--console-layout-nav-width: 208px;
--console-layout-nav-width-collapsed: 0px;
--console-layout-nav-trigger-height: 32px;
--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;
/* @alicloud/console-components-console-menu */
--console-menu-divider-margin: 16px;
--console-menu-divider-border: 1px solid #e5e5e5;
--console-menu-header-color: #333333;
--console-menu-bg: transparent;
--console-menu-header-padding: 24px;
--console-menu-normal-text-color: #cccccc;
--console-menu-padding: 24px;
--console-menu-hover-bg: rgba(255,255,255,0.04);
--console-menu-item-height: 36px;
--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: none;
--console-menu-disabled-text-color: #c1c1c1;
--console-menu-disabled-bg: #f5f5f5;
/* @alicloud/console-components-page */
--console-page-header-line-height: 36px;
--console-page-breadcrumbs-margin-top: 24px;
--console-page-breadcrumbs-margin-bottom: 8px;
--console-page-breadcrumbs-line-height: 20px;
--console-page-title-line-height: 36px;
--console-page-header-line-height: 36px;
--console-page-title-font-size: 24px;
}