java/ruoyi-vue-pro
1
0
Fork 0
mirror of https://github.com/YunaiV/ruoyi-vue-pro.git synced 2025-11-01 03:28:41 +08:00
Code Issues Packages Projects Releases Wiki Activity

perf: vxe dark

Browse Source
This commit is contained in:
xingyu
2022-11-23 19:44:19 +08:00
parent 0c6b448390
commit 7766d37d3f
2 changed files with 60 additions and 38 deletions
Download Patch File Download Diff File Expand all files Collapse all files

63
yudao-ui-admin-vue3/src/plugins/vxeTable/theme/dark.scss
View File

@ -5,38 +5,64 @@
$vxe-font-color: #e5e7eb;
$vxe-font-size: 14px !default;
$vxe-font-size-medium: 14px !default;
$vxe-font-size-small: 13px !default;
$vxe-font-size-mini: 12px !default;
$vxe-font-size-small: 12px !default;
$vxe-font-size-mini: 10px !default;
/*color*/
$vxe-primary-color: #409eff !default;
$vxe-success-color: #67c23a !default;
$vxe-info-color: #909399 !default;
$vxe-warning-color: #e6a23c !default;
$vxe-danger-color: #f56c6c !default;
$vxe-disabled-color: #bfbfbf !default;
$vxe-primary-disabled-color: #c0c4cc !default;
/*loading*/
$vxe-loading-color: $vxe-primary-color !default;
$vxe-loading-background-color: #1d1e1f !default;
$vxe-loading-z-index: 999 !default;
/*icon*/
$vxe-icon-font-family: Verdana, Arial, Tahoma !default;
$vxe-icon-background-color: #fff !default;
$vxe-icon-background-color: #e5e7eb !default;
$vxe-toolbar-background-color: #262626;
/*toolbar*/
$vxe-toolbar-background-color: #1d1e1f !default;
$vxe-toolbar-button-border: #dcdfe6 !default;
$vxe-toolbar-custom-active-background-color: #d9dadb !default;
$vxe-toolbar-panel-background-color: #e5e7eb !default;
$vxe-table-font-color: #e5e7eb;
$vxe-table-header-background-color: #262626;
$vxe-table-header-background-color: #1d1e1f;
$vxe-table-body-background-color: #141414;
$vxe-table-row-striped-background-color: #1d1d1d;
$vxe-table-row-hover-background-color: #262626;
$vxe-table-row-hover-background-color: #1d1e1f;
$vxe-table-row-hover-striped-background-color: #1e1e1e;
$vxe-table-footer-background-color: #141414;
$vxe-table-row-current-background-color: #a7a3a3;
$vxe-table-column-current-background-color: #a7a3a3;
$vxe-table-column-hover-background-color: #a7a3a3;
$vxe-table-row-hover-current-background-color: #a7a3a3;
$vxe-table-menu-background-color: #262626;
$vxe-table-border-width: 0px !default;
$vxe-table-border-color: #dfe5f0 !default;
$vxe-table-footer-background-color: #1d1e1f;
$vxe-table-row-current-background-color: #9e8787;
$vxe-table-column-current-background-color: #9e8787;
$vxe-table-column-hover-background-color: #9e8787;
$vxe-table-row-hover-current-background-color: #9e8787;
$vxe-table-menu-background-color: #1d1e1f;
$vxe-table-border-width: 1px !default;
$vxe-table-border-color: #4c4d4f !default;
$vxe-table-fixed-left-scrolling-box-shadow: 8px 0px 10px -5px rgba(0, 0, 0, 0.12) !default;
$vxe-table-fixed-right-scrolling-box-shadow: -8px 0px 10px -5px rgba(0, 0, 0, 0.12) !default;
$vxe-form-background-color: #141414;
$vxe-pager-background-color: #262626;
/*pager*/
$vxe-pager-background-color: #1d1e1f !default;
$vxe-pager-perfect-background-color: #262727 !default;
$vxe-pager-perfect-button-background-color: #a7a3a3 !default;
$vxe-input-background-color: #141414;
$vxe-select-panel-background-color: #141414;
$vxe-select-option-hover-background-color: #262626;
$vxe-input-border-color: #4c4d4f !default;
$vxe-select-option-hover-background-color: #262626 !default;
$vxe-select-panel-background-color: #141414 !default;
$vxe-select-empty-color: #262626 !default;
$vxe-optgroup-title-color: #909399 !default;
/*button*/
$vxe-button-default-background-color: #262626;
@ -47,4 +73,7 @@ $vxe-modal-header-background-color: #141414;
$vxe-modal-body-background-color: #141414;
$vxe-modal-border-color: #3b3b3b;
/*pulldown*/
$vxe-pulldown-panel-background-color: #262626 !default;
@import 'vxe-table/styles/index';

35
yudao-ui-admin-vue3/src/plugins/vxeTable/theme/light.scss
View File

@ -1,24 +1,17 @@
// 修改样式变量
/*font*/
$vxe-font-color: #e5e7eb;
$vxe-font-size: 14px !default;
$vxe-font-size-medium: 14px !default;
$vxe-font-size-small: 12px !default;
$vxe-font-size-mini: 10px !default;
/*color*/
$vxe-primary-color: #409eff !default;
$vxe-success-color: #67c23a !default;
$vxe-info-color: #909399 !default;
$vxe-warning-color: #e6a23c !default;
$vxe-danger-color: #f56c6c !default;
$vxe-disabled-color: #bfbfbf !default;
$vxe-primary-disabled-color: #c0c4cc !default;
//$vxe-font-color: #606266;
//$vxe-table-header-background-color: #f8f8f9;
//$vxe-toolbar-background-color:#262626;
//$vxe-button-default-background-color:#262626;
//$vxe-table-body-background-color: #151515;
//$vxe-table-row-striped-background-color: #1d1d1d;
//$vxe-table-row-hover-background-color: #262626;
//$vxe-table-row-hover-striped-background-color: #1e1e1e;
//$vxe-table-footer-background-color: #151515;
//$vxe-table-row-current-background-color: #8C8C8C;
//$vxe-table-column-current-background-color: #8C8C8C;
//$vxe-table-column-hover-background-color:#8C8C8C;
//$vxe-table-row-hover-current-background-color: #8C8C8C ;
//$vxe-pager-background-color: #151515;
//$vxe-table-menu-background-color: #262626;
//
//
//$vxe-input-background-color: #151515;
//$vxe-select-panel-background-color: #151515;
//$vxe-select-option-hover-background-color: #262626;
@import 'vxe-table/styles/index.scss';