mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-02-28 21:20:28 +00:00
63 lines
2.2 KiB
Plaintext
63 lines
2.2 KiB
Plaintext
@import '~@ali/ve-less-variables/index.less';
|
|
|
|
/*
|
|
* Theme Colors
|
|
*
|
|
* 乐高设计器的主要主题色变量
|
|
*/
|
|
:root {
|
|
--color-brand: @brand-color-1;
|
|
--color-brand-light: @brand-color-2;
|
|
--color-brand-dark: @brand-color-3;
|
|
|
|
--color-canvas-background: @normal-alpha-8;
|
|
|
|
--color-icon-normal: @normal-alpha-4;
|
|
--color-icon-hover: @normal-alpha-3;
|
|
--color-icon-active: @brand-color-1;
|
|
--color-icon-reverse: @white-alpha-1;
|
|
|
|
--color-line-normal: @normal-alpha-7;
|
|
--color-line-darken: darken(@normal-alpha-7, 10%);
|
|
|
|
--color-title: @dark-alpha-2;
|
|
--color-text: @dark-alpha-3;
|
|
--color-text-dark: darken(@dark-alpha-3, 10%);
|
|
--color-text-light: lighten(@dark-alpha-3, 10%);
|
|
--color-text-reverse: @white-alpha-2;
|
|
--color-text-regular: @normal-alpha-2;
|
|
|
|
--color-field-label: @dark-alpha-4;
|
|
--color-field-text: @dark-alpha-3;
|
|
--color-field-placeholder: @normal-alpha-5;
|
|
--color-field-border: @normal-alpha-5;
|
|
--color-field-border-hover: @normal-alpha-4;
|
|
--color-field-border-active: @normal-alpha-3;
|
|
--color-field-background: @white-alpha-1;
|
|
|
|
--color-function-success: @brand-success;
|
|
--color-function-success-dark: darken(@brand-success, 10%);
|
|
--color-function-success-light: lighten(@brand-success, 10%);
|
|
--color-function-warning: @brand-warning;
|
|
--color-function-warning-dark: darken(@brand-warning, 10%);
|
|
--color-function-warning-light: lighten(@brand-warning, 10%);
|
|
--color-function-information: @brand-link-hover;
|
|
--color-function-information-dark: darken(@brand-link-hover, 10%);
|
|
--color-function-information-light: lighten(@brand-link-hover, 10%);
|
|
--color-function-error: @brand-danger;
|
|
--color-function-error-dark: darken(@brand-danger, 10%);
|
|
--color-function-error-light: lighten(@brand-danger, 10%);
|
|
|
|
--color-pane-background: @white-alpha-1;
|
|
--color-block-background-normal: @white-alpha-1;
|
|
--color-block-background-light: @normal-alpha-9;
|
|
--color-block-background-shallow: @normal-alpha-8;
|
|
--color-block-background-dark: @normal-alpha-7;
|
|
--color-block-background-disabled: @normal-alpha-6;
|
|
--color-block-background-deep-dark: @normal-5;
|
|
--color-layer-mask-background: @dark-alpha-7;
|
|
--color-layer-tooltip-background: rgba(44,47,51,0.8);
|
|
|
|
--pane-title-bg-color: rgba(31,56,88,.04);
|
|
}
|