mirror of
https://github.com/gilbN/theme.park.git
synced 2024-10-02 13:37:21 +02:00
Some fixes for #522
This commit is contained in:
parent
e265f47e1a
commit
6b688fd338
@ -15,6 +15,10 @@
|
||||
@import url("/css/defaults/placeholders.css");
|
||||
@import url("/css/defaults/transparent.css");
|
||||
|
||||
:root {
|
||||
--v-theme-accent: var(--accent-color):
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
|
||||
.modal__body,
|
||||
@ -78,6 +82,10 @@ p,
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.text-accent {
|
||||
color: rgb(var(--accent-color)) !important;
|
||||
}
|
||||
|
||||
.v-select__slot>label {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
@ -113,11 +121,11 @@ p,
|
||||
}
|
||||
|
||||
/* TOP NAVBAR */
|
||||
[class*="theme--"].v-app-bar.v-toolbar.v-sheet {
|
||||
[class*="theme--"].v-app-bar.v-toolbar {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
.v-app-bar.v-app-bar--hide-shadow {
|
||||
.v-toolbar[class*="theme--"] {
|
||||
background: var(--transparency-dark-25) !important;
|
||||
}
|
||||
|
||||
@ -137,7 +145,7 @@ p,
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
.v-application .primary {
|
||||
.v-application .primary,.v-navigation-drawer {
|
||||
background: var(--transparency-dark-25) !important;
|
||||
color: var(--text) !important;
|
||||
}
|
||||
@ -163,6 +171,18 @@ p,
|
||||
}
|
||||
}
|
||||
|
||||
/* STATS */
|
||||
[class*="v-theme--"] .bg-secondary {
|
||||
background-color: var(--transparency-light-15) !important;
|
||||
border-color: rgba(255, 255, 255, .15) !important;
|
||||
}
|
||||
|
||||
/* CURRENT SPEED */
|
||||
.v-navigation-drawer__content .v-sheet[class*="theme--"].bg-primary {
|
||||
background-color: transparent !important;
|
||||
border-color: rgba(255, 255, 255, .15) !important;
|
||||
}
|
||||
|
||||
/* slightly transparent fallback for Firefox (not supporting backdrop-filter) */
|
||||
@supports not ((-webkit-backdrop-filter: none) or (backdrop-filter: none)) {
|
||||
|
||||
@ -184,6 +204,22 @@ p,
|
||||
caret-color: var(--v-download-base) !important;
|
||||
}
|
||||
|
||||
/* TABS */
|
||||
|
||||
.v-slide-group.v-tabs.v-tabs--horizontal.bg-primary{
|
||||
background: var(--transparency-dark-25) !important;
|
||||
}
|
||||
|
||||
.v-btn.v-slide-group-item--active.v-tab--selected {
|
||||
background: var(--transparency-dark-35) !important;
|
||||
}
|
||||
|
||||
/* BUTTON */
|
||||
.v-btn--variant-elevated, .v-btn--variant-flat {
|
||||
background: rgb(var(--button-color)) !important;
|
||||
color: var(--button-text) !important;
|
||||
}
|
||||
|
||||
/* MODAL */
|
||||
.v-dialog [class*="theme--"].v-card,
|
||||
.v-dialog [class*="theme--"].v-tabs-items,
|
||||
@ -295,6 +331,15 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
|
||||
.v-text-field--outlined fieldset {
|
||||
border-color: rgba(255, 255, 255, .1) !important;
|
||||
}
|
||||
.v-field.v-field--variant-solo.v-theme--darkTheme {
|
||||
background: var(--transparency-dark-25) !important;
|
||||
}
|
||||
.v-field--variant-solo, .v-field--variant-solo-filled, .v-field--variant-solo-inverted {
|
||||
background: var(--transparency-dark-25) !important;
|
||||
border-color: transparent;
|
||||
color: rgba(var(--v-theme-on-surface), var(--v-high-emphasis-opacity));
|
||||
box-shadow: 0 3px 1px -2px var(--v-shadow-key-umbra-opacity, rgba(0, 0, 0, .2)), 0 2px 2px 0 var(--v-shadow-key-penumbra-opacity, rgba(0, 0, 0, .14)), 0 1px 5px 0 var(--v-shadow-key-ambient-opacity, rgba(0, 0, 0, .12));
|
||||
}
|
||||
|
||||
/* DASHBOARD */
|
||||
|
||||
@ -437,8 +482,21 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
|
||||
border-color: rgba(255, 255, 255, .2) !important;
|
||||
}
|
||||
|
||||
.v-menu>.v-overlay__content>.v-card, .v-menu>.v-overlay__content>.v-sheet, .v-menu>.v-overlay__content>.v-list {
|
||||
background: rgb(var(--drop-down-menu-bg));
|
||||
border-radius: inherit;
|
||||
overflow: auto;
|
||||
height: 100%;
|
||||
box-shadow: 0 5px 5px -3px var(--transparency-light-10) !important;
|
||||
}
|
||||
|
||||
.v-list-item--variant-plain, .v-list-item--variant-outlined, .v-list-item--variant-text, .v-list-item--variant-tonal {
|
||||
background: transparent;
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
[class*="theme--"].v-data-table {
|
||||
[class*="theme--"].v-data-table,.v-table {
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
}
|
||||
@ -512,6 +570,7 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
|
||||
/* SETTING */
|
||||
|
||||
[class*="theme--"].v-list {
|
||||
background: var(--transparency-light-05);
|
||||
background: var(--transparency-dark-10);
|
||||
color: rgba(0,0,0,.87);
|
||||
}
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user