GithubBackup/MoviePilot-Frontend
1
0
Fork 0
mirror of https://github.com/jxxghp/MoviePilot-Frontend.git synced 2026-09-05 23:56:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix color

Browse Source
This commit is contained in:
jxxghp
2023-08-31 19:17:08 +08:00
parent 81b1f5b14d
commit 6fc3228334
2 changed files with 15 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/plugins/vuetify/theme.ts
+4 -5
View File
@@ -67,9 +67,9 @@ const theme: VuetifyOptions['theme'] = {
'on-primary': '#FFFFFF', 'on-primary': '#FFFFFF',
'on-success': '#FFFFFF', 'on-success': '#FFFFFF',
'on-warning': '#FFFFFF', 'on-warning': '#FFFFFF',
'background': '#28243D', 'background': '#111520',
'on-background': '#E7E3FC', 'on-background': '#E7E3FC',
'surface': '#312D4B', 'surface': '#181F2A',
'on-surface': '#E7E3FC', 'on-surface': '#E7E3FC',
'grey-50': '#2A2E42', 'grey-50': '#2A2E42',
'grey-100': '#474360', 'grey-100': '#474360',
@@ -87,7 +87,7 @@ const theme: VuetifyOptions['theme'] = {
}, },
variables: { variables: {
'code-color': '#d400ff', 'code-color': '#d400ff',
'overlay-scrim-background': '#2C2942', 'overlay-scrim-background': '#1F2937',
'overlay-scrim-opacity': 0.6, 'overlay-scrim-opacity': 0.6,
'hover-opacity': 0.04, 'hover-opacity': 0.04,
'focus-opacity': 0.1, 'focus-opacity': 0.1,
@@ -96,9 +96,8 @@ const theme: VuetifyOptions['theme'] = {
'pressed-opacity': 0.14, 'pressed-opacity': 0.14,
'dragged-opacity': 0.1, 'dragged-opacity': 0.1,
'border-color': '#E7E3FC', 'border-color': '#E7E3FC',
'table-header-background': '#3D3759', 'table-header-background': '#1E2430',
'custom-background': '#373452', 'custom-background': '#373452',
// Shadows // Shadows
'shadow-key-umbra-opacity': 'rgba(20, 18, 33, 0.08)', 'shadow-key-umbra-opacity': 'rgba(20, 18, 33, 0.08)',
'shadow-key-penumbra-opacity': 'rgba(20, 18, 33, 0.12)', 'shadow-key-penumbra-opacity': 'rgba(20, 18, 33, 0.12)',
src/styles/styles.scss
+11
View File
@@ -112,3 +112,14 @@
background: #a1a1a1; background: #a1a1a1;
} }
} }
.v-alert--variant-elevated, .v-alert--variant-flat {
background: rgb(var(--v-table-header-background));
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
}
.backdrop-blur {
--tw-backdrop-blur: blur(8px)!important;
-webkit-backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
backdrop-filter: var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)!important;
}