winbox-ui-next/es/layout/style/token.less

We Design Vue 2.0: A Vue.js 3 UI Library

@import '../../style/theme/index.less';

@layout-trigger-height: 48px;

// Layout Theme Dark(Default)
@layout-sider-background: var(~'@{winbox-cssvars-prefix}-color-menu-dark-bg');
@layout-font-color-dark: var(~'@{winbox-cssvars-prefix}-color-white');
@layout-font-color: var(~'@{winbox-cssvars-prefix}-color-text-1');
@layout-trigger-dark-color: rgba(255, 255, 255, 0.2);

// Layout Theme Light
@layout-sider-background-light: var(
  ~'@{winbox-cssvars-prefix}-color-menu-light-bg'
);
@layout-trigger-light-color-border: var(~'@{winbox-cssvars-prefix}-color-bg-5');