Skip to content

Commit b57555c

Browse files
committed
style: 适配暗黑模式
1 parent 0dccbb9 commit b57555c

File tree

1 file changed

+20
-13
lines changed

1 file changed

+20
-13
lines changed

packages/theme-dark/var.less

Lines changed: 20 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
@ve-primary-color: #262626;
1+
@ve-primary-color: #121212;
2+
@ve-secondary-color: #363636;
23
@ve-dark-text-color: #ffffffd9;
34
@ve-default-font-size: 14px;
45

@@ -35,7 +36,11 @@
3536
@ve-pagination-item-border-color: #434343;
3637
@ve-pagination-item-background-color: @ve-primary-color;
3738
@ve-pagination-item-text-color: @ve-dark-text-color;
39+
@ve-pagination-li-color: @ve-dark-text-color;
40+
@ve-pagination-jump-hover-color: @ve-dark-text-color;
3841
@ve-pagination-goto-background-color: #141414;
42+
@ve-pagination-goto-input-color: @ve-dark-text-color;
43+
@ve-pagination-goto-input-hover-color: @ve-dark-text-color;
3944

4045
/* ve-checkbox */
4146
@ve-checkbox-checked-background-color: #108ee9;
@@ -50,26 +55,28 @@
5055

5156
/* ve-dropdown */
5257
@ve-dropdown-z-index: 999;
53-
@ve-dropdown-background-color: @ve-primary-color;
58+
@ve-dropdown-background-color: @ve-secondary-color;
5459
@ve-dropdown-border-color: #434343;
5560
@ve-dropdown-text-color: @ve-dark-text-color;
56-
@ve-dropdown-item-background-color: @ve-primary-color;
57-
@ve-dropdown-item-active-background-color: #434343;
58-
@ve-dropdown-item-hover-background-color: #434343;
61+
@ve-dropdown-item-background-color: @ve-secondary-color;
62+
@ve-dropdown-item-border-color: @ve-secondary-color;
63+
@ve-dropdown-item-active-background-color: #666666;
64+
@ve-dropdown-item-hover-background-color: #464646;
5965
@ve-dropdown-item-hover-text-color: @ve-dark-text-color;
60-
@ve-dropdown-active-text-color: #108ee9;
66+
@ve-dropdown-active-text-color: @ve-dark-text-color;
6167

6268
/* ve-contextmenu */
63-
@ve-contextmenu-background-color: #fff;
64-
@ve-contextmenu-border-color: #e4e7ed;
69+
@ve-contextmenu-background-color: @ve-secondary-color;
70+
@ve-contextmenu-border-color: @ve-secondary-color;
6571
@ve-contextmenu-border-radius: 4px;
6672
@ve-contextmenu-box-shadow-color: #0000001a;
6773
@ve-contextmenu-min-width: 180px;
6874
@ve-contextmenu-min-height: 50px;
69-
@ve-contextmenu-node-hover-background-color: #f5f7fa;
70-
@ve-contextmenu-node-hover-text-color: #409eff;
71-
@ve-contextmenu-node-active-text-color: #409eff;
75+
@ve-contextmenu-node-separator-line-color: hsla(0,0%,100%,.12);
76+
@ve-contextmenu-node-hover-background-color: #666666;
77+
@ve-contextmenu-node-text-color: @ve-dark-text-color;
78+
@ve-contextmenu-node-hover-text-color: @ve-dark-text-color;
79+
@ve-contextmenu-node-active-text-color: @ve-dark-text-color;
7280
@ve-contextmenu-node-disabled-text-color: #c0c4cc;
73-
@ve-contextmenu-node-icon-postfix-color: #666;
81+
@ve-contextmenu-node-icon-postfix-color: @ve-dark-text-color;
7482
@ve-contextmenu-node-disabled-icon-postfix-color: #c0c4cc;
75-
@ve-contextmenu-node-separator-line-color: #eee;

0 commit comments

Comments
 (0)