topaLE
/
theme.park.app
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

jellyfin remake

pull/204/head
gilbN 4 years ago
parent
a39adc61f5
commit
b49ac1ace6
7 changed files with 824 additions and 622 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 53
      CSS/themes/jellyfin/aquamarine.css
  2. 56
      CSS/themes/jellyfin/dark.css
  3. 53
      CSS/themes/jellyfin/hotline.css
  4. 1120
      CSS/themes/jellyfin/jellyfin-base.css
  5. 56
      CSS/themes/jellyfin/organizr-dark.css
  6. 55
      CSS/themes/jellyfin/plex.css
  7. 53
      CSS/themes/jellyfin/space-gray.css

53
CSS/themes/jellyfin/aquamarine.css
View File

@ -12,12 +12,51 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* JELLYFIN AQUAMARINE THEME */ /* JELLYFIN AQUAMARINE THEME */
@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css); @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css");
:root { :root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --theme-primary-color: #009688;
--modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed; --theme-text-color: #eee;
--button-color: hsla(0,0%,100%,.15); --theme-text-color-opaque: #fff;
--button-color-hover: hsla(0,0%,100%,.30); --theme-accent-text-color: #009688;
--accent-color: hsla(0,0%,100%,.85); --theme-primary-color-lightened: rgba(0, 150, 135, 0.2);
--accent-color-hover: hsla(0,0%,100%,.95); --theme-icon-focus-background: rgba(0, 150, 135, 0.2);
--theme-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--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: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
} }

56
CSS/themes/jellyfin/dark.css
View File

@ -12,12 +12,52 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* JELLYFIN DARK THEME */ /* JELLYFIN DARK THEME */
@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css); @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css");
:root { :root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --theme-primary-color: #646464;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed; --theme-text-color: #eee;
--button-color: #cc7b19; --theme-text-color-opaque: #fff;
--button-color-hover: #e59029; --theme-accent-text-color: #646464;
--accent-color: #e5a00d; --theme-primary-color-lightened: rgba(100, 100, 100, 0.8);
--accent-color-hover: #ffc107; --theme-icon-focus-background: rgba(100, 100, 100, 0.2);
}
--theme-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--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: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;;
--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: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--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: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--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: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}

53
CSS/themes/jellyfin/hotline.css
View File

@ -12,12 +12,51 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* JELLYFIN HOTLINE THEME */ /* JELLYFIN HOTLINE THEME */
@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css); @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css");
:root { :root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --theme-primary-color: #F44336;
--modal-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed; --theme-text-color: #eee;
--button-color: hsla(0,0%,100%,.15); --theme-text-color-opaque: #fff;
--button-color-hover: hsla(0,0%,100%,.30); --theme-accent-text-color: #F44336;
--accent-color: hsla(0,0%,100%,.85); --theme-primary-color-lightened: rgba(244, 67, 54, 0.2);
--accent-color-hover: hsla(0,0%,100%,.95); --theme-icon-focus-background: rgba(244, 67, 54, 0.2);
--theme-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--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: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--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: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
} }

1120
CSS/themes/jellyfin/jellyfin-base.css
View File

File diff suppressed because it is too large

56
CSS/themes/jellyfin/organizr-dark.css
View File

@ -12,12 +12,52 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* JELLYFIN ORGANIZR-DARK THEME */ /* JELLYFIN ORGANIZR-DARK THEME */
@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css); @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css");
:root { :root {
--main-bg-color: #1F1F1F; --theme-primary-color: #2cabe3;
--modal-bg-color: #1b1b1b; --theme-text-color: #96a2b4;
--button-color: #2cabe3; --theme-text-color-opaque: #fff;
--button-color-hover: rgb(44 171 227 / .8); --theme-accent-text-color: #2cabe3;
--accent-color: #2cabe3; --theme-primary-color-lightened: rgba(44, 171, 227 , 0.8);
--accent-color-hover: white; --theme-icon-focus-background: rgba(44, 171, 227 , 0.2);
}
--theme-background: #1f1f1f;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: #1C1C1E;
--button-background: #242424;
--card-background: #242424;
--footer-background: #1d1d1d;
--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: #1f1f1f;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: #1C1C1E;
--button-background: #242424;
--card-background: #242424;
--footer-background: #1d1d1d;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: #1f1f1f;
--header-blur-background: rgba(20,20,20,0.66);
--drawer-background: #2C2C2E;
--docked-drawer-background: #1C1C1E;
--button-background: #242424;
--card-background: #242424;
--footer-background: #1d1d1d;
--footer-blur-background: rgba(29,29,31,0.66);
}

55
CSS/themes/jellyfin/plex.css
View File

@ -12,12 +12,51 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* JELLYFIN PLEX THEME */ /* JELLYFIN PLEX THEME */
@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css); @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css");
:root { :root {
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed; --theme-primary-color: #e5a00d;
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed; --theme-text-color: #eee;
--button-color: #cc7b19; --theme-text-color-opaque: #fff;
--button-color-hover: #e59029; --theme-accent-text-color: #e5a00d;
--accent-color: #e5a00d; --theme-primary-color-lightened: rgba(229, 161, 13, 0.2);
--accent-color-hover: #ffc107; --theme-icon-focus-background: rgba(229, 161, 13, 0.2);
}
--theme-background: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--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: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;;
--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: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--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: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
--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: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}

53
CSS/themes/jellyfin/space-gray.css
View File

@ -12,12 +12,51 @@
/* https://github.com/gilbN/theme.park */ /* https://github.com/gilbN/theme.park */
/* JELLYFIN SPACE GRAY THEME */ /* JELLYFIN SPACE GRAY THEME */
@import url(https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css); @import url("https://theme-park.dev/CSS/themes/jellyfin/jellyfin-base.css");
:root { :root {
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --theme-primary-color: #81a6b7;
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed; --theme-text-color: #eee;
--button-color: #607D8B; --theme-text-color-opaque: #fff;
--button-color-hover: #81a6b7; --theme-accent-text-color: #81a6b7;
--accent-color: #607D8B; --theme-primary-color-lightened: rgba(129, 166, 183, 0.2);
--accent-color-hover: #81a6b7; --theme-icon-focus-background: rgba(129, 166, 183, 0.2);
--theme-background: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--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: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;;
--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: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--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: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
}
}
.layout-tv:root {
--theme-background: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
--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: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;;
--footer-blur-background: rgba(29,29,31,0.66);
} }
Write Preview
Loading…
Cancel
Save