Merge pull request #549 from themepark-dev/develop

1.16.1
2024-11-19 17:42:32 +01:00 · 2024-03-29 12:53:03 +01:00 · 2024-03-29 12:53:03 +01:00 · 736ef64f61
commit 736ef64f61
parent 6ffb97fc3c 67108d3918
4 changed files with 100 additions and 12 deletions
--- a/css/base/qbittorrent/qbittorrent-base.css
+++ b/css/base/qbittorrent/qbittorrent-base.css
@ -208,6 +208,7 @@ label {

 #desktopNavbar ul li a {
  color: var(--text);
+  padding: 1px 10px;
 }

 #desktopNavbar ul li a:hover {
@ -408,8 +409,8 @@ li.divider {

 /* Sidemenu */
 .selectedFilter {
-  background-color: var(--button-color);
-  color: var(--button-text);
+  background-color: var(--button-color) !important;
+  color: var(--button-text) !important;
 }

 .selectedFilter:before {
--- a/css/base/vuetorrent/vuetorrent-base.css
+++ b/css/base/vuetorrent/vuetorrent-base.css
@ -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,
@ -59,6 +63,11 @@ html {
    border-radius: 20px
 }

+/* OVERLAY */
+.v-overlay__scrim {
+    background: rgb(var(--accent-color));
+}
+
 /* TEXT */
 .h1,
 .h2,
@ -78,6 +87,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 +126,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 +150,7 @@ p,
 }

 /* SIDE MENU */
-.v-application .primary {
+.v-application .primary,.v-navigation-drawer  {
    background: var(--transparency-dark-25) !important;
    color: var(--text) !important;
 }
@ -157,12 +170,25 @@ p,
    .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close),
    .v-navigation-drawer--is-mobile:not(.v-navigation-drawer--close),
-    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close) {
+    .v-navigation-drawer--temporary:not(.v-navigation-drawer--close),
+    [class*="theme--"].v-app-bar.v-toolbar {
        -webkit-backdrop-filter: blur(10px);
        backdrop-filter: blur(10px);
    }
 }

+/* 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 +210,31 @@ 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: var(--button-color) !important;
+    color: var(--button-text) !important;
+}
+.bg-red {
+    --v-theme-overlay-multiplier: var(--v-theme-red-overlay-multiplier);
+    background-color: rgb(var(--v-theme-red)) !important;
+    color: rgb(var(--v-theme-on-red)) !important;
+}
+
+.v-btn--icon.v-btn--density-compact {
+    background: transparent !important;
+}
+
 /* MODAL */
 .v-dialog [class*="theme--"].v-card,
 .v-dialog [class*="theme--"].v-tabs-items,
@ -295,6 +346,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 */

@ -425,10 +485,23 @@ button>.v-btn--is-elevated .v-btn--has-bg.v-icon__svg {
    color: var(--text) !important;
 }

-.v-menu__content [class*="theme--"][class*="theme--"].v-list {
+.v-menu__content [class*="theme--"][class*="theme--"].v-list,.v-menu [class*="theme--"][class*="theme--"].v-list {
    background: var(--drop-down-menu-bg)
 }

+.v-expansion-panel {
+    background-color: var(--drop-down-menu-bg) !important;
+    color: var(--text);
+}
+.v-expansion-panel-title__overlay {
+    background-color: var(--drop-down-menu-bg) !important;
+}
+
+.v-bottom-navigation {
+    background: var(--drop-down-menu-bg);
+    color: var(--text);
+}
+
 [class*="theme--"].v-icon {
    color: rgb(var(--accent-color)) !important;
 }
@ -437,8 +510,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 +598,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);
-}
+}
+
--- a/docker-mods/emby/root/etc/cont-init.d/98-themepark
+++ b/docker-mods/emby/root/etc/cont-init.d/98-themepark
@ -39,5 +39,5 @@ if [[ -z ${TP_THEME} ]]; then
 fi

 # Adding stylesheets
-printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
+printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/system/dashboard-ui/modules/themes/light/theme.css
 printf 'Stylesheet set to %s\n' "${TP_THEME}"
--- a/docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run
+++ b/docker-mods/emby/root/etc/s6-overlay/s6-rc.d/init-mod-themepark/run
@ -39,5 +39,5 @@ if [[ -z ${TP_THEME} ]]; then
 fi

 # Adding stylesheets
-printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/dashboard-ui/modules/themes/light/theme.css
+printf '%s\n' "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/${THEME_TYPE}/${TP_THEME}.css');" "@import url('${TP_SCHEME}://${TP_DOMAIN}/css/base/emby/emby-base.css');" > /app/emby/system/dashboard-ui/modules/themes/light/theme.css
 printf 'Stylesheet set to %s\n' "${TP_THEME}"