24
24
</ul >
25
25
26
26
***
27
-
28
- All apps have 7 themes to choose from.
27
+ {% set themes = config.extra.themes %}
28
+ {% set cthemes = config.extra.community_themes %}
29
+ All apps have {{ themes|length }} official [ themes] ( /theme-options/organizr/ ) and {{ cthemes|length }} [ community-themes] ( /community-themes ) to choose from.
29
30
30
31
` https://theme-park.dev/css/base/<APP_NAME>/<THEME_NAME>.css `
31
32
32
33
``` css
33
- {% set themes = config .extra .themes %}
34
34
{% for theme in themes %}
35
35
{{ theme }}.css
36
36
{% endfor %}
@@ -178,8 +178,7 @@ Add this to your reverse proxy:
178
178
proxy_set_header Accept-Encoding "";
179
179
sub_filter
180
180
'</head>'
181
- '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css">
182
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/theme-options/<THEME>.css">
181
+ '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css">
183
182
</head>';
184
183
sub_filter_once on;
185
184
```
@@ -195,8 +194,7 @@ location /sonarr {
195
194
proxy_set_header Accept-Encoding "";
196
195
sub_filter
197
196
'</head>'
198
- '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/sonarr/sonarr-base.css">
199
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/theme-options/plex.css">
197
+ '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/sonarr/plex.css">
200
198
</head>';
201
199
sub_filter_once on;
202
200
}
@@ -217,7 +215,7 @@ map $host $theme {
217
215
}
218
216
```
219
217
220
- Change ` <theme> ` to the theme you want on all your apps. e.g. ` default dark ; `
218
+ Change ` <theme> ` to the theme you want on all your apps. e.g. ` default nord ; `
221
219
222
220
#### theme-park.conf
223
221
@@ -230,8 +228,7 @@ Next create a new file called `theme-park.conf` and add the following code: (Not
230
228
proxy_set_header Accept-Encoding "";
231
229
sub_filter
232
230
'</head>'
233
- '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/$app/$app-base.css">
234
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/theme-options/$theme.css">
231
+ '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/$app/$theme.css">
235
232
</head>';
236
233
sub_filter_once on;
237
234
```
@@ -279,11 +276,11 @@ If you're using Nginx Proxy Manager you can follow these steps:
279
276
proxy_set_header Accept-Encoding "";
280
277
sub_filter
281
278
'</head>'
282
- '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css">
283
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/theme-options/<THEME>.css">
279
+ '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css">
284
280
</head>';
285
281
sub_filter_once on;
286
282
```
283
+
287
284
4 . Don't forget to update the ` <APP_NAME> ` and ` <THEME> ` with the correct app and theme.
288
285
289
286
![ text] ( site_assets/setup/npm.png )
@@ -293,8 +290,7 @@ sub_filter_once on;
293
290
``` apache
294
291
RequestHeader unset Accept-Encoding
295
292
AddOutputFilterByType SUBSTITUTE text/html
296
- Substitute 's|</head>|<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css">
297
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/theme-options/<THEME>.css"></head>|ni'
293
+ Substitute 's|</head>|<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css"></head>|ni'
298
294
```
299
295
300
296
#### Apache Example
@@ -305,8 +301,7 @@ Substitute 's|</head>|<link rel="stylesheet" type="text/css" href="https://theme
305
301
ProxyPassReverse http://localhost:8989/sonarr
306
302
RequestHeader unset Accept-Encoding
307
303
AddOutputFilterByType SUBSTITUTE text/html
308
- Substitute 's|</head>|<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/sonarr/sonarr-base.css">
309
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/theme-options/organizr.css"></head>|ni'
304
+ Substitute 's|</head>|<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/sonarr/nord.css"></head>|ni'
310
305
</Location>
311
306
```
312
307
@@ -316,8 +311,7 @@ Substitute 's|</head>|<link rel="stylesheet" type="text/css" href="https://theme
316
311
filter rule {
317
312
content_type text/html.*
318
313
search_pattern </head>
319
- replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css'>
320
- <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/theme-options/<THEME>.css'></head>"
314
+ replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css'></head>"
321
315
}
322
316
```
323
317
@@ -334,8 +328,7 @@ proxy /tautulli 127.0.0.1:8181 {
334
328
filter rule {
335
329
content_type text/html.*
336
330
search_pattern </head>
337
- replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/tautulli/tautulli-base.css'>
338
- <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/theme-options/dark.css'></head>"
331
+ replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/tautulli/nord.css'></head>"
339
332
}
340
333
}
341
334
```
@@ -346,8 +339,7 @@ proxy /tautulli 127.0.0.1:8181 {
346
339
"caddy.filter" : " rule"
347
340
"caddy.filter.content_type" : " text/html.*"
348
341
"caddy.filter.search_pattern" : " </head>"
349
- "caddy.filter.replacement" : "\"<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/tautulli/tautulli-base.css'>
350
- <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/theme-options/dark.css'></head>\""
342
+ "caddy.filter.replacement" : " \" <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/tautulli/nord.css'></head>\" "
351
343
```
352
344
353
345
### Caddy v2
@@ -404,8 +396,7 @@ Almost like Caddy v1, here is an example `filter` we need to include in the all
404
396
filter {
405
397
content_type text/html.*
406
398
search_pattern </head>
407
- replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css'>
408
- <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/theme-options/<THEME>.css'></head>"
399
+ replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css'></head>"
409
400
}
410
401
```
411
402
@@ -434,8 +425,7 @@ And if you're using a reverse proxy, you also need to include `header_up -Accept
434
425
filter {
435
426
content_type text/html.*
436
427
search_pattern </head>
437
- replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/radarr/radarr-base.css'>
438
- <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/theme-options/space-gray.css'></head>"
428
+ replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/radarr/nord.css'></head>"
439
429
}
440
430
}
441
431
```
@@ -458,8 +448,7 @@ reverse_proxy 127.0.0.1:8080 {
458
448
filter {
459
449
content_type text/html.*
460
450
search_pattern </head>
461
- replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/sonarr/sonarr-base.css'>
462
- <link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/theme-options/plex.css'></head>"
451
+ replacement "<link rel='stylesheet' type='text/css' href='https://theme-park.dev/css/base/sonarr/nord.css'></head>"
463
452
}
464
453
465
454
reverse_proxy /sonarr/* http://sonarr:8989 {
@@ -474,36 +463,20 @@ Feel free to make any adjustments! Thanks everyone for the help!
474
463
475
464
Also for reference: [ Caddy v2 structure] ( https://caddyserver.com/docs/caddyfile/concepts#structure )
476
465
477
- ### Community Themes
478
-
479
- If you want to use any of the [ community themes] ( /community-themes ) you will have to change the href from ` https://theme-park.dev/css/theme-options/xxx.css ` to ` https://theme-park.dev/css/community-theme-options/xxx.css `
480
-
481
- ``` nginx
482
- proxy_set_header Accept-Encoding "";
483
- sub_filter
484
- '</head>'
485
- '<link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css">
486
- <link rel="stylesheet" type="text/css" href="https://theme-park.dev/css/community-theme-options/<THEME>.css">
487
- </head>';
488
- sub_filter_once on;
489
- ```
490
-
491
466
## Stylus method
492
467
493
468
Stylus is a browser extention that can inject custom css to the webpage of your choosing.
494
469
495
470
Add this in the style page:
496
471
497
472
``` css
498
- @import " https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css" ;
499
- @import " https://theme-park.dev/css/theme-options/THEME.css" ;
473
+ @import " https://theme-park.dev/css/base/<APP_NAME>/<THEME>.css" ;
500
474
```
501
475
502
476
Example:
503
477
504
478
``` css
505
- @import " https://theme-park.dev/css/base/sonarr/sonarr-base.css" ;
506
- @import " https://theme-park.dev/css/theme-options/dark.css" ;
479
+ @import " https://theme-park.dev/css/base/sonarr/nord.css" ;
507
480
```
508
481
509
482
![ example] ( site_assets/setup/stylus.png )
@@ -523,8 +496,7 @@ Link to Firefox extention:
523
496
``` js
524
497
$ .getScript (' https://archmonger.github.io/Blackberry-Themes/Extras/theme_installer.js' , function (){
525
498
// First variable is your Organizr tab name. Second variable is a link to the theme you want to apply.
526
- themeInstaller (" <TAB_NAME>" ," https://theme-park.dev/css/base/<APP_NAME>/<APP_NAME>-base.css" );
527
- themeInstaller (" <TAB_NAME>" ," https://theme-park.dev/css/theme-options/<THEME_NAME>.css" );
499
+ themeInstaller (" <TAB_NAME>" ," https://theme-park.dev/css/base/<APP_NAME>/<THEME_NAME>.css" );
528
500
529
501
// You can also use this for multiple themes at once by simply calling themeInstaller again!
530
502
themeInstaller (" <TAB_NAME>" ," https://theme-park.dev/css/base/<APP_NAME>/<THEME_NAME>.css" );
0 commit comments