|
|
@ -14,50 +14,3 @@ |
|
|
|
/* JELLYFIN ORGANIZR-DARK THEME */ |
|
|
|
@import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css"); |
|
|
|
@import url("https://theme-park.dev/CSS/variables/organizr-dark.css"); |
|
|
|
:root { |
|
|
|
--theme-primary-color: var(--accent-color); |
|
|
|
--theme-text-color: var(--text); |
|
|
|
--theme-text-color-opaque: var(--text-hover); |
|
|
|
--theme-accent-text-color: var(--accent-color); |
|
|
|
--theme-primary-color-lightened: var(--accent-color-hover); |
|
|
|
--theme-icon-focus-background: rgba(var(--accent-color), 0.2); |
|
|
|
|
|
|
|
--theme-background: var(--main-bg-color); |
|
|
|
--header-blur-background: rgba(20,20,20,0.66); |
|
|
|
--drawer-background: #2C2C2E; |
|
|
|
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|
|
|
--button-background: var(--button-color); |
|
|
|
--card-background: rgba(0, 0, 0, 0.15); |
|
|
|
--footer-background: var(--modal-footer-color); |
|
|
|
--footer-blur-background: rgba(29,29,31,0.66); |
|
|
|
|
|
|
|
--header-background: var(--theme-background); |
|
|
|
--theme-body-secondary-text-color: rgba(255, 255, 255, .6); |
|
|
|
--line-background: rgba(255, 255, 255, .08); |
|
|
|
--line-size: .08em; |
|
|
|
--scrollbar-thumb-background: rgba(255,255,255,.3); |
|
|
|
} |
|
|
|
|
|
|
|
@media (pointer: fine) { |
|
|
|
:not(.layout-tv):root { |
|
|
|
--theme-background: var(--main-bg-color); |
|
|
|
--header-blur-background: rgba(20,20,20,0.66); |
|
|
|
--drawer-background: #2C2C2E; |
|
|
|
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|
|
|
--button-background: #1f1f1f; |
|
|
|
--card-background: rgba(0, 0, 0, 0.15); |
|
|
|
--footer-background: var(--modal-footer-color); |
|
|
|
--footer-blur-background: rgba(29,29,31,0.66); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.layout-tv:root { |
|
|
|
--theme-background: var(--main-bg-color); |
|
|
|
--header-blur-background: rgba(20,20,20,0.66); |
|
|
|
--drawer-background: #2C2C2E; |
|
|
|
--docked-drawer-background: rgba(0, 0, 0, 0.25); |
|
|
|
--button-background: #1f1f1f; |
|
|
|
--card-background: rgba(0, 0, 0, 0.15); |
|
|
|
--footer-background: var(--modal-footer-color); |
|
|
|
--footer-blur-background: rgba(29,29,31,0.66); |
|
|
|
} |