Skip to content
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 3 additions & 2 deletions css/base/qbittorrent/qbittorrent-base.css
Original file line number Diff line number Diff line change
Expand Up @@ -208,6 +208,7 @@ label {

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

#desktopNavbar ul li a:hover {
Expand Down Expand Up @@ -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 {
Expand Down
103 changes: 95 additions & 8 deletions css/base/vuetorrent/vuetorrent-base.css
Original file line number Diff line number Diff line change
Expand Up @@ -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,
Expand Down Expand Up @@ -59,6 +63,11 @@ html {
border-radius: 20px
}

/* OVERLAY */
.v-overlay__scrim {
background: rgb(var(--accent-color));
}

/* TEXT */
.h1,
.h2,
Expand All @@ -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;
}
Expand Down Expand Up @@ -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;
}

Expand All @@ -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;
}
Expand All @@ -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)) {

Expand All @@ -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,
Expand Down Expand Up @@ -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 */

Expand Down Expand Up @@ -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;
}
Expand All @@ -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);
}
Expand Down Expand Up @@ -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);
}
}

2 changes: 1 addition & 1 deletion docker-mods/emby/root/etc/cont-init.d/98-themepark
Original file line number Diff line number Diff line change
Expand Up @@ -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}"
Original file line number Diff line number Diff line change
Expand Up @@ -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}"