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 | 5 | $vxe-font-color: #e5e7eb; |
| 6 | 6 | $vxe-font-size: 14px !default; |
| 7 | 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 | 25 | /*icon*/ |
| 12 | 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 | 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 | 35 | $vxe-table-font-color: #e5e7eb; |
| 19 | -$vxe-table-header-background-color: #262626; | |
| 36 | +$vxe-table-header-background-color: #1d1e1f; | |
| 20 | 37 | $vxe-table-body-background-color: #141414; |
| 21 | 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 | 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 | 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 | 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 | 67 | /*button*/ |
| 42 | 68 | $vxe-button-default-background-color: #262626; |
| ... | ... | @@ -47,4 +73,7 @@ $vxe-modal-header-background-color: #141414; |
| 47 | 73 | $vxe-modal-body-background-color: #141414; |
| 48 | 74 | $vxe-modal-border-color: #3b3b3b; |
| 49 | 75 | |
| 76 | +/*pulldown*/ | |
| 77 | +$vxe-pulldown-panel-background-color: #262626 !default; | |
| 78 | + | |
| 50 | 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 | 17 | @import 'vxe-table/styles/index.scss'; | ... | ... |