|
|
@ -10,6 +10,13 @@ |
|
|
|
/* Made by @gilbN */ |
|
|
|
/* https://github.com/gilbN/theme.park */ |
|
|
|
|
|
|
|
@import url(https://theme-park.dev/CSS/defaults/placeholders.css); |
|
|
|
|
|
|
|
:root { |
|
|
|
--v-primary-base: rgb(var(--accent-color)); |
|
|
|
--v-anchor-base: rgb(var(--accent-color)); |
|
|
|
} |
|
|
|
|
|
|
|
main { |
|
|
|
background: var(--main-bg-color); |
|
|
|
background-repeat: repeat, no-repeat; |
|
|
@ -19,10 +26,11 @@ main { |
|
|
|
-webkit-background-size: auto, cover; |
|
|
|
-moz-background-size: auto, cover; |
|
|
|
-o-background-size: auto, cover; |
|
|
|
color: var(--text) |
|
|
|
} |
|
|
|
|
|
|
|
h4 { |
|
|
|
color: #ffffff; |
|
|
|
color: var(--text-hover); |
|
|
|
} |
|
|
|
|
|
|
|
.v-toolbar { |
|
|
@ -36,45 +44,58 @@ h4 { |
|
|
|
} |
|
|
|
|
|
|
|
p a { |
|
|
|
color: var(--accent-color) !important; |
|
|
|
color: rgb(var(--accent-color)) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.theme--dark.v-icon { |
|
|
|
color: rgb(var(--accent-color)); |
|
|
|
} |
|
|
|
|
|
|
|
.application .theme--dark.v-card, |
|
|
|
.theme--dark .v-card .primary--text { |
|
|
|
color: var(--accent-color) !important; |
|
|
|
color: rgb(var(--accent-color)) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.application .theme--dark.v-card, |
|
|
|
.theme--dark .v-card .accent--text { |
|
|
|
color: var(--accent-color) !important; |
|
|
|
color: rgb(var(--accent-color)) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.application .theme--dark.v-card, |
|
|
|
.theme--dark .v-card .primary { |
|
|
|
color: var(--accent-color) !important; |
|
|
|
color: rgb(var(--accent-color)) !important; |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.flex.xs12 a { |
|
|
|
color: var(--accent-color); |
|
|
|
color: rgb(var(--accent-color)); |
|
|
|
} |
|
|
|
|
|
|
|
.v-list__tile { |
|
|
|
color: #fff !important; |
|
|
|
color: var(--text-hover) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.v-stepper__step__step .primary { |
|
|
|
background-color: var(--default-button-color) !important; |
|
|
|
border-color: var(--default-button-color) !important; |
|
|
|
background-color: var(--button-color) !important; |
|
|
|
border-color: var(--button-color) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.primary { |
|
|
|
background-color: var(--default-button-color) !important; |
|
|
|
border-color: var(--default-button-color) !important; |
|
|
|
background-color: var(--button-color) !important; |
|
|
|
border-color: var(--button-color) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.primary:hover, |
|
|
|
.primary:focus { |
|
|
|
background-color: var(--button-color-hover) !important; |
|
|
|
border-color: var(--button-color-hover) !important; |
|
|
|
color: var(--button-text-hover) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.v-input__control .v-input__slot .primary--text input, |
|
|
|
.primary--text textarea { |
|
|
|
caret-color: var(--accent-color) !important; |
|
|
|
caret-color: rgb(var(--accent-color)) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.v-input input:active, |
|
|
@ -82,28 +103,38 @@ p a { |
|
|
|
.v-input textarea:active, |
|
|
|
.v-input textarea:focus .primary--text input, |
|
|
|
.primary--text textarea { |
|
|
|
caret-color: var(--accent-color) !important; |
|
|
|
caret-color: rgb(var(--accent-color)) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.theme--dark.v-app-bar.v-toolbar.v-sheet { |
|
|
|
background: var(--modal-bg-color) !important; |
|
|
|
} |
|
|
|
|
|
|
|
.application .theme--dark.v-btn:not(.v-btn--icon):not(.v-btn--flat), |
|
|
|
.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat) { |
|
|
|
background-color: var(--default-button-color) !important; |
|
|
|
.theme--dark .v-btn:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn:not(.v-btn--round).v-size--small) { |
|
|
|
background-color: var(--button-color) !important; |
|
|
|
color: var(--button-text); |
|
|
|
} |
|
|
|
|
|
|
|
.application .theme--dark.v-btn:hover:not(.v-btn--icon):not(.v-btn--flat), |
|
|
|
.theme--dark .v-btn:hover:not(.v-btn--icon):not(.v-btn--flat):not(.v-btn:not(.v-btn--round).v-size--small) { |
|
|
|
background-color: var(--button-color-hover) !important; |
|
|
|
color: var(--button-text-hover); |
|
|
|
} |
|
|
|
|
|
|
|
.v-btn__content { |
|
|
|
color: #fff; |
|
|
|
color: var(--button-text); |
|
|
|
} |
|
|
|
|
|
|
|
.v-btn--active:before, |
|
|
|
.v-btn:focus:before, |
|
|
|
.v-btn:hover:before { |
|
|
|
background-color: white; |
|
|
|
background-color: var(--text-hover); |
|
|
|
} |
|
|
|
|
|
|
|
.application .theme--dark.v-card, |
|
|
|
.theme--dark .v-card { |
|
|
|
background: var(--modal-bg-color); |
|
|
|
background: var(--modal-bg-color) !important; |
|
|
|
background-repeat: repeat, no-repeat; |
|
|
|
background-attachment: fixed, fixed; |
|
|
|
background-position: center center, center center; |
|
|
@ -116,30 +147,20 @@ p a { |
|
|
|
.flex.md3 .application .theme--dark.v-card, |
|
|
|
.theme--dark .v-card { |
|
|
|
background: rgba(255, 255, 255, 0.10) !important; |
|
|
|
color: #fff; |
|
|
|
color: var(--text-hover); |
|
|
|
} |
|
|
|
|
|
|
|
.theme--dark.v-expansion-panels .v-expansion-panel { |
|
|
|
background-color: transparent; |
|
|
|
color: #fff; |
|
|
|
color: var(--text-hover); |
|
|
|
} |
|
|
|
|
|
|
|
.theme--dark.v-text-field--solo>.v-input__control>.v-input__slot { |
|
|
|
background: rgb(0 0 0 / 0.50); |
|
|
|
} |
|
|
|
|
|
|
|
.flex.md3 .application .theme--dark.v-list, |
|
|
|
.theme--dark .v-list { |
|
|
|
background: rgba(255, 255, 255, 0.10) !important; |
|
|
|
} |
|
|
|
|
|
|
|
flex xs12 .flex.md3 .application .theme--dark.v-list, |
|
|
|
.theme--dark .v-list { |
|
|
|
background: inherit !important; |
|
|
|
} |
|
|
|
|
|
|
|
.v-navigation-drawer { |
|
|
|
background: var(--main-bg-color) !important; |
|
|
|
background: var(--modal-bg-color) !important; |
|
|
|
background-repeat: repeat, no-repeat; |
|
|
|
background-attachment: fixed, fixed; |
|
|
|
background-position: center center, center center; |
|
|
@ -150,7 +171,9 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, |
|
|
|
} |
|
|
|
|
|
|
|
/*popup modal */ |
|
|
|
.v-dialog { |
|
|
|
|
|
|
|
.v-dialog, |
|
|
|
.theme--dark.v-list { |
|
|
|
background: var(--modal-bg-color); |
|
|
|
background-repeat: repeat, no-repeat; |
|
|
|
background-attachment: fixed, fixed; |
|
|
@ -162,7 +185,7 @@ flex xs12 .flex.md3 .application .theme--dark.v-list, |
|
|
|
} |
|
|
|
|
|
|
|
.menuable__content__active { |
|
|
|
background: var(--modal-bg-color); |
|
|
|
background: var(--drop-down-menu-bg); |
|
|
|
background-repeat: repeat, no-repeat; |
|
|
|
background-attachment: fixed, fixed; |
|
|
|
background-position: center center, center center; |
|
|
|