mirror of
https://github.com/MrUnknownDE/VRCX.git
synced 2026-05-06 14:46:04 +02:00
Upgrade to Vue3 and Element Plus (#1374)
* Update Vue devtools
* upgrade vue pinia element-plus vue-i18n, add vite
* fix: i18n
* global components
* change v-deep
* upgrade vue-lazyload
* data table
* update enlint and safe-dialog
* package.json and vite.config.js
* el-icon
* el-message
* vue 2 -> vue3 migration changes
* $pinia
* dialog
* el-popover slot
* lint
* chore
* slot
* scss
* remote state access
* misc
* jsconfig
* el-button size mini -> small
* :model-value
* ElMessageBox
* datatable
* remove v-lazyload
* template #dropdown
* mini -> small
* css
* byebye hideTooltips
* use sass-embedded
* Update SQLite, remove unneeded libraries
* Fix shift remove local avatar favorites
* Electron arm64
* arm64 support
* bye pug
* f-word vite hah
* misc
* remove safe dialog component
* Add self invite to launch dialog
* Fix errors
* Icons 1
* improve localfavorite loading performance
* improve favorites world item performance
* dialog visibility changes for Element Plus
* clear element plus error
* import performance
* revert App.vue hah
* hah
* Revert "Add self invite to launch dialog"
This reverts commit 4801cfad58.
* Toggle self invite/open in-game
* Self invite on launch dialog
* el-button icon
* el-icon
* fix user dialog tab switching logic
* fix PlayerList
* Formatting changes
* More icons
* Fix friend log table
* loading margin
* fix markdown
* fix world dialog tab switching issue
* Fixes and formatting
* fix: global i18n.t export
* fix favorites world tab not working
* Create instance, displayName
* Remove group members sort by userId
* Fix loading dialog tabs on swtich
* Star
* charts console.warn
* wip: fix charts
* wip: fix charts
* wip: charts composables
* fix favorite item tooltip warning
* Fixes and formatting
* Clean up image dialogs
* Remove unused method
* Fix platform/size border
* Fix platform/size border
* $vr
* fix friendExportDialogVisible binding
* ElMessageBox and Settings
* Login formatting
* Rename VR overlay query
* Fix image popover and userdialog badges
* Formatting
* Big buttons
* Fixes, update Cef
* Fix gameLog table nav buttons jumping around while using nav buttons
* Fix z-index
* vr overlay
* vite input add theme
* defineAsyncComponent
* ISO 639-1
* fix i18n
* clean t
* Formatting, fix calendar, rotate arrows
* Show user status when user is offline
* Fix VR overlay
* fix theme and clean up
* split InstanceActivity
* tweak
* Fix VR overlay formatting
* fix scss var
* AppDebug hahahaha
* Years
* remove reactive
* improve perf
* state hah…
* fix user rendering poblems when user object is not yet loaded
* improve perf
* Update avatar/world image uploader, licenses, remove previous images dialog (old images are now deleted)
* improve perf 1
* Suppress stray errors
* fix traveling location display issue
* Fix empty instance creator
* improve friend list refresh performance
* fix main charts
* fix chart
* Fix darkmode
* Fix avatar dialog tags
---------
Co-authored-by: pa <maplenagisa@gmail.com>
This commit is contained in:
Natsumi
GitHub
@@ -3,7 +3,7 @@
|
||||
--offy: calc(var(--offx) / 72 * 52);
|
||||
}
|
||||
.flags {
|
||||
background: url('/images/flags.png') no-repeat;
|
||||
background: url('../images/flags.png') no-repeat;
|
||||
background-size: calc(var(--offx) * 6);
|
||||
width: var(--offx);
|
||||
height: var(--offy);
|
||||
|
||||
@@ -145,7 +145,7 @@ button {
|
||||
div.x-friend-list
|
||||
> div:nth-child(1)
|
||||
> div
|
||||
> div.el-textarea.el-input--mini
|
||||
> div.el-textarea.el-input--small
|
||||
> span.el-input__count {
|
||||
background-color: $--theme-bg-4;
|
||||
}
|
||||
@@ -168,7 +168,7 @@ div.x-friend-list
|
||||
background-color: $--theme-bg-5;
|
||||
}
|
||||
|
||||
.el-collapse-item .el-tag--mini {
|
||||
.el-collapse-item .el-tag--small {
|
||||
background-color: $--theme-bg-5;
|
||||
border: transparent;
|
||||
}
|
||||
@@ -220,11 +220,11 @@ div.x-friend-list
|
||||
background-color: hsl($--theme-hue, $--theme-saturation, 27%);
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow::after {
|
||||
border-bottom-color: $--theme-bg-5;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
||||
border-bottom-color: $--theme-border-2;
|
||||
}
|
||||
|
||||
@@ -303,11 +303,11 @@ div.x-friend-list
|
||||
border-color: hsl($--theme-hue, $--theme-saturation, 37%);
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow::after {
|
||||
border-right-color: hsl($--theme-hue, $--theme-saturation, 37%);
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow {
|
||||
border-right-color: hsl($--theme-hue, $--theme-saturation, 37%);
|
||||
}
|
||||
|
||||
|
||||
@@ -34,7 +34,104 @@ $--theme-warning: #e6a23c;
|
||||
$--theme-danger: #f56c6c;
|
||||
$--theme-info: #909399;
|
||||
|
||||
// Mapping
|
||||
$--border-color-lighter: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--border-color-extra-light: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--background-color-base: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--input-focus-border: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--table-header-background-color: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--table-row-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
18%
|
||||
);
|
||||
$--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--tree-node-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
16%
|
||||
);
|
||||
$--collapse-content-font-color: hsl($--theme-hue, $--theme-saturation, 66%);
|
||||
$--message-close-icon-color: hsl($--theme-hue, $--theme-saturation, 60%);
|
||||
$--dropdown-menu-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
|
||||
$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
|
||||
$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--calendar-selected-background-color: rgba($--theme-primary, 0.1);
|
||||
|
||||
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
|
||||
$colors: (
|
||||
'white': $--theme-text-1,
|
||||
'black': $--theme-bg-1,
|
||||
'primary': (
|
||||
'base': $--theme-primary
|
||||
),
|
||||
'success': (
|
||||
'base': $--theme-success
|
||||
),
|
||||
'warning': (
|
||||
'base': $--theme-warning
|
||||
),
|
||||
'danger': (
|
||||
'base': $--theme-danger
|
||||
),
|
||||
'error': (
|
||||
'base': $--theme-danger
|
||||
),
|
||||
'info': (
|
||||
'base': $--theme-info
|
||||
)
|
||||
),
|
||||
$text-color: (
|
||||
'primary': $--theme-text-1,
|
||||
'regular': $--theme-text-2,
|
||||
'secondary': $--theme-info,
|
||||
'placeholder': $--theme-text-4,
|
||||
'disabled': $--theme-text-4
|
||||
),
|
||||
$border-color: (
|
||||
'': $--theme-border-1,
|
||||
'light': $--theme-border-2,
|
||||
'lighter': $--border-color-lighter,
|
||||
'extra-light': $--border-color-extra-light,
|
||||
'dark': $--theme-border-1,
|
||||
'darker': $--theme-border-2
|
||||
),
|
||||
$fill-color: (
|
||||
'': $--background-color-base,
|
||||
'light': $--theme-bg-4,
|
||||
'lighter': $--theme-bg-5,
|
||||
'extra-light': $--border-color-extra-light,
|
||||
'dark': $--theme-bg-2,
|
||||
'darker': $--theme-bg-1,
|
||||
'blank': $--theme-bg-4
|
||||
),
|
||||
$bg-color: (
|
||||
'': $--theme-bg-2,
|
||||
'page': $--theme-bg-1,
|
||||
'overlay': $--theme-bg-4
|
||||
),
|
||||
$box-shadow: (
|
||||
'': (
|
||||
0px 12px 32px 4px rgba(0, 0, 0, 0.36),
|
||||
0px 8px 20px rgba(0, 0, 0, 0.72)
|
||||
),
|
||||
'light': (
|
||||
0px 0px 12px rgba(0, 0, 0, 0.72)
|
||||
),
|
||||
'lighter': (
|
||||
0px 0px 6px rgba(0, 0, 0, 0.72)
|
||||
),
|
||||
'dark': (
|
||||
0px 16px 48px 16px rgba(0, 0, 0, 0.72),
|
||||
0px 12px 32px rgba(0, 0, 0, 0.72),
|
||||
0px 8px 16px -8px rgba(0, 0, 0, 0.96)
|
||||
)
|
||||
),
|
||||
$disabled: (
|
||||
'bg-color': $--theme-bg-5,
|
||||
'text-color': $--theme-text-4,
|
||||
'border-color': $--theme-border-2
|
||||
)
|
||||
);
|
||||
|
||||
$--color-primary: $--theme-primary;
|
||||
$--color-success: $--theme-success;
|
||||
@@ -52,10 +149,6 @@ $--color-text-placeholder: $--theme-text-4;
|
||||
|
||||
$--border-color-base: $--theme-border-1;
|
||||
$--border-color-light: $--theme-bg-5;
|
||||
$--border-color-lighter: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--border-color-extra-light: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
|
||||
$--background-color-base: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
|
||||
$--button-default-background-color: $--theme-bg-5;
|
||||
$--button-default-border-color: $--theme-border-2;
|
||||
@@ -64,20 +157,13 @@ $--button-default-font-color: $--theme-text-2;
|
||||
$--input-background-color: $--theme-bg-5;
|
||||
$--input-border-color: $--theme-border-1;
|
||||
$--input-font-color: $--theme-text-1;
|
||||
$--input-focus-border: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
|
||||
$--select-input-focus-border-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--select-input-focus-border-color: $--input-focus-border;
|
||||
|
||||
$--dialog-background-color: $--theme-bg-4;
|
||||
$--popover-background-color: $--theme-bg-4;
|
||||
|
||||
$--table-border-color: $--theme-border-2;
|
||||
$--table-header-background-color: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--table-row-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
18%
|
||||
);
|
||||
|
||||
$--pagination-font-color: $--theme-text-2;
|
||||
$--pagination-background-color: $--theme-bg-4;
|
||||
@@ -95,21 +181,11 @@ $--datepicker-header-font-color: $--theme-text-1;
|
||||
$--datepicker-icon-color: $--theme-text-1;
|
||||
|
||||
$--skeleton-color: $--theme-bg-5;
|
||||
$--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
|
||||
$--select-dropdown-background: $--theme-bg-4;
|
||||
$--select-dropdown-border: 1px solid $--theme-border-1;
|
||||
|
||||
$--dropdown-menu-box-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
|
||||
$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
|
||||
$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
|
||||
$--tree-font-color: $--theme-text-2;
|
||||
$--tree-node-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
16%
|
||||
);
|
||||
|
||||
$--menu-item-font-color: $--theme-text-2;
|
||||
$--menu-background-color: $--theme-bg-2;
|
||||
@@ -118,10 +194,8 @@ $--collapse-header-background-color: $--theme-bg-5;
|
||||
$--collapse-content-background-color: $--theme-bg-4;
|
||||
$--collapse-border-color: $--theme-border-2;
|
||||
$--collapse-header-font-color: $--theme-text-2;
|
||||
$--collapse-content-font-color: hsl($--theme-hue, $--theme-saturation, 66%);
|
||||
|
||||
$--message-background-color: $--theme-bg-5;
|
||||
$--message-close-icon-color: hsl($--theme-hue, $--theme-saturation, 60%);
|
||||
$--message-close-hover-color: $--theme-text-2;
|
||||
$--message-success-font-color: #52c41a;
|
||||
$--message-info-font-color: #1890ff;
|
||||
@@ -130,13 +204,8 @@ $--message-danger-font-color: #ff4d4f;
|
||||
|
||||
$--pagination-hover-color: $--theme-text-4;
|
||||
|
||||
$--calendar-selected-background-color: rgba($--theme-primary, 0.1);
|
||||
$--card-background-color: $--theme-bg-4;
|
||||
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
|
||||
@import '~element-ui/packages/theme-chalk/src/index';
|
||||
|
||||
:root {
|
||||
--group-calendar-event-bg: #{$--calendar-selected-background-color};
|
||||
--group-calendar-badge-following: #{darken($--theme-primary, 20%)};
|
||||
@@ -218,35 +287,35 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
background-color: #{darken($--theme-primary, 20%)} !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow {
|
||||
border-top-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow::after {
|
||||
border-top-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
||||
border-bottom-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow::after {
|
||||
border-bottom-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow {
|
||||
border-left-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow::after {
|
||||
border-left-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow {
|
||||
border-right-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow::after {
|
||||
border-right-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -32,7 +32,105 @@ $--theme-warning: #e6a23c;
|
||||
$--theme-danger: #f56c6c;
|
||||
$--theme-info: #909399;
|
||||
|
||||
// Mapping
|
||||
$--border-color-lighter: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--border-color-extra-light: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--background-color-base: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--input-focus-border: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--table-header-background-color: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--table-row-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
18%
|
||||
);
|
||||
$--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--tree-node-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
16%
|
||||
);
|
||||
$--collapse-content-font-color: hsl($--theme-hue, $--theme-saturation, 66%);
|
||||
$--message-close-icon-color: hsl($--theme-hue, $--theme-saturation, 60%);
|
||||
$--dropdown-menu-box-shadow: 0 2px 12px
|
||||
hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
|
||||
$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--calendar-selected-background-color: rgba($--theme-primary, 0.1);
|
||||
|
||||
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
|
||||
$colors: (
|
||||
'white': $--theme-text-1,
|
||||
'black': $--theme-bg-1,
|
||||
'primary': (
|
||||
'base': $--theme-primary
|
||||
),
|
||||
'success': (
|
||||
'base': $--theme-success
|
||||
),
|
||||
'warning': (
|
||||
'base': $--theme-warning
|
||||
),
|
||||
'danger': (
|
||||
'base': $--theme-danger
|
||||
),
|
||||
'error': (
|
||||
'base': $--theme-danger
|
||||
),
|
||||
'info': (
|
||||
'base': $--theme-info
|
||||
)
|
||||
),
|
||||
$text-color: (
|
||||
'primary': $--theme-text-1,
|
||||
'regular': $--theme-text-2,
|
||||
'secondary': $--theme-info,
|
||||
'placeholder': $--theme-text-4,
|
||||
'disabled': $--theme-text-4
|
||||
),
|
||||
$border-color: (
|
||||
'': $--theme-border-1,
|
||||
'light': $--theme-border-2,
|
||||
'lighter': $--border-color-lighter,
|
||||
'extra-light': $--border-color-extra-light,
|
||||
'dark': $--theme-border-1,
|
||||
'darker': $--theme-border-2
|
||||
),
|
||||
$fill-color: (
|
||||
'': $--background-color-base,
|
||||
'light': $--theme-bg-4,
|
||||
'lighter': $--theme-bg-5,
|
||||
'extra-light': $--border-color-extra-light,
|
||||
'dark': $--theme-bg-2,
|
||||
'darker': $--theme-bg-1,
|
||||
'blank': $--theme-bg-4
|
||||
),
|
||||
$bg-color: (
|
||||
'': $--theme-bg-2,
|
||||
'page': $--theme-bg-1,
|
||||
'overlay': $--theme-bg-4
|
||||
),
|
||||
$box-shadow: (
|
||||
'': (
|
||||
0px 12px 32px 4px rgba(0, 0, 0, 0.36),
|
||||
0px 8px 20px rgba(0, 0, 0, 0.72)
|
||||
),
|
||||
'light': (
|
||||
0px 0px 12px rgba(0, 0, 0, 0.72)
|
||||
),
|
||||
'lighter': (
|
||||
0px 0px 6px rgba(0, 0, 0, 0.72)
|
||||
),
|
||||
'dark': (
|
||||
0px 16px 48px 16px rgba(0, 0, 0, 0.72),
|
||||
0px 12px 32px rgba(0, 0, 0, 0.72),
|
||||
0px 8px 16px -8px rgba(0, 0, 0, 0.96)
|
||||
)
|
||||
),
|
||||
$disabled: (
|
||||
'bg-color': $--theme-bg-5,
|
||||
'text-color': $--theme-text-4,
|
||||
'border-color': $--theme-border-2
|
||||
)
|
||||
);
|
||||
|
||||
$--color-primary: $--theme-primary;
|
||||
$--color-success: $--theme-success;
|
||||
@@ -50,10 +148,6 @@ $--color-text-placeholder: $--theme-text-4;
|
||||
|
||||
$--border-color-base: $--theme-border-1;
|
||||
$--border-color-light: $--theme-bg-5;
|
||||
$--border-color-lighter: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--border-color-extra-light: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
|
||||
$--background-color-base: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
|
||||
$--button-default-background-color: $--theme-bg-5;
|
||||
$--button-default-border-color: $--theme-border-2;
|
||||
@@ -62,20 +156,13 @@ $--button-default-font-color: $--theme-text-2;
|
||||
$--input-background-color: $--theme-bg-5;
|
||||
$--input-border-color: $--theme-border-1;
|
||||
$--input-font-color: $--theme-text-1;
|
||||
$--input-focus-border: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
|
||||
$--select-input-focus-border-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--select-input-focus-border-color: $--input-focus-border;
|
||||
|
||||
$--dialog-background-color: $--theme-bg-4;
|
||||
$--popover-background-color: $--theme-bg-4;
|
||||
|
||||
$--table-border-color: $--theme-border-2;
|
||||
$--table-header-background-color: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--table-row-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
18%
|
||||
);
|
||||
|
||||
$--pagination-font-color: $--theme-text-2;
|
||||
$--pagination-background-color: $--theme-bg-4;
|
||||
@@ -93,22 +180,11 @@ $--datepicker-header-font-color: $--theme-text-1;
|
||||
$--datepicker-icon-color: $--theme-text-1;
|
||||
|
||||
$--skeleton-color: $--theme-bg-5;
|
||||
$--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
|
||||
$--select-dropdown-background: $--theme-bg-4;
|
||||
$--select-dropdown-border: 1px solid $--theme-border-1;
|
||||
|
||||
$--dropdown-menu-box-shadow: 0 2px 12px
|
||||
hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
|
||||
$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
|
||||
$--tree-font-color: $--theme-text-2;
|
||||
$--tree-node-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
16%
|
||||
);
|
||||
|
||||
$--menu-item-font-color: $--theme-text-2;
|
||||
$--menu-background-color: $--theme-bg-2;
|
||||
@@ -117,10 +193,8 @@ $--collapse-header-background-color: $--theme-bg-5;
|
||||
$--collapse-content-background-color: $--theme-bg-4;
|
||||
$--collapse-border-color: $--theme-border-2;
|
||||
$--collapse-header-font-color: $--theme-text-2;
|
||||
$--collapse-content-font-color: hsl($--theme-hue, $--theme-saturation, 66%);
|
||||
|
||||
$--message-background-color: $--theme-bg-5;
|
||||
$--message-close-icon-color: hsl($--theme-hue, $--theme-saturation, 60%);
|
||||
$--message-close-hover-color: $--theme-text-2;
|
||||
$--message-success-font-color: #52c41a;
|
||||
$--message-info-font-color: #1890ff;
|
||||
@@ -129,13 +203,8 @@ $--message-danger-font-color: #ff4d4f;
|
||||
|
||||
$--pagination-hover-color: $--theme-text-4;
|
||||
|
||||
$--calendar-selected-background-color: rgba($--theme-primary, 0.1);
|
||||
$--card-background-color: $--theme-bg-4;
|
||||
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
|
||||
@import '~element-ui/packages/theme-chalk/src/index';
|
||||
|
||||
:root {
|
||||
--group-calendar-event-bg: #{$--calendar-selected-background-color};
|
||||
--group-calendar-badge-following: #{$--color-success};
|
||||
@@ -170,35 +239,35 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
background-color: $--theme-border-2 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow {
|
||||
border-top-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow::after {
|
||||
border-top-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
||||
border-bottom-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow::after {
|
||||
border-bottom-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow {
|
||||
border-left-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow::after {
|
||||
border-left-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow {
|
||||
border-right-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow::after {
|
||||
border-right-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -32,7 +32,105 @@ $--theme-warning: #e6a23c;
|
||||
$--theme-danger: #f56c6c;
|
||||
$--theme-info: #909399;
|
||||
|
||||
// Mapping
|
||||
$--border-color-lighter: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--border-color-extra-light: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--background-color-base: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--input-focus-border: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--table-header-background-color: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--table-row-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
18%
|
||||
);
|
||||
$--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--tree-node-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
16%
|
||||
);
|
||||
$--collapse-content-font-color: hsl($--theme-hue, $--theme-saturation, 66%);
|
||||
$--message-close-icon-color: hsl($--theme-hue, $--theme-saturation, 60%);
|
||||
$--dropdown-menu-box-shadow: 0 2px 12px
|
||||
hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
|
||||
$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--calendar-selected-background-color: rgba($--theme-primary, 0.1);
|
||||
|
||||
@forward 'element-plus/theme-chalk/src/common/var.scss' with (
|
||||
$colors: (
|
||||
'white': $--theme-text-1,
|
||||
'black': $--theme-bg-1,
|
||||
'primary': (
|
||||
'base': $--theme-primary
|
||||
),
|
||||
'success': (
|
||||
'base': $--theme-success
|
||||
),
|
||||
'warning': (
|
||||
'base': $--theme-warning
|
||||
),
|
||||
'danger': (
|
||||
'base': $--theme-danger
|
||||
),
|
||||
'error': (
|
||||
'base': $--theme-danger
|
||||
),
|
||||
'info': (
|
||||
'base': $--theme-info
|
||||
)
|
||||
),
|
||||
$text-color: (
|
||||
'primary': $--theme-text-1,
|
||||
'regular': $--theme-text-2,
|
||||
'secondary': $--theme-info,
|
||||
'placeholder': $--theme-text-4,
|
||||
'disabled': $--theme-text-4
|
||||
),
|
||||
$border-color: (
|
||||
'': $--theme-border-1,
|
||||
'light': $--theme-border-2,
|
||||
'lighter': $--border-color-lighter,
|
||||
'extra-light': $--border-color-extra-light,
|
||||
'dark': $--theme-border-1,
|
||||
'darker': $--theme-border-2
|
||||
),
|
||||
$fill-color: (
|
||||
'': $--background-color-base,
|
||||
'light': $--theme-bg-4,
|
||||
'lighter': $--theme-bg-5,
|
||||
'extra-light': $--border-color-extra-light,
|
||||
'dark': $--theme-bg-2,
|
||||
'darker': $--theme-bg-1,
|
||||
'blank': $--theme-bg-4
|
||||
),
|
||||
$bg-color: (
|
||||
'': $--theme-bg-2,
|
||||
'page': $--theme-bg-1,
|
||||
'overlay': $--theme-bg-4
|
||||
),
|
||||
$box-shadow: (
|
||||
'': (
|
||||
0px 12px 32px 4px hsla($--theme-hue, $--theme-saturation, 0%, 0.36),
|
||||
0px 8px 20px hsla($--theme-hue, $--theme-saturation, 0%, 0.72)
|
||||
),
|
||||
'light': (
|
||||
0px 0px 12px hsla($--theme-hue, $--theme-saturation, 0%, 0.72)
|
||||
),
|
||||
'lighter': (
|
||||
0px 0px 6px hsla($--theme-hue, $--theme-saturation, 0%, 0.72)
|
||||
),
|
||||
'dark': (
|
||||
0px 16px 48px 16px hsla($--theme-hue, $--theme-saturation, 0%, 0.72),
|
||||
0px 12px 32px hsla($--theme-hue, $--theme-saturation, 0%, 0.72),
|
||||
0px 8px 16px -8px hsla($--theme-hue, $--theme-saturation, 0%, 0.96)
|
||||
)
|
||||
),
|
||||
$disabled: (
|
||||
'bg-color': $--theme-bg-5,
|
||||
'text-color': $--theme-text-4,
|
||||
'border-color': $--theme-border-2
|
||||
)
|
||||
);
|
||||
|
||||
$--color-primary: $--theme-primary;
|
||||
$--color-success: $--theme-success;
|
||||
@@ -50,10 +148,6 @@ $--color-text-placeholder: $--theme-text-4;
|
||||
|
||||
$--border-color-base: $--theme-border-1;
|
||||
$--border-color-light: $--theme-bg-5;
|
||||
$--border-color-lighter: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
$--border-color-extra-light: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
|
||||
$--background-color-base: hsl($--theme-hue, $--theme-saturation, 16%);
|
||||
|
||||
$--button-default-background-color: $--theme-bg-5;
|
||||
$--button-default-border-color: $--theme-border-2;
|
||||
@@ -62,20 +156,13 @@ $--button-default-font-color: $--theme-text-2;
|
||||
$--input-background-color: $--theme-bg-5;
|
||||
$--input-border-color: $--theme-border-1;
|
||||
$--input-font-color: $--theme-text-1;
|
||||
$--input-focus-border: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
|
||||
$--select-input-focus-border-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
$--select-input-focus-border-color: $--input-focus-border;
|
||||
|
||||
$--dialog-background-color: $--theme-bg-4;
|
||||
$--popover-background-color: $--theme-bg-4;
|
||||
|
||||
$--table-border-color: $--theme-border-2;
|
||||
$--table-header-background-color: hsl($--theme-hue, $--theme-saturation, 15%);
|
||||
$--table-row-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
18%
|
||||
);
|
||||
|
||||
$--pagination-font-color: $--theme-text-2;
|
||||
$--pagination-background-color: $--theme-bg-4;
|
||||
@@ -93,22 +180,11 @@ $--datepicker-header-font-color: $--theme-text-1;
|
||||
$--datepicker-icon-color: $--theme-text-1;
|
||||
|
||||
$--skeleton-color: $--theme-bg-5;
|
||||
$--skeleton-to-color: hsl($--theme-hue, $--theme-saturation, 33%);
|
||||
|
||||
$--select-dropdown-background: $--theme-bg-4;
|
||||
$--select-dropdown-border: 1px solid $--theme-border-1;
|
||||
|
||||
$--dropdown-menu-box-shadow: 0 2px 12px
|
||||
hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
$--box-shadow-base: 0 1px 2px hsla($--theme-hue, $--theme-saturation, 0%, 0.1);
|
||||
$--box-shadow-dark: 0 1px 3px hsla($--theme-hue, $--theme-saturation, 0%, 0.15);
|
||||
|
||||
$--tree-font-color: $--theme-text-2;
|
||||
$--tree-node-hover-background-color: hsl(
|
||||
$--theme-hue,
|
||||
$--theme-saturation,
|
||||
16%
|
||||
);
|
||||
|
||||
$--menu-item-font-color: $--theme-text-2;
|
||||
$--menu-background-color: $--theme-bg-2;
|
||||
@@ -117,10 +193,8 @@ $--collapse-header-background-color: $--theme-bg-5;
|
||||
$--collapse-content-background-color: $--theme-bg-4;
|
||||
$--collapse-border-color: $--theme-border-2;
|
||||
$--collapse-header-font-color: $--theme-text-2;
|
||||
$--collapse-content-font-color: hsl($--theme-hue, $--theme-saturation, 66%);
|
||||
|
||||
$--message-background-color: $--theme-bg-5;
|
||||
$--message-close-icon-color: hsl($--theme-hue, $--theme-saturation, 60%);
|
||||
$--message-close-hover-color: $--theme-text-2;
|
||||
$--message-success-font-color: #52c41a;
|
||||
$--message-info-font-color: #1890ff;
|
||||
@@ -129,13 +203,8 @@ $--message-danger-font-color: #ff4d4f;
|
||||
|
||||
$--pagination-hover-color: $--theme-text-4;
|
||||
|
||||
$--calendar-selected-background-color: rgba($--theme-primary, 0.1);
|
||||
$--card-background-color: $--theme-bg-4;
|
||||
|
||||
$--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
|
||||
@import '~element-ui/packages/theme-chalk/src/index';
|
||||
|
||||
:root {
|
||||
--group-calendar-event-bg: #{$--calendar-selected-background-color};
|
||||
--group-calendar-badge-following: #{$--color-success};
|
||||
@@ -170,35 +239,35 @@ $--font-path: '~element-ui/lib/theme-chalk/fonts';
|
||||
background-color: $--theme-border-2 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow {
|
||||
border-top-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow::after {
|
||||
border-top-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
||||
border-bottom-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow::after {
|
||||
border-bottom-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow {
|
||||
border-left-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow::after {
|
||||
border-left-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow {
|
||||
border-right-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow::after {
|
||||
border-right-color: $--theme-bg-4 !important;
|
||||
}
|
||||
|
||||
|
||||
@@ -598,7 +598,7 @@ img.friends-list-avatar {
|
||||
border-radius: var(--dv_lg-rounded) !important;
|
||||
}
|
||||
|
||||
.el-tag--mini {
|
||||
.el-tag--small {
|
||||
height: 30px;
|
||||
padding: 5px 15px;
|
||||
font-size: 10pt;
|
||||
@@ -627,7 +627,7 @@ img.friends-list-avatar {
|
||||
background-color: var(--dv_muted);
|
||||
}
|
||||
|
||||
.el-input--mini .el-textarea__inner:hover {
|
||||
.el-input--small .el-textarea__inner:hover {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
@@ -730,7 +730,7 @@ i[class='el-icon-star-off']:not(.el-menu-item div.el-tooltip i) {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.el-collapse-item .el-tag--mini {
|
||||
.el-collapse-item .el-tag--small {
|
||||
border: transparent;
|
||||
background-color: var(--dv_bg-bot);
|
||||
}
|
||||
@@ -786,7 +786,7 @@ i[class='el-icon-star-off']:not(.el-menu-item div.el-tooltip i) {
|
||||
div.x-friend-list
|
||||
> div:nth-child(1)
|
||||
> div
|
||||
> div.el-textarea.el-input--mini
|
||||
> div.el-textarea.el-input--small
|
||||
> span.el-input__count {
|
||||
background-color: var(--mid) !important;
|
||||
}
|
||||
@@ -831,3 +831,27 @@ div.x-friend-list
|
||||
.group-header {
|
||||
border-bottom: 2px solid var(--dv_muted) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper {
|
||||
background-color: var(--dv_bg-top) !important;
|
||||
border: 1px solid var(--dv_muted) !important;
|
||||
color: var(--dv_bright);
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-focused {
|
||||
border-color: var(--dv_bright) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-disabled {
|
||||
background-color: var(--dv_bg-bot) !important;
|
||||
color: var(--dv_muted) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper {
|
||||
background-color: var(--dv_bg-top) !important;
|
||||
border: 1px solid var(--dv_muted) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper.is-focus {
|
||||
border-color: var(--dv_bright) !important;
|
||||
}
|
||||
|
||||
@@ -325,7 +325,7 @@ path[stroke='#e5e9f2'] {
|
||||
stroke: var(--farback) !important;
|
||||
}
|
||||
|
||||
.el-collapse-item .el-tag--mini {
|
||||
.el-collapse-item .el-tag--small {
|
||||
border: transparent;
|
||||
background-color: #333 !important;
|
||||
}
|
||||
@@ -372,7 +372,7 @@ path[stroke='#e5e9f2'] {
|
||||
div.x-friend-list
|
||||
> div:nth-child(1)
|
||||
> div
|
||||
> div.el-textarea.el-input--mini
|
||||
> div.el-textarea.el-input--small
|
||||
> span.el-input__count {
|
||||
background-color: var(--mid) !important;
|
||||
}
|
||||
@@ -402,3 +402,27 @@ div.x-friend-list
|
||||
.el-timeline-item__node {
|
||||
background-color: var(--theme-text-muted) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper {
|
||||
background-color: var(--top) !important;
|
||||
border: 1px solid var(--top-border) !important;
|
||||
color: var(--theme-text);
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-focused {
|
||||
border-color: var(--theme-text) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-disabled {
|
||||
background-color: var(--farback) !important;
|
||||
color: var(--theme-text-muted) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper {
|
||||
background-color: var(--top) !important;
|
||||
border: 1px solid var(--top-border) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper.is-focus {
|
||||
border-color: var(--theme-text) !important;
|
||||
}
|
||||
|
||||
@@ -1651,35 +1651,35 @@ img.x-link.el-popover__reference {
|
||||
border-color: rgb(var(--md-sys-color-outline-variant)) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow {
|
||||
border-top-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='top'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='top'] .el-popper__arrow::after {
|
||||
border-top-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow {
|
||||
border-bottom-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='bottom'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='bottom'] .el-popper__arrow::after {
|
||||
border-bottom-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow {
|
||||
border-left-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='left'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='left'] .el-popper__arrow::after {
|
||||
border-left-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow {
|
||||
border-right-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
.el-popper[x-placement^='right'] .popper__arrow::after {
|
||||
.el-popper[data-popper-placement^='right'] .el-popper__arrow::after {
|
||||
border-right-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
|
||||
@@ -2065,7 +2065,7 @@ i.x-user-status {
|
||||
text-align: center !important;
|
||||
}
|
||||
|
||||
.el-collapse-item .el-tag--mini {
|
||||
.el-collapse-item .el-tag--small {
|
||||
background-color: transparent;
|
||||
border: transparent;
|
||||
padding-top: 6px;
|
||||
@@ -2074,7 +2074,7 @@ i.x-user-status {
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.el-dialog__body .el-tag--mini {
|
||||
.el-dialog__body .el-tag--small {
|
||||
line-height: 28px;
|
||||
}
|
||||
.el-divider {
|
||||
@@ -2149,7 +2149,7 @@ i.x-user-status {
|
||||
div.x-friend-list
|
||||
> div:nth-child(1)
|
||||
> div
|
||||
> div.el-textarea.el-input--mini
|
||||
> div.el-textarea.el-input--small
|
||||
> span.el-input__count {
|
||||
background-color: var(--md-sys-color-surface-3) !important;
|
||||
}
|
||||
@@ -2192,3 +2192,44 @@ div.x-friend-list
|
||||
.group-header {
|
||||
border-bottom: 2px solid rgba(var(--md-sys-color-outline), 0.5) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper {
|
||||
background-color: rgb(var(--md-sys-color-surface-variant)) !important;
|
||||
border: 1px solid rgb(var(--md-sys-color-outline-variant)) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-focused {
|
||||
border-color: rgb(var(--md-sys-color-primary)) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-disabled {
|
||||
background-color: rgba(var(--md-sys-color-on-surface), 0.12) !important;
|
||||
color: rgba(var(--md-sys-color-on-surface), 0.38) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper {
|
||||
background-color: rgb(var(--md-sys-color-surface-variant)) !important;
|
||||
border: 1px solid rgb(var(--md-sys-color-outline-variant)) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper.is-focus {
|
||||
border-color: rgb(var(--md-sys-color-primary)) !important;
|
||||
}
|
||||
|
||||
.el-table {
|
||||
background-color: rgb(var(--md-sys-color-surface)) !important;
|
||||
}
|
||||
|
||||
.el-table tr,
|
||||
.el-table td.el-table__cell,
|
||||
.el-table th.el-table__cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
|
||||
background-color: rgba(var(--md-sys-color-primary), 0.05) !important;
|
||||
}
|
||||
|
||||
.el-table__body-wrapper .el-table__row:hover > .el-table__cell {
|
||||
background-color: rgba(var(--md-sys-color-primary), 0.08) !important;
|
||||
}
|
||||
|
||||
@@ -375,7 +375,7 @@ input[type='checkbox']:checked + .el-switch__core {
|
||||
background-color: var(--lighter-lighter-bg);
|
||||
}
|
||||
|
||||
.el-collapse-item .el-tag--mini {
|
||||
.el-collapse-item .el-tag--small {
|
||||
border: transparent;
|
||||
background-color: var(--lighter-lighter-bg);
|
||||
}
|
||||
@@ -506,3 +506,45 @@ input[type='checkbox']:checked + .el-switch__core {
|
||||
.group-header {
|
||||
border-bottom: 2px solid var(--lighter-bg) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper {
|
||||
background-color: var(--light-bg) !important;
|
||||
border: 1px solid var(--lighter-bg) !important;
|
||||
color: var(--theme);
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-focused {
|
||||
border-color: var(--theme) !important;
|
||||
}
|
||||
|
||||
.el-select__wrapper.is-disabled {
|
||||
background-color: var(--bg) !important;
|
||||
color: var(--lighter-border) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper {
|
||||
background-color: var(--light-bg) !important;
|
||||
border: 1px solid var(--lighter-bg) !important;
|
||||
}
|
||||
|
||||
.el-input__wrapper.is-focus {
|
||||
border-color: var(--theme) !important;
|
||||
}
|
||||
|
||||
.el-table {
|
||||
background-color: var(--bg) !important;
|
||||
}
|
||||
|
||||
.el-table tr,
|
||||
.el-table td.el-table__cell,
|
||||
.el-table th.el-table__cell {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
.el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell {
|
||||
background-color: var(--light-bg) !important;
|
||||
}
|
||||
|
||||
.el-table__body-wrapper .el-table__row:hover > .el-table__cell {
|
||||
background-color: var(--lighter-bg) !important;
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user