chore: optimize the code of theme color; 🌟
This commit is contained in:
@@ -1,6 +1,5 @@
|
||||
@import '~ant-design-vue/lib/style/themes/default';
|
||||
|
||||
@primary: @primary-color;
|
||||
@gray-1: #ffffff;
|
||||
@gray-2: #fafafa;
|
||||
@gray-3: #f5f5f5;
|
||||
@@ -15,18 +14,26 @@
|
||||
@gray-12: #141414;
|
||||
@gray-13: #000000;
|
||||
|
||||
@primary-color: @primary-color;
|
||||
@success-color: @success-color;
|
||||
@warning-color: @warning-color;
|
||||
@error-color: @warning-color;
|
||||
|
||||
@title-color: @heading-color;
|
||||
@text-color: @text-color;
|
||||
@text-color-inverse: @text-color-inverse;
|
||||
@text-color-second: @text-color-secondary;
|
||||
|
||||
@layout-bg-color: @layout-body-background;
|
||||
@base-bg-color: @body-background;
|
||||
@bg-color: @layout-body-background;
|
||||
@hover-bg-color: rgba(0, 0, 0, 0.025);
|
||||
@border-color: @border-color-split;
|
||||
@shadow-color: @shadow-color;
|
||||
|
||||
@text-color-inverse: @text-color-inverse;
|
||||
@hover-bg-color-light: @hover-bg-color;
|
||||
@hover-bg-color-dark: @primary-7;
|
||||
@hover-bg-color-night: rgba(255, 255, 255, 0.025);
|
||||
@header-bg-color-dark: @layout-header-background;
|
||||
@border-color: @border-color-base;
|
||||
|
||||
@shadow-down: @shadow-1-down;
|
||||
@shadow-up: @shadow-1-up;
|
||||
|
||||
@@ -13,7 +13,7 @@
|
||||
}
|
||||
&::-webkit-scrollbar-thumb {
|
||||
border-radius: 3px;
|
||||
background: @primary;
|
||||
background: @primary-color;
|
||||
}
|
||||
&::-webkit-scrollbar-track {
|
||||
-webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0);
|
||||
|
||||
Reference in New Issue
Block a user