Commit 7766d37d3fa0ecca7a719c13f1b08dc13e74c229
1 parent
0c6b4483
perf: vxe dark
Showing
2 changed files
with
60 additions
and
38 deletions
yudao-ui-admin-vue3/src/plugins/vxeTable/theme/dark.scss
| @@ -5,38 +5,64 @@ | @@ -5,38 +5,64 @@ | ||
| 5 | $vxe-font-color: #e5e7eb; | 5 | $vxe-font-color: #e5e7eb; |
| 6 | $vxe-font-size: 14px !default; | 6 | $vxe-font-size: 14px !default; |
| 7 | $vxe-font-size-medium: 14px !default; | 7 | $vxe-font-size-medium: 14px !default; |
| 8 | -$vxe-font-size-small: 13px !default; | ||
| 9 | -$vxe-font-size-mini: 12px !default; | 8 | +$vxe-font-size-small: 12px !default; |
| 9 | +$vxe-font-size-mini: 10px !default; | ||
| 10 | + | ||
| 11 | +/*color*/ | ||
| 12 | +$vxe-primary-color: #409eff !default; | ||
| 13 | +$vxe-success-color: #67c23a !default; | ||
| 14 | +$vxe-info-color: #909399 !default; | ||
| 15 | +$vxe-warning-color: #e6a23c !default; | ||
| 16 | +$vxe-danger-color: #f56c6c !default; | ||
| 17 | +$vxe-disabled-color: #bfbfbf !default; | ||
| 18 | +$vxe-primary-disabled-color: #c0c4cc !default; | ||
| 19 | + | ||
| 20 | +/*loading*/ | ||
| 21 | +$vxe-loading-color: $vxe-primary-color !default; | ||
| 22 | +$vxe-loading-background-color: #1d1e1f !default; | ||
| 23 | +$vxe-loading-z-index: 999 !default; | ||
| 10 | 24 | ||
| 11 | /*icon*/ | 25 | /*icon*/ |
| 12 | $vxe-icon-font-family: Verdana, Arial, Tahoma !default; | 26 | $vxe-icon-font-family: Verdana, Arial, Tahoma !default; |
| 13 | -$vxe-icon-background-color: #fff !default; | 27 | +$vxe-icon-background-color: #e5e7eb !default; |
| 14 | 28 | ||
| 15 | -$vxe-toolbar-background-color: #262626; | 29 | +/*toolbar*/ |
| 30 | +$vxe-toolbar-background-color: #1d1e1f !default; | ||
| 16 | $vxe-toolbar-button-border: #dcdfe6 !default; | 31 | $vxe-toolbar-button-border: #dcdfe6 !default; |
| 32 | +$vxe-toolbar-custom-active-background-color: #d9dadb !default; | ||
| 33 | +$vxe-toolbar-panel-background-color: #e5e7eb !default; | ||
| 17 | 34 | ||
| 18 | $vxe-table-font-color: #e5e7eb; | 35 | $vxe-table-font-color: #e5e7eb; |
| 19 | -$vxe-table-header-background-color: #262626; | 36 | +$vxe-table-header-background-color: #1d1e1f; |
| 20 | $vxe-table-body-background-color: #141414; | 37 | $vxe-table-body-background-color: #141414; |
| 21 | $vxe-table-row-striped-background-color: #1d1d1d; | 38 | $vxe-table-row-striped-background-color: #1d1d1d; |
| 22 | -$vxe-table-row-hover-background-color: #262626; | 39 | +$vxe-table-row-hover-background-color: #1d1e1f; |
| 23 | $vxe-table-row-hover-striped-background-color: #1e1e1e; | 40 | $vxe-table-row-hover-striped-background-color: #1e1e1e; |
| 24 | -$vxe-table-footer-background-color: #141414; | ||
| 25 | -$vxe-table-row-current-background-color: #a7a3a3; | ||
| 26 | -$vxe-table-column-current-background-color: #a7a3a3; | ||
| 27 | -$vxe-table-column-hover-background-color: #a7a3a3; | ||
| 28 | -$vxe-table-row-hover-current-background-color: #a7a3a3; | ||
| 29 | -$vxe-table-menu-background-color: #262626; | ||
| 30 | -$vxe-table-border-width: 0px !default; | ||
| 31 | -$vxe-table-border-color: #dfe5f0 !default; | 41 | +$vxe-table-footer-background-color: #1d1e1f; |
| 42 | +$vxe-table-row-current-background-color: #9e8787; | ||
| 43 | +$vxe-table-column-current-background-color: #9e8787; | ||
| 44 | +$vxe-table-column-hover-background-color: #9e8787; | ||
| 45 | +$vxe-table-row-hover-current-background-color: #9e8787; | ||
| 46 | +$vxe-table-menu-background-color: #1d1e1f; | ||
| 47 | +$vxe-table-border-width: 1px !default; | ||
| 48 | +$vxe-table-border-color: #4c4d4f !default; | ||
| 49 | +$vxe-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px rgba(0, 0, 0, 0.12) !default; | ||
| 50 | +$vxe-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px rgba(0, 0, 0, 0.12) !default; | ||
| 32 | 51 | ||
| 33 | $vxe-form-background-color: #141414; | 52 | $vxe-form-background-color: #141414; |
| 34 | 53 | ||
| 35 | -$vxe-pager-background-color: #262626; | 54 | +/*pager*/ |
| 55 | +$vxe-pager-background-color: #1d1e1f !default; | ||
| 56 | +$vxe-pager-perfect-background-color: #262727 !default; | ||
| 57 | +$vxe-pager-perfect-button-background-color: #a7a3a3 !default; | ||
| 36 | 58 | ||
| 37 | $vxe-input-background-color: #141414; | 59 | $vxe-input-background-color: #141414; |
| 38 | -$vxe-select-panel-background-color: #141414; | ||
| 39 | -$vxe-select-option-hover-background-color: #262626; | 60 | +$vxe-input-border-color: #4c4d4f !default; |
| 61 | + | ||
| 62 | +$vxe-select-option-hover-background-color: #262626 !default; | ||
| 63 | +$vxe-select-panel-background-color: #141414 !default; | ||
| 64 | +$vxe-select-empty-color: #262626 !default; | ||
| 65 | +$vxe-optgroup-title-color: #909399 !default; | ||
| 40 | 66 | ||
| 41 | /*button*/ | 67 | /*button*/ |
| 42 | $vxe-button-default-background-color: #262626; | 68 | $vxe-button-default-background-color: #262626; |
| @@ -47,4 +73,7 @@ $vxe-modal-header-background-color: #141414; | @@ -47,4 +73,7 @@ $vxe-modal-header-background-color: #141414; | ||
| 47 | $vxe-modal-body-background-color: #141414; | 73 | $vxe-modal-body-background-color: #141414; |
| 48 | $vxe-modal-border-color: #3b3b3b; | 74 | $vxe-modal-border-color: #3b3b3b; |
| 49 | 75 | ||
| 76 | +/*pulldown*/ | ||
| 77 | +$vxe-pulldown-panel-background-color: #262626 !default; | ||
| 78 | + | ||
| 50 | @import 'vxe-table/styles/index'; | 79 | @import 'vxe-table/styles/index'; |
yudao-ui-admin-vue3/src/plugins/vxeTable/theme/light.scss
| 1 | // 修改样式变量 | 1 | // 修改样式变量 |
| 2 | +/*font*/ | ||
| 3 | +$vxe-font-color: #e5e7eb; | ||
| 4 | +$vxe-font-size: 14px !default; | ||
| 5 | +$vxe-font-size-medium: 14px !default; | ||
| 6 | +$vxe-font-size-small: 12px !default; | ||
| 7 | +$vxe-font-size-mini: 10px !default; | ||
| 8 | +/*color*/ | ||
| 9 | +$vxe-primary-color: #409eff !default; | ||
| 10 | +$vxe-success-color: #67c23a !default; | ||
| 11 | +$vxe-info-color: #909399 !default; | ||
| 12 | +$vxe-warning-color: #e6a23c !default; | ||
| 13 | +$vxe-danger-color: #f56c6c !default; | ||
| 14 | +$vxe-disabled-color: #bfbfbf !default; | ||
| 15 | +$vxe-primary-disabled-color: #c0c4cc !default; | ||
| 2 | 16 | ||
| 3 | -//$vxe-font-color: #606266; | ||
| 4 | - | ||
| 5 | -//$vxe-table-header-background-color: #f8f8f9; | ||
| 6 | -//$vxe-toolbar-background-color:#262626; | ||
| 7 | -//$vxe-button-default-background-color:#262626; | ||
| 8 | -//$vxe-table-body-background-color: #151515; | ||
| 9 | -//$vxe-table-row-striped-background-color: #1d1d1d; | ||
| 10 | -//$vxe-table-row-hover-background-color: #262626; | ||
| 11 | -//$vxe-table-row-hover-striped-background-color: #1e1e1e; | ||
| 12 | -//$vxe-table-footer-background-color: #151515; | ||
| 13 | -//$vxe-table-row-current-background-color: #8C8C8C; | ||
| 14 | -//$vxe-table-column-current-background-color: #8C8C8C; | ||
| 15 | -//$vxe-table-column-hover-background-color:#8C8C8C; | ||
| 16 | -//$vxe-table-row-hover-current-background-color: #8C8C8C ; | ||
| 17 | -//$vxe-pager-background-color: #151515; | ||
| 18 | -//$vxe-table-menu-background-color: #262626; | ||
| 19 | -// | ||
| 20 | -// | ||
| 21 | -//$vxe-input-background-color: #151515; | ||
| 22 | -//$vxe-select-panel-background-color: #151515; | ||
| 23 | -//$vxe-select-option-hover-background-color: #262626; | ||
| 24 | @import 'vxe-table/styles/index.scss'; | 17 | @import 'vxe-table/styles/index.scss'; |