mirror of
https://github.com/gilbN/theme.park.git
synced 2024-10-05 15:07:11 +02:00
more jellyfin fixes and added screenshots to readme
This commit is contained in:
parent
1baa6e1d4a
commit
f16a993388
@ -10,7 +10,15 @@
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
: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;
|
||||
--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;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--accent-color: #607D8B;
|
||||
--accent-color-hover: #81a6b7;
|
||||
}
|
||||
|
||||
.skinHeader,
|
||||
html {
|
||||
color: #ddd;
|
||||
@ -137,6 +145,35 @@
|
||||
.defaultCardBackground5 {
|
||||
background-color: #5ccea9;
|
||||
}
|
||||
.cardOverlayContainer {
|
||||
background: radial-gradient(farthest-corner at 50% 50%,rgba(50,50,50,.5) 50%,#323232 100%);
|
||||
opacity: 0;
|
||||
transition: opacity .2s;
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
user-select: none;
|
||||
box-shadow: 0 0 0 2px var(--button-color);
|
||||
}
|
||||
.cardOverlayFab-primary i:hover {
|
||||
border: .07em solid var(--button-color);
|
||||
color: #fff;
|
||||
background: var(--button-color);
|
||||
}
|
||||
.cardOverlayButtonIcon:hover {
|
||||
background-color: rgba(0,0,0,.7) !important;
|
||||
background: var(--button-color) !important;
|
||||
border: var(--button-color);
|
||||
}
|
||||
.selectionCommandsPanel {
|
||||
background: var(--button-color) !important;
|
||||
color: #fff;
|
||||
}
|
||||
.itemSelectionPanel {
|
||||
border: 1px solid var(--button-color) !important;
|
||||
}
|
||||
|
||||
.cardText-secondary,
|
||||
.fieldDescription,
|
||||
@ -232,6 +269,9 @@
|
||||
.button-link {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
.button-link:hover {
|
||||
color: var(--accent-color-hover) !important;
|
||||
}
|
||||
|
||||
.mediaInfoText {
|
||||
color: #ddd;
|
||||
@ -303,11 +343,35 @@
|
||||
.fullSyncIndicator {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.mainDrawer {
|
||||
background-color: rgba(0, 0, 0, 0.75) !important;
|
||||
|
||||
@media (min-width: 84em){
|
||||
.dashboardDocument .mainDrawer-scrollContainer {
|
||||
margin: auto;
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 40em){
|
||||
.dashboardDocument .mainDrawer-scrollContainer {
|
||||
margin-top: 5em !important;
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
}
|
||||
@media (min-width: 40em) {
|
||||
.dashboardDocument .mainDrawer {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
}
|
||||
.mainDrawer {
|
||||
background-color: rgba(0, 0, 0, 0.95) !important;
|
||||
}
|
||||
.mainDrawer-scrollContainer {
|
||||
height: 100%;
|
||||
}
|
||||
.tmla-mask, .touch-menu-la {
|
||||
background: var(--main-bg-color) !important;
|
||||
width: 320px !important;
|
||||
}
|
||||
|
||||
.navMenuOption:hover {
|
||||
background: rgba(255 ,255 ,255 ,0.08) !important;
|
||||
}
|
||||
|
28
README.md
28
README.md
@ -98,6 +98,7 @@ Link to Firefox extention: https://addons.mozilla.org/en-US/firefox/addon/styl-u
|
||||
<li><a href="#sonarr-v2v3---radarr---lidarr---bazarr-themes">Lidarr</a></li>
|
||||
<li><a href="#sonarr-v2v3---radarr---lidarr---bazarr-themes">Bazarr</a></li>
|
||||
<li><a href="#plex-themes">Plex</a></li>
|
||||
<li><a href="#jellyfin-themes">Jellyfin</a></li>
|
||||
<li><a href="#ombi-themes">Ombi</a></li>
|
||||
<li><a href="#tautulli-themes">Tautulli</a></li>
|
||||
<li><a href="#organizr-hotline-and-marine-theme">Organizr</a></li>
|
||||
@ -236,6 +237,33 @@ space-gray.css
|
||||
|
||||
***
|
||||
|
||||
# Jellyfin Themes
|
||||
|
||||
Custom [Jellyfin](https://github.com/jellyfin/jellyfin) CSS.
|
||||
|
||||
![](/Screenshots/jellyfin/jellyfin.gif)
|
||||
|
||||
```
|
||||
https://gilbn.github.io/theme.park/CSS/themes/jellyfin/XXX.css
|
||||
aquamarine.css
|
||||
hotline.css
|
||||
dark.css
|
||||
space-gray.css
|
||||
```
|
||||
|
||||
### Screenshots
|
||||
<details><summary>Expand</summary>
|
||||
<p>
|
||||
<img src="/Screenshots/jellyfin/jellyfin1.jpg"></img>
|
||||
<img src="/Screenshots/jellyfin/jellyfin2.jpg"></img>
|
||||
<img src="/Screenshots/jellyfin/jellyfin3.jpg"></img>
|
||||
<img src="/Screenshots/jellyfin/jellyfin4.jpg"></img>
|
||||
<img src="/Screenshots/jellyfin/jellyfin5.jpg"></img>
|
||||
</p>
|
||||
</details>
|
||||
|
||||
***
|
||||
|
||||
# Sonarr v2/v3 - Radarr - Lidarr - Bazarr Themes
|
||||
|
||||
Custom [Sonarr V2 and V3](https://github.com/Sonarr/Sonarr)/[Radarr](https://github.com/Radarr/Radarr)/[Lidarr](https://github.com/Lidarr/Lidarr)/[Bazarr](https://github.com/morpheus65535/bazarr) CSS.
|
||||
|
BIN
Screenshots/jellyfin/jellyfin.gif
Normal file
BIN
Screenshots/jellyfin/jellyfin.gif
Normal file
Binary file not shown.
After Width: | Height: | Size: 877 KiB |
BIN
Screenshots/jellyfin/jellyfin1.jpg
Normal file
BIN
Screenshots/jellyfin/jellyfin1.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 252 KiB |
BIN
Screenshots/jellyfin/jellyfin2.png
Normal file
BIN
Screenshots/jellyfin/jellyfin2.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.8 MiB |
BIN
Screenshots/jellyfin/jellyfin3.jpg
Normal file
BIN
Screenshots/jellyfin/jellyfin3.jpg
Normal file
Binary file not shown.
After Width: | Height: | Size: 320 KiB |
BIN
Screenshots/jellyfin/jellyfin4.png
Normal file
BIN
Screenshots/jellyfin/jellyfin4.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.6 MiB |
BIN
Screenshots/jellyfin/jellygin5.png
Normal file
BIN
Screenshots/jellyfin/jellygin5.png
Normal file
Binary file not shown.
After Width: | Height: | Size: 1.9 MiB |
Loading…
Reference in New Issue
Block a user