themepark-dev / theme.park Goto Github PK

Thanks for all the hard work! Whenever you want me to stop, let me know 😄

For Calibre-Web (using CaliBlur as a base), the background does not seem to be set on the index pages (i.e. Recently Added or any of the other tabs clicked on from the side menu). Also does not seem to work when searching, the about page, settings page, or admin page.

However, it does work when navigating to a specific book page

Also, this is probably an issue in CaliBlur itself, but just FYI, some of the newer pages have some UI quirks

In Settings > Media Management, if you click the ? next to the naming conventions, it shows you a list of available naming tokens. These are missing a background

the bazarr new version is not themed
thanks for your awesome work btw

Hey I love the themes can you make them for Mylar3 and other Headphones forks

Description

We should add documentation for Caddyfiles in caddy v2 and how-to install. Once I figure it out, I will update.

I'm not entirely sure if this was intended or how you'd like to display it otherwise, but I noticed that the alert message for NZBHydra2 blends in with the background on Space Gray, which creates a bit of a strange optical illusion effect almost

If it was intentional, no worries, you can just close the issue.

See screenshot.

When doing a manual search.

JFYI

Hi, I'm trying to use the themes I love on all my dockers, a nextcloud/Searx theme would be great for me !

Refresh button for rutorrent is massive. Can it be resized/changed to match the theme?
https://images.cajun.pro/7ac5b/ZUWoNUri49.png/raw
Also can the font be thicker? The pencil thin font that is inherited from the default is rough

Hi!

I'm using various themes (sonarr, radarr, nzbget, etc.) and I love them! All of them work seamlessly, except for the Qbittorrent one! I don't understand why, since my reverse proxy configs are the same. Here's the reverse proxy I've setup for Qbittorrent:

server {
    listen 443 ssl;
    listen [::]:443 ssl;

    server_name qbittorrent.*;

    include /config/nginx/ssl.conf;

    client_max_body_size 0;

      location / {
       	set $app qbittorrent;
	include /config/nginx/theme-park.conf;

        include /config/nginx/proxy.conf;
        resolver 127.0.0.11 valid=30s;
        set $upstream_qbittorrent qbittorrent;
        proxy_pass http://$upstream_qbittorrent:8080;

        proxy_set_header Referer '';
        proxy_set_header Host $upstream_qbittorrent:8080;

    }

    location ^~ /qbittorrent/api {
        include /config/nginx/proxy.conf;
        resolver 127.0.0.11 valid=30s;
        set $upstream_qbittorrent qbittorrent;
        rewrite /qbittorrent(.*) $1 break;
        proxy_pass http://$upstream_qbittorrent:8080;

        proxy_set_header Referer '';
        proxy_set_header Host $upstream_qbittorrent:8080;
    }

    location ^~ /qbittorrent/command {
        include /config/nginx/proxy.conf;
        resolver 127.0.0.11 valid=30s;
        set $upstream_qbittorrent qbittorrent;
        rewrite /qbittorrent(.*) $1 break;
        proxy_pass http://$upstream_qbittorrent:8080;

        proxy_set_header Referer '';
        proxy_set_header Host $upstream_qbittorrent:8080;
    }

    location ^~ /qbittorrent/query {
        include /config/nginx/proxy.conf;
        resolver 127.0.0.11 valid=30s;
        set $upstream_qbittorrent qbittorrent;
        rewrite /qbittorrent(.*) $1 break;
        proxy_pass http://$upstream_qbittorrent:8080;

        proxy_set_header Referer '';
        proxy_set_header Host $upstream_qbittorrent:8080;
    }

    location ^~ /qbittorrent/login {
        include /config/nginx/proxy.conf;
        resolver 127.0.0.11 valid=30s;
        set $upstream_qbittorrent qbittorrent;
        rewrite /qbittorrent(.*) $1 break;
        proxy_pass http://$upstream_qbittorrent:8080;

        proxy_set_header Referer '';
        proxy_set_header Host $upstream_qbittorrent:8080;
    }

    location ^~ /qbittorrent/sync {
        include /config/nginx/proxy.conf;
        resolver 127.0.0.11 valid=30s;
        set $upstream_qbittorrent qbittorrent;
        rewrite /qbittorrent(.*) $1 break;
        proxy_pass http://$upstream_qbittorrent:8080;

        proxy_set_header Referer '';
        proxy_set_header Host $upstream_qbittorrent:8080;
    }
}

