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

Alibaba Cloud React Components

.theme-xconsole {
  /* @alicloud/console-components-app-layout */
  --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 #c0c6cc;
  --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: #fff;
  --console-layout-nav-shadow: 2px 0 4px 0 rgba(0, 0, 0, 0.16);
  --console-layout-nav-bg: #fff;
  --console-layout-nav-border: 1px solid #c0c6cc;
  /* @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: #fff;
  --console-menu-header-padding: 26px 24px;
  --console-menu-normal-text-color: #333333;
  --console-menu-padding: 24px;
  --console-menu-hover-bg: #f7f9fa;
  --console-menu-item-height: 36px;
  --console-menu-icon-arrow-color: #a8a8a8;
  --console-menu-active-bg: #eff3f8;
  --console-menu-active-text-color: #0064c8;
  --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;
}