Here's my theme-park.conf content:

    proxy_set_header Accept-Encoding "";
sub_filter
	'</head>'
	'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/$app/$theme.css">
	</head>';
	sub_filter_once on;

Any clues? Thanks!

When viewing the OrgV2 homepage from any browser on iOS, the status icons disappear and leave a gap of where they are supposed to be.

I don't remember if the checkboxes were ever themed, however they look off now.

If they were never meant to be themed, deleting .gf-form-checkbox is enough.

Leaving issue for discussion purposes.

New discovery page on Radarr Aphrodite requires theming. It's not fully developed yet, so I will wait to start. Just creating the issue as a reminder.

When connected (RDP), the side bar background is not always displaying a proper background. Sometimes, bringing up the menu shows the background. Other times, it does not render. Hitting F12 will force the background to render, but not sure if this can be easily fixed so that it does not create the below quirk

Nothing is being blurred. Login screen, navagation bar, account setting, etc.

https://imgur.com/a/mE0KNDo

Any way to fix this?

history`s downloaded icon not themed

JFYI

In Mass Editor > Filters > Custom Filters, the background when hovering over existing custom filters is not themed. Current CSS is below -- I can make a PR fixing it, but not sure which color best fits the style guidelines for themepark

.CustomFilter\/customFilter\/zBSMd:hover {
    background-color: #fafbfc;
}

NZBGET 21. nzbget-dark

With nzbget-dark it is hard to see if a button is active or not. btn-primaryand btn are very similar.

Happens to all buttons when editing a item that is in the download queue, or in the history.

Without theme.

With theme.

There are several issues with portainer plex theme.

1. Open Stacks - Open any stack - Open arrow of any service, you will see white themed containers inside service.
2. When you open logs of any container, you will see that logs are white themed.

Heya,

i have multiple Radarr instances installed, HD and 4K.
To better seperate those two, i added CSS to display a "4K" text next to the logo.

I would like to share this idea and my code. Hopefuly you can integrate it somehow, ie with an additional import file "4k.css"

/* 4K Text next to "Radarr" text on mobile */
.navbar > .container-fluid .navbar-brand .logo-text:after {
		content: "4K";
		font-weight: bold;
		font-size: 20px;
		position: relative;
		top: 2px;
		margin-left: 10px;
	}

/* 4K Text under logo on desktop */
@media (min-width: 768px) {
	.navbar > .container-fluid .navbar-brand .logo-text:after {
		content: "";	
	}
	
	.navbar > .container-fluid .navbar-brand:after {
		content: "4K";
		font-weight: bold;
		font-size: 30px;
		position: relative;
		top: 6px;
	}
}

It doesn't skin the left bar and top bare as you can see here.

Some elements are not themed properly after update to Grafana 7.0 such as tables:

The edit-screen of panels is not themed at all:

Select dashboard is also not themed:

I guess there is more as much of the design was changed in 7.0

When using transferring files (I am using RDP) via Guacamole, a transfer list/popup is displayed that isn't themed.

Screenshot

I'm thinking of switching to caddy server, the css are compatible with? I didn't find much information on that.

Everything mostly works fine, except for the dropdown from path choice. which is white text on white background for some reason.

This is not a bug, entirely a suggestion that is open to your personal preference. If you disagree, feel free to close.

I noticed that the space-gray theme has a dark header for certain apps like the Arrs and NZBHydra. The header gives a good contrast and looks very clean in my opinion. Other apps are missing this distinction, so the header sort of blends into the body of the page. Both from a consistency as well as a theme perspective, I think adding similar black headers to apps that are missing them could enhance the theme.

Apps with dark headers already

Apps missing black headers

Example of Tautulli with black header

I recently noticed that pagination/infinite scrolling is not working after using any of the themes on Filebrowser. I went ahead and tested all the variations and found they all have the issue.

Currently using File Browser v2.0.12

After some digging around I believe I have found the issue.
In the filebrowser-base.css at the beginning under the html section overflow is set to hidden. If you remove this line file browser works as intended.

Not sure if it’s possible or not but would like a then for PiHole. Preference is Space Gray.

Todays update of Sonarr V3 broke the theme in the "add new show" section, see screenshot.

https://imgur.com/a/yIwNFHv

Edit: Some additional info might be good, using Sonarr with nginx (sub filter) not Stylus or sorts.
The first entry is how it looks with mouse over, the others without.

Because Pi-hole uses CSP it will block any attempts to inject stylesheets.
I've tried to strip away the headers in nginx using

proxy_hide_header "x-webkit-csp";
proxy_hide_header "content-security-policy";

But Pi-hole still blocks it. So for now Stylus or Blackberry installer is the only way I know you can add it.

If you have a working CSP config, please share it :)

plex.css

Pi-hole also uses https://api.github.com in their CSP directive, so that will block loading the backgrounds even when using Stylus.

https://github.com/pi-hole/AdminLTE/blob/master/scripts/pi-hole/php/header.php#L186

The + icon for a new condition on a custom format is not themed yet

Hi,
Is their any way to install the theme via Traefik reverse proxy?

I am asking since i see guides for Apache and Caddy.

Reproduce steps:
(Download stupid file
Manually fix its metadata)
Fix match in plex

Got several supported apps working, but Bazarr does not seem to work with Aquamarine on using the variable method with nginx.

Hi gilbN, in your lovely catalogue could you please add qbittorrent too. Thank you so much

There seem to be an issue with the dark qbittorrent theme and resolution. By default when I load the page on my 1440p monitor, the download section is completely blank until I zoom in/out manually with [CTRL] + [+].

It is not limited to 1440 either, when at work on a 1080p monitor, it loads by default, but when zooming in or out at certain levels, again the entries become blank.

orgarr.css theme isn't view able anymore with the new V3 (latest version)
The text is hard to read,
i've added some example screenshots

Firstly thanks for all the work on these styles - really love it. 👍

Ombi has a few buttons that have more text that the button can accommodate, such as on the Plex page.

This can be alleviated with css "min-width" instead of "width" for .btn-primary-outline
https://github.com/gilbN/theme.park/blob/9f0eaef3f34888a667c3c7cf9262a856c97ef4f6/CSS/themes/ombi/ombi-base.css#L282

CSS not my thing so I don't know if the other btn- styles need to be updated also.

Hello,

I have successfully imported the Radarr 4K CSS theme, however it appears that a link is broken and does not display the Radarr 4K logo in the upper-left hand corner. I checked the code, and found the problem below:

background-image: url("https://gflix.app/theme.park/CSS/addons/radarr/radarr4k-v3.png");

This is pointing to a website that is no longer in service. I believe the URL needs to be updated to reflect the Github path, as the 'radarr4k-v3.png' file is hosted here:

https://github.com/gilbN/theme.park/blob/master/CSS/addons/radarr/radarr4k-v3.png

Please let me know if you need more information. Thank you for all of the hard work!

orgarr-plex.css

lidarr version 0.6.2.883

Looks like the selector isn't correct?

I try to use theme for radarr/sonarr and this not working for me. All other containers ok(jackett, calibre web and other)

Sonarr setup

proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/hotline.css">
</head>';
sub_filter_once on;

Radarr setup

proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/hotline.css">
</head>';
sub_filter_once on;

Version of Sonarr
Version
3.0.3.896
Package Version
3.0.3.896-ls29 by linuxserver.io

Version of Radarr
Version
3.0.0.3129
Package Version
3.0.0.3129-ls13 by linuxserver.io

You said to keep them coming, so I'm going to throw a strange one at you 😄

I have been using your Lidarr theme for the pre-alpha version of Readarr. Since it's a direct fork, it works really well in most spots, but there are two selectors that are not themed. I'm not entirely sure if they exist in Lidarr, but maybe you could add them to the Lidarr theme or create a separate theme file for Readarr with these changes? It's pre-alpha, so I'm sure things will change a lot over time. The binary is at the end of the post if you are interested, but I listed out the screenshots and settings below. If this doesn't make sense to do for you, feel free to close it. I made it just because you were asking for more

Artist tabs
CSS Selector: .ArtistDetails-tab-lWaPK

Album tabs
CSS Selector: .AlbumDetails-tab-1Ax0D

https://readarr.servarr.com/v1/update/readarr/updatefile?os=linux&runtime=netcore&arch=x64

On Aphrodite, when using poster mode and sorting by any token, an additional row of information is displayed below each poster. These do not have a themed background right now.

See below, found when manually importing a movie/show, having a file selected, and then selecting episodes/movie against that file. Found in both Radarr Aphrodite and Sonarr

The update to Plex web appears to have broken the dark theme, possibly others. Many of the elements are now transparent. See example:

Using the orgarr.css file through nginx, some of the ui of sonarr v3 has become unreadable

here's my nginx block just in case i missed something.

# Radarr Reverse Proxy
# Be sure to set your Base-URL in Radarr
location /radarr {
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/orgarr.css">
</head>';
sub_filter_once on;
        proxy_pass http://127.0.0.1:7878/radarr;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-Forwarded-Proto $scheme;
        proxy_http_version 1.1;
        proxy_no_cache $cookie_session;
        # Allow the Radarr API through if you enable Auth on the block above
        location /radarr/api { auth_request off;
                proxy_pass http://127.0.0.1:7878/radarr/api;
        }
}

auto search works.

Request URL: http://127.0.0.1/radarr/signalr/poll?transport=longPolling&connectionToken=AQAAANCMnd8BFdERjHoAwE%2FCl%2BsBAAAAHZIPwjFALkCfS1ysf5lG%2FQAAAAACAAAAAAAQZgAAAAEAACAAAAB6xCctSIzqljE4PF%2BQCGVSrp%2Fgd1YxYUXGChMMQTOTJwAAAAAOgAAAAAIAACAAAAAHeDYaxsIeMrBuWop3AmgsrvVU%2F5TlNuNkwCowdZc5BzAAAAD%2BLIpBDTw4E1aMtGUlufhHjr%2F3YfNAWwkvTOodP9DJvpeXA%2BhHOMipMIoPFoE7DBhAAAAAxmlPvxJKG3nT%2BWPFFEHiU3xplFTWx9jmgBb3pqA7W%2FFBLVuuoMhV9R8iOxynqjWZVgS7EMy3C8P%2Bq007Qcd%2FAw%3D%3D&messageId=d-6B7F69BB-B%2C1C%7CE%2C0%7CF%2C0&apiKey=redacted&tid=2&_=1541025834276
Request Method: GET
Status Code: 504 Gateway Time-out
Remote Address: 127.0.0.1:80
Referrer Policy: no-referrer-when-downgrade
Connection: keep-alive
Content-Type: text/html; charset=UTF-8
Date: Wed, 31 Oct 2018 22:49:32 GMT
Server: nginx/1.14.0
Transfer-Encoding: chunked
X-Powered-By: PHP/7.2.5
Accept: application/json, text/javascript, */*; q=0.01
Accept-Encoding: gzip, deflate, br
Accept-Language: en-US,en;q=0.9
Cache-Control: no-cache
Connection: keep-alive
Content-Type: application/json; charset=UTF-8
Cookie:
DNT: 1
Host: 127.0.0.1
Pragma: no-cache
Referer: http://127.0.0.1/radarr/movies/stuck-in-love-111969
User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/70.0.3538.77 Safari/537.36
X-Api-Key: redacted
X-Requested-With: XMLHttpRequest
transport: longPolling
connectionToken: redacted
messageId: d-6B7F69BB-B,1C|E,0|F,0
apiKey: redacted
tid: 2
_: 1541025834276

It is happening for a couple of days.

Thanks