Browse Source

Merge remote-tracking branch 'origin/master' into unraid

pull/110/head
Marius 4 years ago
parent
commit
4ee2c98e86
  1. 3
      .github/pull_request_template.md
  2. 8
      CSS/addons/organizr/glass/README.md
  3. 54
      CSS/addons/radarr/README.md
  4. BIN
      CSS/addons/radarr/desktop.png
  5. BIN
      CSS/addons/radarr/mobile.png
  6. 73
      CSS/addons/radarr/radarr-4k-logo.css
  7. BIN
      CSS/addons/radarr/radarr-v3-mobile.png
  8. BIN
      CSS/addons/radarr/radarr4k-v3.png
  9. BIN
      CSS/addons/radarr/radarr4k.png
  10. BIN
      CSS/addons/radarr/v3-desktop.png
  11. BIN
      CSS/addons/radarr/v3-mobile.png
  12. 54
      CSS/addons/sonarr/README.md
  13. BIN
      CSS/addons/sonarr/desktop.png
  14. BIN
      CSS/addons/sonarr/mobile.png
  15. 95
      CSS/addons/sonarr/sonarr-4k-logo.css
  16. BIN
      CSS/addons/sonarr/sonarr-4k.png
  17. BIN
      CSS/addons/sonarr/v3-desktop.png
  18. BIN
      CSS/addons/sonarr/v3-mobile.png
  19. 460
      CSS/themes/adguard/adguard-base.css
  20. 28
      CSS/themes/adguard/aquamarine.css
  21. 28
      CSS/themes/adguard/dark.css
  22. 28
      CSS/themes/adguard/hotline.css
  23. 28
      CSS/themes/adguard/organizr-dark.css
  24. 28
      CSS/themes/adguard/plex.css
  25. 28
      CSS/themes/adguard/space-gray.css
  26. 5
      CSS/themes/bazarr/aquamarine.css
  27. 1561
      CSS/themes/bazarr/bazarr-base.css
  28. 5
      CSS/themes/bazarr/dark.css
  29. 5
      CSS/themes/bazarr/hotline.css
  30. 24
      CSS/themes/bazarr/organizr-dark.css
  31. 5
      CSS/themes/bazarr/plex.css
  32. 5
      CSS/themes/bazarr/space-gray.css
  33. 26
      CSS/themes/bitwarden/aquamarine.css
  34. 176
      CSS/themes/bitwarden/bitwarden-base.css
  35. 26
      CSS/themes/bitwarden/dark.css
  36. 26
      CSS/themes/bitwarden/hotline.css
  37. 26
      CSS/themes/bitwarden/organizr-dark.css
  38. 26
      CSS/themes/bitwarden/plex.css
  39. 26
      CSS/themes/bitwarden/space-gray.css
  40. 9
      CSS/themes/calibreweb/calibreweb-base.css
  41. 24
      CSS/themes/calibreweb/organizr-dark.css
  42. 4
      CSS/themes/deluge/aquamarine.css
  43. 6
      CSS/themes/deluge/dark.css
  44. 11
      CSS/themes/deluge/deluge-base.css
  45. 4
      CSS/themes/deluge/hotline.css
  46. 22
      CSS/themes/deluge/organizr-dark.css
  47. 4
      CSS/themes/deluge/plex.css
  48. 2
      CSS/themes/deluge/space-gray.css
  49. 27
      CSS/themes/duplicacy/aquamarine.css
  50. 27
      CSS/themes/duplicacy/dark.css
  51. 566
      CSS/themes/duplicacy/duplicacy-base.css
  52. 27
      CSS/themes/duplicacy/hotline.css
  53. 27
      CSS/themes/duplicacy/organizr-dark.css
  54. 27
      CSS/themes/duplicacy/plex.css
  55. 27
      CSS/themes/duplicacy/space-gray.css
  56. 23
      CSS/themes/filebrowser/organizr-dark.css
  57. 25
      CSS/themes/gaps/aquamarine.css
  58. 25
      CSS/themes/gaps/dark.css
  59. 199
      CSS/themes/gaps/gaps-base.css
  60. 25
      CSS/themes/gaps/hotline.css
  61. 25
      CSS/themes/gaps/organizr-dark.css
  62. 25
      CSS/themes/gaps/plex.css
  63. 25
      CSS/themes/gaps/space-gray.css
  64. 27
      CSS/themes/gitea/aquamarine.css
  65. 27
      CSS/themes/gitea/dark.css
  66. 757
      CSS/themes/gitea/gitea-base.css
  67. 27
      CSS/themes/gitea/hotline.css
  68. 27
      CSS/themes/gitea/organizr-dark.css
  69. 27
      CSS/themes/gitea/plex.css
  70. 27
      CSS/themes/gitea/space-gray.css
  71. 7
      CSS/themes/grafana/aquamarine.css
  72. 6
      CSS/themes/grafana/dark.css
  73. 415
      CSS/themes/grafana/grafana-base.css
  74. 6
      CSS/themes/grafana/hotline.css
  75. 23
      CSS/themes/grafana/organizr-dark.css
  76. 352
      CSS/themes/grafana/organizr-dashboard.css
  77. 6
      CSS/themes/grafana/plex.css
  78. 5
      CSS/themes/grafana/space-gray.css
  79. 26
      CSS/themes/guacamole/guacamole-base.css
  80. 22
      CSS/themes/guacamole/organizr-dark.css
  81. 8
      CSS/themes/html5speedtest/html5speedtest-base.css
  82. 21
      CSS/themes/html5speedtest/organizr-dark.css
  83. 22
      CSS/themes/jackett/organizr-dark.css
  84. 23
      CSS/themes/jellyfin/organizr-dark.css
  85. 27
      CSS/themes/kitana/aquamarine.css
  86. 27
      CSS/themes/kitana/dark.css
  87. 27
      CSS/themes/kitana/hotline.css
  88. 190
      CSS/themes/kitana/kitana-base.css
  89. 27
      CSS/themes/kitana/organizr-dark.css
  90. 27
      CSS/themes/kitana/plex.css
  91. 27
      CSS/themes/kitana/space-gray.css
  92. 24
      CSS/themes/lazylibrarian/organizr-dark.css
  93. 1705
      CSS/themes/lidarr/lidarr-base.css
  94. 31
      CSS/themes/lidarr/organizr-dark.css
  95. 21
      CSS/themes/logarr/organizr-dark.css
  96. 21
      CSS/themes/monitorr/organizr-dark.css
  97. 20
      CSS/themes/netdata/organizr-dark.css
  98. 2
      CSS/themes/nzbget/nzbget-base.css
  99. 21
      CSS/themes/nzbget/organizr-dark.css
  100. 1
      CSS/themes/nzbhydra2/aquamarine.css

3
.github/pull_request_template.md

@ -0,0 +1,3 @@
## Thank you for the PR!
### Please remember to add a before and after screenshot(s) on any css changes!

8
CSS/addons/organizr/glass/README.md

@ -1,7 +1,9 @@
# Organizr - Glass addon
## Installation
* [Full](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#Full)
* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen)
* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen-only)
@ -17,7 +19,7 @@
## Full
1. Set the Organizr theme to either Aquamarine or Hotline.
1. Set the Organizr theme to either Aquamarine, Hotline or Space Gray
2. Import the `glass-base.css` and root variables in the Custom Theme CSS box like below.
Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr
@ -83,7 +85,7 @@ Here are the other theme colors if you want to use that instead:
--div-background-color-35: rgba(0, 0, 0, 0.45);
```
## Login - Lockscreen
## Login - Lockscreen only
If you just want the login and lockscreen css, just add this in custom CSS:

54
CSS/addons/radarr/README.md

@ -0,0 +1,54 @@
# Radarr 4K logo
Add a 4K logo to your Radarr css.
### Desktop
![](desktop.png)
![](v3-desktop.png)
### Mobile
![](mobile.png)
![](v3-mobile.png)
## Setup
#### Nginx
Examples of how to add it:
```nginx
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
</head>';
sub_filter_once on;
```
#### Apache
```nginx
AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
</head>';|'
```
#### Caddy
```nginx
filter rule {
content_type text/html.*
search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css'></head>"
}
```
#### Stylus
Just add another import line.
```css
@import "https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css";
@import "https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css";
```

BIN
CSS/addons/radarr/desktop.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 46 KiB

BIN
CSS/addons/radarr/mobile.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 790 KiB

73
CSS/addons/radarr/radarr-4k-logo.css

@ -0,0 +1,73 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
display: inline-block;
width: 128px;
height: 128px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
/* Mobile */
@media (max-width: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
/* Radarr V3*/
@media (min-width: 752px) {
.PageHeader-logoFull-2z6pD {
display: none !important;
}
.PageHeader-logoContainer-3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k-v3.png");
display: inline-block;
width: 148px;
height: 48px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
.PageHeader-logo-2y8vm {
display: none !important;
}
.PageHeader-logoContainer-3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-v3-mobile.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

BIN
CSS/addons/radarr/radarr-v3-mobile.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 167 KiB

BIN
CSS/addons/radarr/radarr4k-v3.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

BIN
CSS/addons/radarr/radarr4k.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 52 KiB

BIN
CSS/addons/radarr/v3-desktop.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

BIN
CSS/addons/radarr/v3-mobile.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 122 KiB

54
CSS/addons/sonarr/README.md

@ -0,0 +1,54 @@
# Sonarr 4K logo
Add a 4K logo to your Sonarr css.
### Desktop
![](desktop.png)
![](v3-desktop.png)
### Mobile
![](mobile.png)
![](v3-mobile.png)
## Setup
#### Nginx
Examples of how to add it:
```nginx
proxy_set_header Accept-Encoding "";
sub_filter
'</head>'
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css">
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
</head>';
sub_filter_once on;
```
#### Apache
```nginx
AddOutputFilterByType SUBSTITUTE text/html
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
</head>';|'
```
#### Caddy
```nginx
filter rule {
content_type text/html.*
search_pattern </head>
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>"
}
```
#### Stylus
Just add another import line.
```css
@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css";
@import "https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css";
```

BIN
CSS/addons/sonarr/desktop.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 28 KiB

BIN
CSS/addons/sonarr/mobile.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 24 KiB

95
CSS/addons/sonarr/sonarr-4k-logo.css

@ -0,0 +1,95 @@
/* Desktop */
@media (min-width: 752px) {
.navbar-brand>img {
display:none !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 128px;
height: 128px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
/* Mobile */
@media (max-width: 1200px) {
.navbar-brand .visible-xs img, .logo-text {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 64px;
height: 64px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
@media (max-width: 767px) {
.navbar-brand .visible-xs img {
display: none !important;
}
.navbar-brand .visible-xs {
display: inline !important;
}
.navbar > .container-fluid .navbar-brand:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
margin-bottom: -12px;
}
}
/* Sonarr V3*/
@media (min-width: 752px) {
.PageHeader\/logo\/2y8vm {
display: none !important;
}
.PageHeader\/logoContainer\/3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}
@media (max-width: 767px) {
.PageHeader\/logo\/2y8vm {
display: none !important;
}
.PageHeader\/logoContainer\/3bOb3:before {
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
display: inline-block;
width: 32px;
height: 32px;
content:"";
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}
}

BIN
CSS/addons/sonarr/sonarr-4k.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB

BIN
CSS/addons/sonarr/v3-desktop.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 16 KiB

BIN
CSS/addons/sonarr/v3-mobile.png

Binary file not shown.

After

Width:  |  Height:  |  Size: 42 KiB

460
CSS/themes/adguard/adguard-base.css

@ -0,0 +1,460 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
body {
background: var(--main-bg-color);
color: var(--text) !important;
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
height: 100%;
background: var(--main-bg-color)
}
}
body *::-webkit-scrollbar-thumb {
background: hsla(0,0%,100%,.2);
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .5);
background-clip: padding-box;
}
/* TEXT */
a {
color: var(--text)
}
a:hover {
color: var(--accent-color-hover);
}
a:-webkit-any-link:focus {
outline: none;
}
/* LOGIN PAGE */
.login .login__form .text-center .h-6 {
filter: invert(1);
}
.login__form .card {
background: rgba(0, 0, 0, 0.08);
border: 1px solid rgb(0 0 0 / 0.08);
}
.login .btn-success:hover {
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
color: var(--text-hover);
}
.login .btn-link {
color: var(--text);
}
.login .btn-link:hover {
color: var(--text-hover);
}
.form__message--error {
color: #F44336;
}
/* HEADER */
.header {
background: transparent;
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
}
.header-brand-img {
filter: invert(1);
}
.header .btn-outline-secondary {
color: var(--text);
background: var(--button-color);
border-color: var(--button-color);
}
.header .btn-outline-secondary:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
}
.nav-tabs .nav-link.active {
border-color: var(--accent-color);
color: var(--accent-color);
background: transparent;
}
.header .nav-tabs .nav-link.active:hover {
border-color: var(--accent-color-hover) !important;
color: var(--accent-color-hover) !important;
}
.header a:not([href]):not([tabindex]) {
color: var(--text);
text-decoration: none;
}
.header .nav-tabs {
color: var(--text);
}
.header .nav-tabs .nav-link:hover:not(.disabled) {
border-color: var(--text-hover);
color: var(--text-hover);
}
/* FOOTER */
.footer {
background: rgba(0, 0, 0, 0.08);
border-top: 1px solid rgba(255, 255, 255, 0.03);
color: var(--text);
}
.footer a:not(.btn) {
color: var(--text);
}
.footer .btn-outline-primary {
color: var(--button-color);
background-color: transparent;
background-image: none;
border-color: var(--button-color);
}
.footer .btn-outline-primary:hover {
color: var(--text);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
/* MAIN PAGE */
.header__row .mobile-menu {
background-color: transparent;
}
/* BUTTONS */
.container .btn-outline-primary {
color: var(--text);
background-color: var(--button-color);
background-image: none;
border-color: var(--button-color);
}
.container .btn-outline-primary:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.tooltip-container {
background: var(--tooltip-bg);
}
/* CARDS*/
.card {
background-color: rgb(255 255 255 / 8%);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text);
}
.tooltip-custom__container {
background: var(--tooltip-bg);
}
.tooltip-custom__content-link {
color: var(--tooltip-link-color);
}
.card-wrap,
.card-title-stats {
color: inherit;
}
.card-title-stats a {
text-decoration: underline;
}
.card-title-stats a:hover {
text-decoration: underline;
color: var(--accent-color-hover);
}
.card .icon--lightgray {
color: var(--text);
}
.card .logs__text {
color: var(--text);
}
.card .button__action {
background-color: transparent;
}
.card .btn-outline-danger {
color: #F44336;
background-color: transparent;
background-image: none;
border-color: #F44336;
}
.btn-outline-danger:hover {
color: #fff;
background-color: #F44336;
border-color: #F44336;
}
/* DROPDOWNS */
.dropdown-menu {
color: var(--text);
background: var(--modal-bg-color);
background-clip: padding-box;
border: 1px solid rgba(0, 40, 100, 0.12);
border-radius: 3px;
}
.dropdown-item {
color: var(--text);
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--text-hover);
text-decoration: none;
background-color: rgb(255 255 255 / 0.08);
}
.select__menu {
background: var(--modal-bg-color) !important;
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
}
.select__option:hover {
background: rgba(255, 255, 255, .08) !important;
}
.select__option {
background: rgba(0, 0, 0, 0) !important;
border-bottom: solid rgba(255, 255, 255, .1) 1px;
}
.select__multi-value__remove {
color: black;
}
.basic-multi-select .select__control--is-focused, .basic-multi-select .select__control--is-focused:hover {
border-color: transparent !important;
}
/* SETTINGS */
.checkbox__label-subtitle,
.form__desc,
.page-subtitle,
.card-title small,
.card-subtitle {
color: var(--text);
}
.dropdown-item.active,
.dropdown-item:active {
background-color: rgb(0 0 0 / 25%);
}
.service__icon {
color: #eee;
}
/* LOGS */
.logs__table {
background-color: rgb(255 255 255 / 8%);
}
.logs__text,
.logs__row .list-unstyled li,
.detailed-info,
.icon--lightgray,
.icon--gray,
.loading__text {
color: var(--text)
}
.rt-tr-group.red {
background-color: rgb(244 67 54 / 30%);
}
.rt-tr-group.blue {
background-color: rgb(54 146 244 / 30%);
}
.ReactTable .rt-noData {
background: transparent;
}
.ReactTable .-loading,
.ReactTable .-loading>div {
background: rgba(255, 255, 255, 0.5);
}
.loading:before {
background-color: transparent;
}
.custom-select:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
/* FORMS */
.form-control--transparent {
color: var(--text);
}
.form-control--search {
outline: none;
}
.form-control:focus {
border-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
background: #ffffff !important;
}
.icon--selected {
background-color: rgb(255 255 255 / 15%);
border: solid 1px transparent;
}
.tab__control,
.tab__control--active {
color: var(--text);
}
/* BUTTONS */
.btn-outline-secondary {
color: #c9c9c9;
border-color: #c9c9c9;
}
.btn-success,
.btn-success.disabled,
.btn-success:disabled {
background-color: var(--button-color);
border-color: var(--button-color);
color: var(--text);
}
.btn-success:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-success:focus,
.btn-success.focus {
-webkit-box-shadow: none;
box-shadow: none;
}
.btn-secondary {
color: var(--text);
background-color: rgb(255 255 255 / 25%);
border-color: rgb(255 255 255 / 0%);
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
}
.btn-secondary:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: transparent;
}
/* MODALS */
.modal-content {
background: var(--modal-bg-color);
}
.ReactModal__Overlay--after-open {
background-color: rgb(0 0 0 / 0.7) !important;
}
/* MOBILE */
@media (max-width: 767px) {
.mobile-menu {
background: #1b1b1b !important;
}
.dropdown-menu {
background: #1f1f1f !important;
}
.ReactModal__Content {
background: var(--modal-bg-color) !important;
border: 1px solid transparent !important;
}
}
@media (max-width: 991px) {
.mobile-menu {
background: #1b1b1b !important;
}
.dropdown-menu {
background: #1f1f1f !important;
}
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text);
}
:-moz-placeholder {
color: var(--text);
}
:-ms-input-placeholder {
color: var(--text);
}
::-webkit-input-placeholder {
color: var(--text);
}

28
CSS/themes/adguard/aquamarine.css

@ -0,0 +1,28 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* ADGUARD AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #009688;
--accent-color-hover: #12afa0;
--tooltip-bg: #009688;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}

28
CSS/themes/adguard/dark.css

@ -0,0 +1,28 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* ADGUARD DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
--tooltip-bg: #1f1f1f;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}

28
CSS/themes/adguard/hotline.css

@ -0,0 +1,28 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* ADGUARD HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--tooltip-bg: #F44336;
--tooltip-link-color: #0b3161;
--text: #eee;
--text-hover: #fff;
}

28
CSS/themes/adguard/organizr-dark.css

@ -0,0 +1,28 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* ADGUARD ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
--tooltip-bg: #1b1b1b;
--tooltip-link-color: #2cabe3;
--text: #eee;
--text-hover: #fff;
}

28
CSS/themes/adguard/plex.css

@ -0,0 +1,28 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* ADGUARD PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--tooltip-bg: #1f1f1f;
--tooltip-link-color: #e5a00d;
--text: #eee;
--text-hover: #fff;
}

28
CSS/themes/adguard/space-gray.css

@ -0,0 +1,28 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* ADGUARD SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
: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;
--tooltip-bg: #607D8B;
--tooltip-link-color: #f1c40f;
--text: #eee;
--text-hover: #fff;
}

5
CSS/themes/bazarr/aquamarine.css

@ -16,4 +16,9 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #009688;
--accent-color-hover: #12afa0;
}

1561
CSS/themes/bazarr/bazarr-base.css

File diff suppressed because it is too large

5
CSS/themes/bazarr/dark.css

@ -16,4 +16,9 @@
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
}

5
CSS/themes/bazarr/hotline.css

@ -16,4 +16,9 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
}

24
CSS/themes/bazarr/organizr-dark.css

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BAZARR ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}

5
CSS/themes/bazarr/plex.css

@ -16,4 +16,9 @@
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
}

5
CSS/themes/bazarr/space-gray.css

@ -16,4 +16,9 @@
: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;
}

26
CSS/themes/bitwarden/aquamarine.css

@ -0,0 +1,26 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BITWARDEN AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

176
CSS/themes/bitwarden/bitwarden-base.css

@ -0,0 +1,176 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
img.logo {
filter: invert(100);
}
body.layout_frontend,body {
background: var(--main-bg-color);
color: var(--text);
}
/* LINKS */
a {
color: var(--link-color);
}
a:hover {
color: var(--link-color);
opacity: .8;
}
/* TEXT */
.text-muted,.form-check-block .form-check-label > small,.modal-header small, .table {
color: var(--text) !important;
opacity: .8;
}
.table-hover tbody tr:hover {
color: var(--text-hover);
background-color: rgba(255, 255, 255, .08);
}
h3 {
color:white !important;
}
/* NAVBAR */
.navbar {
background-color: rgb(0 0 0 / 25%) !important;
}
/* CARDS */
.card {
background-color: rgba(255,255,255,0.07);
}
app-vault-groupings .card .card-body a {
color: var(--text);
}
app-vault-groupings .card li.active > a:first-of-type, app-vault-groupings .card li.active > div a:first-of-type,app-vault-groupings .card li.active > div > .fa {
color: var(--accent-color);
}
body > app-root > app-user-layout > app-tools > div > div > div.col-9 > app-password-generator > div.card.card-password.bg-light.my-4 {
background-color: rgb(0 0 0 / 15%) !important;
}
.password-number {
color: var(--accent-color);
}
/* MODALS */
.modal-content,.modal-footer {
background: var(--modal-bg-color);
}
.close, .close:hover {
color: #fff;
}
.close:focus {
outline: none;
}
/* FORMS */
.form-control:focus {
box-shadow: none;
border-color: transparent;
}
.form-control {
color: var(--text);
background-color: rgb(0 0 0 / 0.25);
border: 1px solid transparent;
}
.form-control:disabled, .form-control[readonly] {
background-color: rgb(255 255 255 / 50%);
opacity: 1;
}
/* DROPDOWN MENU */
.dropdown-menu {
background: var(--modal-bg-color);
border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
}
.dropdown-item,.dropdown-item-text {
color: var(--text);
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--text-hover);
text-decoration: none;
background-color: rgb(255 255 255 / 0.08);
}
a.text-danger:hover, a.text-danger:focus {
color: #dd4b39 !important;
background-color: rgb(255 255 255 / 0.08) !important;
}
.dropdown-menu .text-danger {
font-weight: bold !important;
background: rgb(0 0 0 / 20%) !important;
}
/* SETTINGS */
.list-group-item.active {
color: var(--text);
background-color: rgb(255 255 255 / 10%);
border-left: 3px solid var(--accent-color);
}
.callout {
background-color: rgb(255 255 255 / 15%);
}
.list-group-item {
background-color: rgb(0 0 0 / 25%);
border: 1px solid rgb(255 255 255 / 8%);
}
/* BUTTONS */
.btn-link {
color: var(--button-color);
}
.btn-link:hover {
color: var(--button-color);
opacity: .8;
transition: 0.15s;
}
.btn-primary {
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
background-color: var(--button-color);
opacity: .8;
transition: 0.15s;
border-color: var(--button-color)
}
.btn-primary:focus, .swal2-popup .swal2-actions button.swal2-confirm:focus, .btn-primary.focus, .swal2-popup .swal2-actions button.focus.swal2-confirm,
.btn-primary:not(:disabled):not(.disabled):active:focus, .swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-confirm:focus{
box-shadow: none;
}
.btn[class*="btn-outline-"]:not(:hover), .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover) {
border-color: var(--button-color);
background-color: var(--button-color);
color: var(--text-hover);
}
.btn-outline-secondary:hover, .swal2-popup .swal2-actions button.swal2-cancel:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-outline-secondary:hover:not(:disabled), .swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
color: var(--text-hover);
}
.btn-outline-primary:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
color: #fff;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
box-shadow: none;
}
.btn-outline-secondary:not(:disabled):not(.disabled):active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-cancel {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}

26
CSS/themes/bitwarden/dark.css

@ -0,0 +1,26 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BITWARDEN DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

26
CSS/themes/bitwarden/hotline.css

@ -0,0 +1,26 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BITWARDEN HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

26
CSS/themes/bitwarden/organizr-dark.css

@ -0,0 +1,26 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BITWARDEN ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #2cabe3;
}

26
CSS/themes/bitwarden/plex.css

@ -0,0 +1,26 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BITWARDEN PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

26
CSS/themes/bitwarden/space-gray.css

@ -0,0 +1,26 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* BITWARDEN SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
: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: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

9
CSS/themes/calibreweb/calibreweb-base.css

@ -15,17 +15,20 @@
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
body:not(.read-frame) {
background: var(--color-background) !important;
background: var(--main-bg-color) !important;
background-image: none;
}
.blur-wrapper:after {
background: var(--modal-bg-color) !important;
}
body>.container-fluid {
background: var(--main-bg-color);
}
body.login:not(.read-frame), body.shelfcreate, body.shelfedit {
background: var(--color-background) !important;
background: var(--main-bg-color) !important;
}
@media only screen and (max-width: 767px) {
.navbar-collapse.collapse {
background: var(--modal-bg-color) !important;
}
}
}

24
CSS/themes/calibreweb/organizr-dark.css

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* CALIBRE-WEB ORGANIZR-DARK THEME */
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--color-primary: #2cabe3;
--color-secondary: #2cabe3;
--color-secondary-hover: rgb(44 171 227 / .8);
--color-background-mobile: #1f1f1f;
}

4
CSS/themes/deluge/aquamarine.css

@ -16,5 +16,7 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #4c95af;
--progress-color: #009688;
--button-color: #009688;
--button-color-hover: #12afa0;
}

6
CSS/themes/deluge/dark.css

@ -16,5 +16,7 @@
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--progress-color: #3d3d3d;
}
--progress-color: #3d3d3d;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

11
CSS/themes/deluge/deluge-base.css

@ -671,28 +671,31 @@
font-size: 16px;
font-weight: normal;
}
#tbar-deluge-text * {
color: white !important;
}
/* Buttons hover */
.x-btn{
font:normal 11px 'Roboto', tahoma, verdana, helvetica;
}
.x-window-bc .x-window-footer .x-btn {
background-color: rgba(255, 255, 255, 0.08);
background-color: var(--button-color);
}
.x-window-bc .x-window-footer .x-btn:hover {
background-color: rgba(255, 255, 255, 0.15);
background-color: var(--button-color-hover);
}
.x-form-file-wrap .x-btn {
position: absolute;
right: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.08);
background: var(--button-color);
}
.x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover {
position: absolute;
right: 0;
z-index: 1;
background: rgba(255, 255, 255, 0.15);
background: var(--button-color-hover);
}
.x-btn button{

4
CSS/themes/deluge/hotline.css

@ -16,5 +16,7 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #df6c4c;
--progress-color: #df6c4c;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

22
CSS/themes/deluge/organizr-dark.css

@ -0,0 +1,22 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DELUGE ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--progress-color: #2cabe3;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

4
CSS/themes/deluge/plex.css

@ -17,4 +17,6 @@
--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;
--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;
--progress-color: #cc7b19;
}
--button-color: #cc7b19;
--button-color-hover: #e59029;
}

2
CSS/themes/deluge/space-gray.css

@ -17,4 +17,6 @@
--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;
--progress-color: #607D8B;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
}

27
CSS/themes/duplicacy/aquamarine.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DUPLICACY AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

27
CSS/themes/duplicacy/dark.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DUPLICACY DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

566
CSS/themes/duplicacy/duplicacy-base.css

@ -0,0 +1,566 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
body {
background: var(--main-bg-color);
}
a {
color: var(--link-color);
}
a:hover {
color: #fff;
}
a.disabled-link {
color: #666;
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
height: 100%;
background: var(--main-bg-color)
}
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .5);
background-clip: padding-box;
}
/* TEXT */
body,
.card,
.category,
.card label,
.card .labels p,
.card .title,
.card .stats,
.vis-time-axis .vis-text,
.footer .copyright,
.navbar-default .navbar-brand,
.sidebar .nav li>a,
.off-canvas-sidebar .nav li>a {
color: var(--text) !important;
}
.main-panel {
background: var(--main-bg-color);
}
.content .card {
box-shadow: none;
}
.text-danger {
color: #f05050;
}
.text-danger:hover {
color: #ec2626;
}
.text-primary {
color: var(--accent-color);
}
.text-primary:hover {
color: var(--accent-color-hover);
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-moz-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-ms-input-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
::-webkit-input-placeholder {
color: var(--text) !important;
opacity: .5;
}
/* CARDS */
.card {
background: transparent
}
.col-sm-6 .card,
.col-md-12 .card {
background: transparent !important;
}
.card-container,
.col-xs-4 .card,
.col-xs-12 .card,
.col-xs-8 .card {
background: rgb(255 255 255 / 8%) !important;
}
#schedule-0,
#schedule-1,
#schedule-2,
#schedule-3,
#schedule-4,
#schedule-5,
#schedule-6,
#schedule-7,
#schedule-8,
#schedule-9,
#schedule-10,
#schedule-11,
#schedule-12,
#schedule-13,
#schedule-14,
#schedule-15,
#schedule-16,
#schedule-17,
#schedule-18,
#schedule-19,
#schedule-20 {
background-color: rgb(255 255 255 / 8%);
}
/* TIMELINE */
.vis-timeline {
border: 1px solid rgb(255 255 255 / 20%);
}
/* CHARTS */
.ct-label {
fill: var(--text);
color: var(--text);
}
.ct-grid {
stroke: var(--text);
}
.tab-content {
border-color: transparent !important;
}
.vis-labelset .vis-label .vis-inner {
color: var(--text);
}
/* STORAGE PAGE */
.card .nav-tabs>li.active>a,
.card .nav-tabs>li.active>a:focus,
.card .nav-tabs>li.active>a:hover {
color: var(--text);
cursor: default;
background-color: rgba(0, 0, 0, .25);
border: 1px solid rgba(255, 255, 255, .25);
border-bottom-color: #eee;
border-radius: 6px 6px 0 0;
}
.card .nav>li>a:hover,
.card .nav>li>a:focus {
background-color: rgba(255, 255, 255, .07);
border: 1px solid transparent;
}
/* NAVBAR */
.navbar-default .navbar-toggle .icon-bar {
background-color: var(--text);
}
.navbar-default {
background-color: rgb(0 0 0 / 26%);
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
/* SIDEBAR */
.sidebar[data-background-color="black"]:after,
.sidebar[data-background-color="black"]:before,
.off-canvas-sidebar[data-background-color="black"]:after,
.off-canvas-sidebar[data-background-color="black"]:before {
background: rgb(0 0 0 / 10%);
}
.sidebar .nav li.active>a:before,
.sidebar .nav li.active>a:after {
border-right: 17px solid var(--accent-color);
}
@media (min-width: 992px) {
.off-canvas-sidebar .nav li.active>a:before,
.off-canvas-sidebar .nav li.active>a:after {
border-right: 17px solid var(--accent-color);
}
}
.sidebar[data-active-color="success"] .nav li.active>a,
.off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
color: var(--accent-color) !important;
}
.sidebar .nav li>a:hover {
color: var(--text-hover) !important;
}
.sidebar .sidebar-wrapper {
box-shadow: none;
}
/* MODAL */
.modal-content {
background: var(--modal-bg-color);
border: 1px solid transparent;
}
.modal-header {
border-bottom: 1px solid rgb(255 255 255 / 25%);
}
.modal-footer {
border-top: 1px solid rgb(255 255 255 / 25%);
}
.modal-body .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
color: var(--text);
cursor: default;
background-color: rgba(0, 0, 0, .25);
border: 1px solid transparent;
border-bottom-color: transparent;
}
.modal-body .nav>li>a:hover,
.nav>li>a:focus {
background-color: transparent;
}
.modal-body .nav-tabs>li.active>a:hover {
background-color: rgba(0, 0, 0, .25);
border: 1px solid transparent;
}
.modal-body .nav-tabs>li>a:hover {
border-color: #fff3 #fff3 #fff3;
color: var(--text-hover)
}
.modal-body .nav-tabs>li>a {
color: var(--text)
}
#modal_storage_info_tab_content {
border: none !important;
}
.modal-body .nav .open>a,
.nav .open>a:focus,
.nav .open>a:hover {
background-color: rgb(0 0 0 / 25%);
border-color: transparent;
}
/* DROPDOWN */
.dropdown-menu {
background: var(--modal-bg-color);
}
.dropdown a {
color: var(--text) !important;
}
.dropdown a:hover {
color: var(--text-hover) !important;
}
/* FORMS */
.form-control.border-input {
border: 1px solid transparent;
}
.form-control,
textarea {
background-color: rgba(0, 0, 0, .25);
color: var(--text);
}
.form-control:focus {
background-color: rgb(0 0 0 / 50%);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
background-color: rgba(0, 0, 0, .15);
}
#input_s3_provider:focus,
#schedule_frequency:focus,
#modal_restore_storage:focus,
#modal_restore_id:focus,
#modal_restore_revision:focus,
#job_type:focus,
#job_repository:focus,
#backup_storage:focus,
#administration_expiration:focus {
background: white;
color: black;
}
.form-check-label {
word-break: break-word;
}
/* BUTTONS */
.btn {
color: var(--button-text);
border-width: 1px;
border-radius: 4px;
}
.main-panel .btn:hover,
.main-panel .btn:focus {
background: transparent;
}
.timepicker-spinner .btn:hover,
.timepicker-spinner .btn:focus {
background-color: rgba(255, 255, 255, .08);
color: var(--text-hover);
border: 1px solid transparent;
}
.timepicker-spinner .btn {
border: 1px solid transparent;
}
.timepicker-spinner .input-group-btn-vertical {
border-left: 1px solid transparent;
}
.btn-info.btn-fill {
color: var(--button-text);
background-color: var(--button-color);
border: var(--button-color);
}
.btn-info.btn-fill:hover,
.btn-info.btn-fill:active,
.btn-info.btn-fill.active,
.btn-info.btn-fill:focus {
background: var(--button-color-hover);
border: var(--button-color-hover);
}
.btn-primary {
border-color: var(--button-color);
background: var(--button-color);
color: var(--button-text);
}
.btn-primary:focus,
.btn-primary:active:focus {
border-color: var(--button-color-hover);
color: var(--text-hover);
background-color: var(--button-color-hover);
}
.btn-primary:hover {
border-color: var(--button-color-hover);
color: var(--text-hover);
background-color: var(--button-color-hover);
}
.btn-primary.btn-fill {
color: var(--button-text);
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-primary.btn-fill:hover {
color: var(--text-hover);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
div>div>div.modal-footer>button.btn.btn-default.pull-left,
.navbar .navbar-nav>li>a.btn-danger.btn-fill,
.btn-danger.btn-fill {
border-color: #f05050;
background-color: #f05050;
color: var(--button-text);
}
div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover,
.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus,
.btn-danger.btn-fill:hover,
.btn-danger.btn-fill:focus {
border-color: #ec2626;
color: var(--text-hover);
background-color: #ec2626;
}
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
border-color: #f05050;
background-color: #f05050;
color: var(--button-text);
}
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
border-color: #ec2626;
color: var(--text-hover);
background-color: #ec2626;
}
.close {
color: #fff
}
.navbar .navbar-nav>li>a.btn-success,
.btn-success {
border-color: var(--button-color);
color: var(--button-color);
}
.navbar .navbar-nav>li>a.btn-success:hover,
.navbar .navbar-nav>li>a.btn-success:focus,
.navbar .navbar-nav>li>a.btn-success:active,
.navbar .navbar-nav>li>a.btn-success.active,
.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle,
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open>.btn-success.dropdown-toggle {
background-color: var(--button-color-hover);
color: var(--text-hover);
border-color: var(--button-color-hover);
}
.radio-box input:checked~.radio-button {
background-color: var(--button-color);
}
/* TABLES */
.table>tbody>tr.active>td,
.table>tbody>tr.active>th,
.table>tbody>tr>td.active,
.table>tbody>tr>th.active,
.table>tfoot>tr.active>td,
.table>tfoot>tr.active>th,
.table>tfoot>tr>td.active,
.table>tfoot>tr>th.active,
.table>thead>tr.active>td,
.table>thead>tr.active>th,
.table>thead>tr>td.active,
.table>thead>tr>th.active,
.row-clickable.active {
background-color: rgb(0 0 0 / 25%);
}
.fixed-header th {
background: var(--main-bg-color);
}
.table thead tr>th,
.table thead tr>td,
.table tbody tr>th,
.table tbody tr>td,
.table tfoot tr>th,
.table tfoot tr>td,
hr {
border-top: 1px solid rgb(255 255 255 / 20%);
}
.list-group-item {
background-color: transparent;
}
.list-group-item.active,
.list-group-item.active:focus,
.list-group-item.active:hover {
background-color: var(--accent-color);
border-color: var(--accent-color);
}
/* PROGRESS BARS */
.progress {
background-color: rgba(0, 0, 0, 0.25);
}
.progress-bar {
background-color: var(--accent-color);
}
.progress span {
color: var(--text-hover);
}
/* FOOTER */
.main-panel>.footer {
background: rgb(0 0 0 / 0.25);
}
/* MOBILE */
@media (max-width: 991px) {
.off-canvas-sidebar .sidebar-wrapper {
box-shadow: 0 0 10px 0px #000000;
background: var(--modal-bg-color);
}
.off-canvas-sidebar .nav li.active>a:before,
.off-canvas-sidebar .nav>li.active>a:after {
border-left: 17px solid var(--accent-color);
}
}

27
CSS/themes/duplicacy/hotline.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DUPLICACY HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

27
CSS/themes/duplicacy/organizr-dark.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DUPLICACY ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text:#96a2b4;
--text-hover: #fff;
--link-color: #2cabe3;
}

27
CSS/themes/duplicacy/plex.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DUPLICACY PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

27
CSS/themes/duplicacy/space-gray.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* DUPLICACY SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
: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;
--button-text: #eee;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

23
CSS/themes/filebrowser/organizr-dark.css

@ -0,0 +1,23 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* FILEBROWSER ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}

25
CSS/themes/gaps/aquamarine.css

@ -0,0 +1,25 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GAPS AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #009688;
--accent-color-hover: #12afa0;
--text: #eee;
--text-hover: #fff;
}

25
CSS/themes/gaps/dark.css

@ -0,0 +1,25 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GAPS DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
}

199
CSS/themes/gaps/gaps-base.css

@ -0,0 +1,199 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
body {
background: var(--main-bg-color);
color: var(--text);
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
height: 100%;
background: var(--main-bg-color)
}
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0,0%,100%,.5);
background-clip: padding-box;
}
a {
color: var(--accent-color);
}
a:hover {
color: var(--accent-color-hover);
text-decoration: underline;
}
.text-primary {
color: var(--text)!important;
}
.text-muted {
color: var(--text)!important;
opacity: .8;
}
/* Header */
.bg-primary {
background-color: transparent !important;
background: rgba(0, 0, 0, .25) !important;
}
.navbar .list-ul-active,.info-circle-active, .arrow-clockwise-active, .gear-active, .rss-active, .exclamation-triangle-active, .collection-fill-active {
background-color: var(--accent-color);
}
.bg-primary .navbar-nav .active>.nav-link {
color: var(--accent-color) !important;
}
/* Tables */
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable tbody tr {
background-color: rgba(0, 0, 0, .25);
}
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
background-color: rgba(0, 0, 0, .25);
}
table.dataTable thead th, table.dataTable thead td {
border-bottom: 1px solid #00000000;
}
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
border-top: 1px solid rgb(255 255 255 / 10%);
}
/* Pagination */
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
color: var(--text) !important;
border: 1px solid transparent;
background: rgba(0, 0, 0, .25);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
color: var(--text-hover) !important;
border: 1px solid transparent;
background: rgba(255, 255, 255, .08);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
outline: none;
}
/* Cards */
.card {
background: transparent;
color: var(--text);
border: 1px solid rgba(0,0,0,0);
}
.card .text-muted {
color: var(--text) !important;
}
#movies .card img {
height: 200px !important;
width: auto !important;
}
.card-text .text-info {
color: var(--accent-color) !important;
}
/* Buttons */
.btn-primary, .btn-info {
color: #fff;
background-color: var(--button-color) !important;
border-color: var(--button-color) !important;
}
.btn-primary:active, .btn-info:active {
box-shadow: none !important;
}
.btn-primary:hover, .btn-info:hover {
background-color: var(--button-color-hover) !important;
border-color: var(--button-color-hover) !important;
}
.btn-secondary {
color: #fff;
background-color: var(--button-color);
border-color: var(--button-color);
}
.btn-secondary:hover {
color: #fff;
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
/* Settings */
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
color: var(--text);
background-color: rgba(255, 255, 255, .1);
border-color: transparent;
}
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
background-color: rgba(0, 0, 0, .25);
border-color: transparent;
}
.nav-tabs .nav-link.active:hover {
background-color: rgba(255, 255, 255, .1);
}
.badge-primary {
color: var(--text);
background-color: var(--accent-color);
}
#plexServers .card-header {
background-color: rgba(255, 255, 255, .1);
}
#plexServers .border-secondary {
border-color: #0000 !important;
}
#plexServers .list-group-item {
background-color: rgba(0, 0, 0, .25);
border: none;
}
#plexServers .card-footer {
background-color: rgb(0 0 0 / 25%);
}
.dropdown-menu {
color: var(--text);
background: var(--modal-bg-color);
border: 1px solid transparent;
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
}
.dropdown-item:hover, .dropdown-item:focus {
color: var(--text-hover);
text-decoration: none;
background-color: rgba(255, 255, 255, .08);
}
/* Input */
[type="search"] {
outline-offset: -2px;
-webkit-appearance: none;
outline: none;
border: none;
border-radius: 5px;
}
button, select {
text-transform: none;
outline: none;
}

25
CSS/themes/gaps/hotline.css

@ -0,0 +1,25 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GAPS HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
}

25
CSS/themes/gaps/organizr-dark.css

@ -0,0 +1,25 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GAPS ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
--text: #eee;
--text-hover: #fff;
}

25
CSS/themes/gaps/plex.css

@ -0,0 +1,25 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GAPS PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
}

25
CSS/themes/gaps/space-gray.css

@ -0,0 +1,25 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GAPS SPACE-GRAY THEME */
@import url(https://gflix.app/theme.park/CSS/themes/gaps/gaps-base.css);
: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;
--text: #eee;
--text-hover: #fff;
}

27
CSS/themes/gitea/aquamarine.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GITEA AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

27
CSS/themes/gitea/dark.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GITEA DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #646464;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #b7b7b7;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

757
CSS/themes/gitea/gitea-base.css

@ -0,0 +1,757 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
body {
background: var(--main-bg-color);
}
a,
.home a,
.ui.user.list .item .description a,
.ui.breadcrumb a,
.repository .labelspage .item a {
color: var(--link-color);
}
a:hover,
.ui.user.list .item .description a:hover,
.ui.breadcrumb a:hover,
.repository .labelspage .item a:hover {
color: #fff;
}
* {
outline: none;
}
/* Scrollbar */
@media only screen and (min-width: 768px) {
html {
height: 100%;
width: 100%;
overflow: hidden;
}
body {
overflow-y: auto;
height: 100%;
background: var(--main-bg-color)
}
}
::-webkit-scrollbar {
width: 14px;
}
::-webkit-scrollbar-thumb {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .2);
background-clip: padding-box;
}
::-webkit-scrollbar-track {
background-color: transparent;
}
::-webkit-scrollbar-thumb:hover {
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background-color: hsla(0, 0%, 100%, .5);
background-clip: padding-box;
}
/* TEXT */
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
/*strong,*/
footer,
.ui.list>.item .description,
.issue.list>.item .title,
.ui.accordion .title:not(.ui),
.ui.checkbox label,
.ui.header,
.ui .text.black,
.ui.header .sub.header,
.ui.form .inline.field>label,
.form .help,
.ui.form .field>label,
.ui.form .inline.field>label,
.ui.form .inline.field>p,
.ui.form .inline.fields .field>label,
.ui.form .inline.fields .field>p,
.ui.form .inline.fields>label,
.ui.dropdown .menu>.message:not(.ui) {
color: var(--text);
}
/* TEXT HOVER */
b:hover,
.issue.list>.item .title:hover {
color: var(--text-hover);
}
/* NAVBAR */
.following.bar.light {
background-color: transparent;
border-bottom: 1px solid transparent;
box-shadow: none;
}
.ui.menu .item {
color: var(--text)
}
.following.bar.light.ui.secondary.menu .active.item,
.following.bar.lightui.secondary.menu .active.item:hover {
box-shadow: none;
background: rgba(0, 0, 0, .25) !important;
color: var(--accent-color);
}
.ui.secondary.menu .dropdown.item:hover,
.ui.secondary.menu .link.item:hover,
.ui.secondary.menu a.item:hover {
background: rgb(255 255 255 / 0.08);
color: var(--text-hover);
}
/* UI */
.ui.attached.segment {
border: 1px solid transparent;
}
.ui.segment {
background: rgb(255 255 255 / 8%) !important;
}
.ui.attached.header {
background: rgb(0 0 0 / 25%);
border: 1px solid transparent;
}
.explore .navbar {
background-color: rgb(0 0 0 / 25%) !important;
}
.ui .warning.header {
background-color: #f9edbe !important;
color: black !important;
}
.ui.red.message p,
.ui.red.message strong {
color: #db2828 !important;
}
/* SIGN IN NAV BAR*/
.ui.menu.new-menu {
background: rgb(0 0 0 / 25%);
}
@media only screen and (max-width: 1200px) {
.ui.menu.new-menu:after {
background-image: inherit;
}
}
.ui.secondary.pointing.menu .active.item,
.ui.secondary.pointing.menu .active.item:hover {
border-color: currentColor;
color: var(--accent-color);
}
.ui.tabular.menu .item {
color: var(--text);
}
.ui.secondary.pointing.menu .dropdown.item:hover,
.ui.secondary.pointing.menu .link.item:hover,
.ui.secondary.pointing.menu a.item:hover {
background-color: transparent;
color: var(--text-hover);
}
/* DROPDOWN MENU */
.item:focus {
outline: none;
}
.ui.menu .dropdown.item .menu {
background: var(--modal-bg-color);
}
.ui.menu .ui.dropdown .menu>.item {
color: var(--text) !important;
}
.ui.menu .ui.dropdown .menu>.active.item {
background: rgb(0 0 0 / 10%) !important;
color: var(--accent-color) !important;
}
.ui.menu .ui.dropdown .menu>.item:hover,
.ui.menu .ui.dropdown .menu>.selected.item {
background: rgb(255 255 255 / 0.07) !important;
color: var(--text-hover) !important;
}
.ui.dropdown .menu {
background: var(--modal-bg-color);
}
.ui.dropdown .menu>.item:hover {
background: rgb(255 255 255 / 0.07);
}
.ui.dropdown .menu .selected.item,
.ui.dropdown.selected {
background: rgb(0 0 0 / 0.25);
color: var(--text-hover);
}
.ui.dropdown .menu .active.item {
color: var(--accent-color);
outline: none !important;
}
.ui.dropdown .menu>.item {
color: var(--text);
}
.ui.dropdown .menu>.item:hover {
color: var(--text-hover);
}
.ui.selection.dropdown .menu>.item {
border-top: 1px solid rgb(255 255 255 / 20%);
}
.ui.selection.dropdown {
background: rgb(0 0 0 / .25);
color: #fff;
}
.ui.selection.dropdown:focus {
border-color: rgba(255, 255, 255, .08);
background: rgb(0 0 0 / 50%);
box-shadow: none;
}
.ui.selection.active.dropdown,
.ui.selection.active.dropdown .menu {
border-color: transparent;
}
.ui.selection.active.dropdown:hover,
.ui.selection.active.dropdown:hover .menu {
border-color: transparent;
}
.ui.selection.visible.dropdown>.text:not(.default) {
color: var(--text);
}
.ui.default.dropdown:not(.button)>.text,
.ui.dropdown:not(.button)>.default.text {
color: var(--text);
opacity: .7;
}
/* MESSAGES */
.ui.negative.message {
background-color: #F44336;
box-shadow: none !important;
}
.ui.negative.message p {
color: white !important;
box-shadow: none !important;
}
.ui.positive.message {
background-color: #4CAF50;
box-shadow: none !important;
}
.ui.positive.message p {
color: white !important;
}
/* DASHBOARD */
.vue-tooltip-theme.tooltip .tooltip-inner {
background: rgb(0 0 0 / 95%);
color: var(--text);
}
svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66],
svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] {
fill: var(--text);
}
#app .ui.item.menu,
.ui.item.menu .item {
background: rgb(255 255 255 / 8%);
}
#app .ui.menu .active.item {
color: var(--text);
}
.ui.menu .active.item {
background: rgba(0, 0, 0, .25);
color: var(--text);
font-weight: 400;
box-shadow: none;
}
.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
background-color: rgba(0, 0, 0, .25);
color: var(--text-hover);
}
.ui.menu a.item:hover {
color: var(--text-hover);
background: rgb(255 255 255 / 8%);
}
#app .ui.link.menu .item:hover,
.ui.menu .dropdown.item:hover,
.ui.menu .link.item:hover {
cursor: pointer;
background: rgba(0, 0, 0, .03);
color: var(--text-hover);
}
#app .ui.secondary.segment {
background: rgb(255 255 255 / 8%);
color: rgba(0, 0, 0, .6);
}
/* REPOSITORY */
.repository .header-wrapper {
background-color: rgb(0 0 0 / 24%);
}
.repo-header .ui.breadcrumb a {
color: var(--accent-color);
}
.repo-header .ui.breadcrumb a:hover {
color: var(--accent-color-hover);
}
.repo-header .ui.breadcrumb .divider {
color: rgb(255 255 255 / 40%);
}
.ui.tabular.menu .item.active {
color: var(--text);
}
.ui.tabular.menu .active.item {
background: none var(--main-bg-color) !important;
color: var(--text);
border-color: transparent;
}
.ui.tabular.menu .item:hover {
color: var(--text-hover);
border-radius: .28571429rem .28571429rem 0 0 !important;
}
.repository .ui.menu {
background: rgb(0 0 0 / 0%);
border: 1px solid rgba(255, 255, 255, 0.11);
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
}
/*
.repository .ui.menu .active.item {
background: var(--main-bg-color) !important;
color: var(--text-hover);
font-weight: 400;
box-shadow: none;
}
/* COMMIT STUFF */
#git-graph-container li a {
color: var(--link-color);
}
#git-graph-container li a:hover {
color: var(--text-hover);
}
#git-graph-container #rev-list li.highlight,
#git-graph-container #rev-list li.hover {
background-color: rgba(255, 255, 255, .05);
}
#git-graph-container #rev-list li.highlight.hover {
background-color: rgba(255, 255, 255, .05);
}
#git-graph-container li .author {
color: var(--accent-color);
}
.repository .ui.segment.sub-menu .list .item a,
.repository .ui.segment.sub-menu .list .item span.ui {
color: var(--text);
}
.repository .ui.segment.sub-menu .list .item a:hover,
.repository .ui.segment.sub-menu .list .item b:hover {
color: var(--text-hover) !important;
}
.repository .ui.segment.sub-menu .list .item.active {
background: rgba(255, 255, 255, 0.07);
}
.repository.file.list #repo-files-table tbody .svg {
color: var(--text);
}
.ui.blue.labels .label,
.ui.ui.ui.blue.label {
background-color: var(--accent-color);
border-color: var(--accent-color);
color: var(--text-hover);
}
.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
background-color: rgba(0, 0, 0, 0.15) !important;
}
.repository #commits-table.ui.table>tbody {
background-color: transparent !important;
}
/* TABLE */
.ui.table>thead>tr>th {
background: rgb(0 0 0 / 25%);
color: var(--text);
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.ui.table {
width: 100%;
background: rgb(255 255 255 / 0.0);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text);
}
.ui.table>tbody {
border: 1px solid rgba(34, 36, 38, .15);
color: var(--text);
}
.ui.table>tbody>tr>td,
.ui.table>tr>td {
border-top: 1px solid rgb(255 255 255 / 10%);
}
.repository.file.list #repo-files-table thead tr:hover {
background-color: rgba(0, 0, 0, 0.0) !important;
}
.repository.file.list #repo-files-table tr:hover {
background: rgba(255, 255, 255, 0.08);
}
/* FOOTER */
footer {
background-color: rgb(0 0 0 / 25%);
border-top: 1px solid rgb(255 255 255 / 25%);
}
/* BUTTONS / CHECKBOXES */
.btn:active,
.btn:focus {
outline: none !important;
}
.ui.checkbox input:checked~label:after {
color: #fff !important;
background: var(--accent-color);
}
.ui.primary.button,
.ui.primary.buttons .button {
background-color: var(--button-color);
color: var(--button-text);
}
.ui.primary.button:hover,
.ui.primary.buttons .button:hover {
background-color: var(--button-color-hover);
color: var(--button-text);
}
.ui.green.button,
.ui.green.buttons .button {
background-color: var(--button-color);
color: var(--button-text);
}
.ui.green.button:focus,
.ui.green.buttons .button:focus {
background-color: var(--button-color-hover);
color: var(--button-text);
text-shadow: none;
}
.ui.green.button:hover,
.ui.green.buttons .button:hover {
background-color: var(--button-color-hover);
color: var(--button-text);
}
.ui.blue.button,
.ui.blue.buttons .button {
background-color: var(--button-color);
color: var(--button-text);
}
.ui.blue.button:hover,
.ui.blue.buttons .button:hover {
background-color: var(--button-color-hover);
color: var(--button-text);
}
.ui.active.button,
.ui.active.button:hover {
color: var(--button-text);
}
.ui.active.button,
.ui.active.button:active,
.ui.active.button:hover {
background-color: var(--button-color-hover);
}
.ui.button {
background: var(--button-color);
color: var(--button-text);
}
.ui.button:hover {
background: var(--button-color-hover);
color: var(--button-text);
}
.ui.basic.blue.button,
.ui.basic.blue.buttons .button {
box-shadow: inset 0 0 0 1px var(--accent-color) !important;
color: var(--accent-color) !important;
}
.ui.basic.blue.button:hover,
.ui.basic.blue.buttons .button:hover {
background: var(--button-color) !important;
color: var(--button-text) !important;
}
.ui.basic.button,
.ui.basic.buttons .button {
color: var(--button-text);
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%);
}
.ui.basic.button:focus,
.ui.basic.button:hover,
.ui.basic.buttons .button:focus,
.ui.basic.buttons .button:hover {
background: rgb(255 255 255 / 8%);
color: var(--button-text);
}
/* LABELS */
.ui.label, .ui.menu .item>.label {
background-color: var(--button-color);
color: var(--button-text);
}
.ui.labels a.label:hover, a.ui.label:hover {
background-color: #ffffff;
color: rgba(0,0,0,.8);
}
.repository #commits-table td.sha .sha.label, .repository #repo-files-table .sha.label, .repository .timeline-item.commits-list .singular-commit .sha.label {
border: 1px solid transparent;
}
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
color: var(--accent-color);
}
/* FORMS */
.ui.form input:not([type]),
.ui.form input[type=date],
.ui.form input[type=datetime-local],
.ui.form input[type=email],
.ui.form input[type=file],
.ui.form input[type=number],
.ui.form input[type=password],
.ui.form input[type=search],
.ui.form input[type=tel],
.ui.form input[type=text],
.ui.form input[type=time],
.ui.form input[type=url] {
background: rgb(0 0 0 / 25%);
border: 1px solid transparent;
color: var(--text);
border-radius: .28571429rem;
box-shadow: inset 0 0 0 0 transparent;
transition: color .1s ease, border-color .1s ease;
}
.ui.form textarea:focus {
color: var(--text);
border-color: transparent;
background: rgba(0, 0, 0, .5);
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
-webkit-appearance: none;
}
.ui.form textarea,
.ui.input textarea {
background: rgb(0 0 0 / .25);
border: 1px solid rgba(34, 36, 38, .15);
color: var(--text);
}
.ui.form input:not([type]):focus,
.ui.form input[type=date]:focus,
.ui.form input[type=datetime-local]:focus,
.ui.form input[type=email]:focus,
.ui.form input[type=file]:focus,
.ui.form input[type=number]:focus,
.ui.form input[type=password]:focus,
.ui.form input[type=search]:focus,
.ui.form input[type=tel]:focus,
.ui.form input[type=text]:focus,
.ui.form input[type=time]:focus,
.ui.form input[type=url]:focus {
color: var(--text);
border-color: rgb(255 255 255 / 8%);
border-radius: .28571429rem;
background: rgb(0 0 0 / 50%);
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
}
.ui.input.focus>input,
.ui.input>input:focus {
border-color: transparent;
background: rgb(0 0 0 / 50%);
color: var(--text);
box-shadow: none;
}
.ui.input>input {
background: rgb(0 0 0 / 25%);
border: 1px solid rgba(34, 36, 38, .15);
color: var(--text);
}
.ui.icon.input>i.icon {
color: var(--text);
}
/* MARKDOWN */
.markdown tbody {
background: #f000 !important;
}
.markdown:not(code) table tr {
background-color: rgba(0, 0, 0, .26);
border-top: 1px solid #ccc;
}
.markdown:not(code) table tr:nth-child(2n) {
background-color: rgba(0, 0, 0, .45);
}
.markdown:not(code) code, .markdown:not(code) tt {
background-color: rgb(0 0 0 / 0.25);
}
.chroma {
filter: invert(1);
}
.repository.file.list .non-diff-file-content pre {
overflow: auto;
color: #695d4b;
background: rgba(0, 0, 0, .5);
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;
opacity: .5;
}
:-moz-placeholder {
color: var(--text) !important;
opacity: .5;
}
:-ms-input-placeholder {
color: var(--text) !important;
opacity: .5;
}
::-webkit-input-placeholder {
color: var(--text) !important;
opacity: .5;
}
/* HIGHLIGHTING */
::-webkit-selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
::-moz-selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
::selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
textarea::-webkit-selection,
input::-webkit-selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
textarea::-moz-selection,
input::-moz-selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
textarea::-moz-selection,
input::-moz-selection {
background-color: var(--accent-color);
color: var(--text-hover);
}
textarea::selection,
input::selection {
background-color: var(--accent-color);
color: var(--text-hover);
}

27
CSS/themes/gitea/hotline.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GITEA HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

27
CSS/themes/gitea/organizr-dark.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GITEA ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text: #96a2b4;
--text-hover: #fff;
--link-color: #2cabe3;
}

27
CSS/themes/gitea/plex.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GITEA PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

27
CSS/themes/gitea/space-gray.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GITEA SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
: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;
--button-text: #eee;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

7
CSS/themes/grafana/aquamarine.css

@ -16,6 +16,9 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--accent-color: #32d1df;
--button-color: #fd5e94;
--button-color: #009688;
--button-color-hover: #12afa0;
--accent-color: #009688;
--accent-color-hover: #12afa0;
--queue-color: #009688;
}

6
CSS/themes/grafana/dark.css

@ -16,6 +16,8 @@
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--accent-color: #32d1df;
--button-color: #fd5e94;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: rgba(255, 255, 255, 0.25);
--accent-color-hover: rgba(255, 255, 255, 0.45);
}

415
CSS/themes/grafana/grafana-base.css

@ -171,6 +171,9 @@ color:#FFFFFF !important;
.dropdown-menu-item-shortcut {
color: #ffffff!important;
}
.dropdown-menu {
border: 1px solid transparent;
}
.dropdown-submenu:hover>a {
Background-color: rgba(0, 0, 0, 0.25)!important;
}
@ -265,11 +268,20 @@ color:#FFFFFF !important;
border: none;
background: #ffffff;
}
.gf-form-select-box__option {
background: var(--modal-bg-color) !important;
}
.gf-form-select-box__option.gf-form-select-box__option--is-focused {
color: #fff;
-o-border-image: -o-linear-gradient(var(--accent-color) 30%,var(--accent-color) 99%);
border-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,var(--accent-color)),color-stop(99%,var(--accent-color)));
border-image: -webkit-linear-gradient(var(--accent-color) 30%,var(--accent-color) 99%);
}
.filter-table td.filter-table__switch-cell {
border-right: none;
}
/* Variable label color */
.template-variable {
.template-variable, .gf-form-label--variable {
color: var(--accent-color) !important;
}
@ -332,6 +344,7 @@ color:#FFFFFF !important;
.panel-container {
background-color: rgba(0, 0, 0, .25);
border: transparent;
box-shadow: none !important;
}
.panel-container.panel-transparent, .panel-container--transparent {
background-color: transparent;
@ -343,7 +356,7 @@ color:#FFFFFF !important;
}
/* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) {
.graph-legend-table .graph-legend-series:nth-child(odd), .graph-legend-table .graph-legend-series:nth-child(2n) {
background: transparent !important;
}
@ -379,6 +392,31 @@ div.flot-text {
border-bottom: 2px solid transparent;
}
/* Panel tables */
.css-58bavm-thead {
background: rgba(0, 0, 0, .25);
}
.css-sq6g4h-row {
border-bottom: 1px solid rgb(255 255 255 / 10%);
}
.css-11m63ae {
border-right: 1px solid rgb(255 255 255 / 10%);
}
.css-2n373z {
border-right: 1px solid rgb(255 255 255 / 25%);
}
.css-sq6g4h-row:hover {
background-color: rgb(255 255 255 / 0.08);
}
.css-3o5ryu {
background: rgb(0 0 0 / 45%);
}
.css-1n8kpcb-activeTabStyle,.css-dnqfjg-activeTabStyle {
background: rgb(0 0 0 / 35%);
}
.css-1n8kpcb-activeTabStyle::before, .css-dnqfjg-activeTabStyle::before {
background: var(--accent-color);
}
/* Edit panel tabs */
.tabbed-view-header {
box-shadow: none;
@ -522,13 +560,380 @@ border-color: #b56d16 !important;
border: none;
}
.modal-header {
.modal-header, .css-1z13zsv-modalHeader {
background: var(--modal-bg-color);
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 1px solid #d8d9da;
color: #eee;
}
.modal-body {
position: relative;
.modal-body, .css-111908g {
background: var(--modal-bg-color);
color: #eee;
}
/*V7*/
/*LOGIN*/
.css-bnbqsv {background: var(--main-bg-color)}
.css-3iwqj4 { background: transparent;}
#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {
height: 38px;
}
/*Buttons*/
.css-y3nv3e-button,
.css-cc7c9f-button,
.css-1vlnne-button,
.css-1ihbihm-button,
.css-14zdxje-button,
.css-179z9yx-button,
.css-370vzt-button,
.css-msayan-button,
.css-19kbjxc-button,
.css-n4gkqg-button,
.css-u6ysb0-button,
.css-ak0gkt-button,
.css-1pa3vaj-button,
.css-g7zx83-button,
.css-1pcbsvw-button,
.gf-form-button-row a, .gf-form-button-row button,
.page-action-bar>a, .page-action-bar>button,
.btn-primary{
background: var(--button-color) !important;
background-color: var(--button-color) !important;
border-color: var(--button-color);
}
.css-y3nv3e-button:hover,
.css-y3nv3e-button:focus,
.css-cc7c9f-button:hover,
.css-cc7c9f-button:focus,
.css-1vlnne-button:hover,
.css-1vlnne-button:focus,
.css-1ihbihm-button:hover,
.css-1ihbihm-button:focus,
.css-14zdxje-button:hover,
.css-14zdxje-button:focus,
.css-179z9yx-button:hover,
.css-179z9yx-button:focus,
.css-370vzt-button:hover,
.css-370vzt-button:focus,
.css-msayan-button:hover,
.css-msayan-button:focus,
.css-19kbjxc-button:hover,
.css-19kbjxc-button:focus,
.css-n4gkqg-button:hover,
.css-n4gkqg-button:focus,
.css-u6ysb0-button:hover,
.css-u6ysb0-button:focus,
.css-ak0gkt-button:hover,
.css-ak0gkt-button:focus,
.css-1pa3vaj-button:hover,
.css-1pa3vaj-button:focus,
.css-g7zx83-button:hover,
.css-g7zx83-button:focus,
.css-1pcbsvw-button:hover,
.css-1pcbsvw-button:focus,
.gf-form-button-row a, .gf-form-button-row button:hover,
.btn-primary:hover{
color: rgb(255, 255, 255);
background: var(--button-color-hover) !important;
background-color: var(--button-color-hover) !important;
box-shadow: none !important;
}
.css-1d9e5zy-button {color: #fff; background: var(--button-color)}
.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)}
/*INPUT*/
input:focus {box-shadow: none !important;}
.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus {
box-shadow:none;
color: transparent;
}
.gf-form-select-box__control--is-focused {
border-color: transparent;
outline: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.css-1bjepp-input-input {
background-color: hsla(0,0%,100%,.25);
border-radius: 3px;
border-color: transparent;
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.css-1bjepp-input-input:focus {
box-shadow: none !important;
background-color: white;
color: black;
transition: background-color .2s;
-webkit-transition: background-color .2s;
border-radius: 3px;
}
.css-14hvfbu-input-wrapper:focus {
border-color:transparent !important;
box-shadow: none !important;
}
.css-1w5c5dq-input-inputWrapper input:not(:last-child) {
height: 100%
}
/*Disabled input*/
.css-1bjepp-input-input:disabled {
background-color: rgba(0, 0, 0, .5);
color: rgb(159, 167, 179);
}
.css-1bjepp-input-input:hover {border-color: transparent;}
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;}
/* SEARCH */
.css-x9mxj5 {
background: var(--main-bg-color);
}
.css-1m6pigl:focus + label {
outline-offset: 2px;
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
z-index: 3;
outline: transparent dotted 2px;
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.css-1m6pigl:checked + label {
color: #eee !important;
border-color: rgba(255, 255, 255, .1);
background: var(--button-color);
}
.css-b40tk8:focus + label {
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
}
.css-y0yg3l {
background: var(--main-bg-color);
border-color: transparent;
}
.css-y0yg3l {
background: rgba(0, 0, 0, .25) !important;
border-color: transparent;
}
.css-1je3bh6 {
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
/*Folder bars*/
.css-1umfglk {
background: rgba(0, 0, 0, .25);
}
.css-1umfglk:hover {
background: rgba(0, 0, 0, .35);
}
/* Login Error message*/
.css-1ow9mne-input-input {
line-height: 1.5;
height: 38px;
background-color: hsla(0,0%,100%,.25);
border-radius: 3px;
border-color: transparent;
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.css-1ow9mne-input-input {
box-shadow: none !important;
background-color: white;
color: black;
transition: background-color .2s;
-webkit-transition: background-color .2s;
height: 38px;
border-radius: 3px;
}
.css-13o428a {
margin: 10px 0px 0px;
}
/*Welcome to Grafana*/
.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);}
.css-1as70ku, .css-u5zjuh {
background: rgba(0, 0, 0, .25);}
.css-17abkeq, .css-5ak73y {
color: #fff;
}
/* Import */
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}
/*PANEL EDIT*/
.css-cxwxzk-Label-description,.css-n370st {
color: #eee;
}
/*Header*/
.css-1marj6o {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 8px;
background: transparent;
border-bottom: 1px solid transparent;
}
/*Background*/
.css-azp59k {
background: var(--main-bg-color);
}
/*Query box*/
.css-hz0utb {
background: rgba(0, 0, 0, .35);
border-right: 1px solid rgba(0, 0, 0, 0);
}
.query-keyword, .css-wvxxxy, .css-fpnw35 {
font-weight: 500;
color: var(--accent-color);
}
.css-lvafs5 {
background: rgba(0, 0, 0, .5);
}
.css-ui3sz4-activeTabStyle {
margin-right: 16px;
position: relative;
display: block;
color: rgb(216, 217, 218);
cursor: default;
list-style: none;
padding: 11px 15px 9px;
border-style: solid;
border-image: initial;
border-width: 0px 1px 1px;
border-radius: 3px 3px 0px 0px;
border-color: transparent !important;
background: rgba(0, 0, 0, .5);
overflow: hidden;
}
.css-1awj6q7-counter {
background-color: rgba(0, 0, 0, .5);
color: rgb(255, 255, 255);
}
/*Transform tab*/
.css-y2f54e {
background: rgba(0, 0, 0, .25);
}
.css-y2f54e:hover {
background: rgba(0, 0, 0, .35);
}
.css-1e8invk::before {
background:rgba(0, 0, 0, .35) !important;
}
/* Right side menu*/
.css-1xj5tuf {
background: rgba(0, 0, 0, .35);
border-left: 1px solid transparent;
}
/*Dropdown bottom borders*/
.css-1majipf {
border-bottom: 1px solid rgba(255, 255, 255, .08);
}
/*Settings text input*/
.css-1f38lle:focus {
box-shadow: none !important;
}
.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover {
background: var(--accent-color);
}
.css-1gokw4e label {
background: white;
}
/*Visualization*/
.css-1lemfi9 {
background: rgba(0, 0, 0, .25);
border-color: transparent;
}
.css-1fsv7gr:hover > div:first-child {
border-color: var(--accent-color);
}
.css-1emhacm-currentVisualizationItem > div:first-child {
outline-offset: 2px;
box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
}
.css-mgq0xs-currentVisualizationItem > div:first-child {
outline: transparent dotted 2px;
outline-offset: 1px;
box-shadow: var(--accent-color) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px;
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
/*Old stat panel unit dropdown */
body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
height: 100%;
}
/*Buttons*/
.css-m58wdd:hover {
color: rgba(255, 255, 255, .94);
z-index: 2;
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, .1);
border-image: initial;
background: rgba(255, 255, 255, .15)
}
.css-m58wdd {
color: rgba(255, 255, 255, .94);
z-index: 2;
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
border-image: initial;
background: rgba(255, 255, 255, .08)
}
input:checked+.gf-form-switch__slider {
background: var(--accent-color);
}
/* RuPaul Drag Line*/
.css-pii3u7:hover {
border-color: rgba(255, 255, 255, .25);
}
.css-1t13ra6 {
border-color: rgba(255, 255, 255, .09);
}
.css-1t13ra6:hover {
border-color: rgba(255, 255, 255, .25);
}
/*SETTINGS*/
/*Teams*/
.css-1w9m9al-call-to-action-card {
background: rgba(0, 0, 0, .25);
}
/*DASHBOARD SETINGS*/
.dashboard-settings,.dashboard-settings__body2 {
background: var(--main-bg-color);
}
.navbar--edit {
background: rgba(0, 0, 0, .25);
border-bottom: 1px solid transparent;
-webkit-box-shadow: 0 0 10px transparent;
box-shadow: 0 0 10px transparent;
}
.grafana-info-box {
background-color: rgba(0, 0, 0, .5);
border-top: 3px solid var(--accent-color);
}
/* Variables*/
.filter-table--hover tbody tr:hover {
background: hsla(0,0%,100%,.15);
}
.filter-table tbody tr:nth-child(odd):hover {
background: hsla(0,0%,100%,.15) !important;
}
/*Placeholder text*/
::placeholder {color: #fff !important;}
:-ms-input-placeholder {color: #fff !important;}
::-webkit-input-placeholder {color: #fff !important;}

6
CSS/themes/grafana/hotline.css

@ -16,6 +16,8 @@
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--accent-color: #32d1df;
--button-color: #fd5e94;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--accent-color: #F44336;
--accent-color-hover: #0b3161;
}

23
CSS/themes/grafana/organizr-dark.css

@ -0,0 +1,23 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GRAFANA ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}

352
CSS/themes/grafana/organizr-dashboard.css

@ -163,6 +163,7 @@ div.flot-text {
.panel-container {
background-color: rgba(0, 0, 0, .25);
border: transparent;
box-shadow: none !important;
}
.panel-container.panel-transparent, .panel-container--transparent {
background-color: transparent;
@ -240,3 +241,354 @@ div.flot-text {
box-shadow: none;
border-bottom: 0px;
}
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
}
/*V7*/
/*LOGIN*/
.css-bnbqsv {background: var(--main-bg-color)}
.css-3iwqj4 { background: transparent;}
#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {
height: 38px;
}
/*Buttons*/
.css-y3nv3e-button,
.css-cc7c9f-button,
.css-1vlnne-button,
.css-1ihbihm-button,
.css-14zdxje-button,
.css-179z9yx-button,
.css-370vzt-button,
.css-msayan-button,
.css-19kbjxc-button,
.gf-form-button-row a, .gf-form-button-row button,
.page-action-bar>a, .page-action-bar>button,
.btn-primary{
background: var(--button-color) !important;
background-color: var(--button-color) !important;
border-color: var(--button-color);
}
.css-y3nv3e-button:hover,
.css-y3nv3e-button:focus,
.css-cc7c9f-button:hover,
.css-cc7c9f-button:focus,
.css-1vlnne-button:hover,
.css-1vlnne-button:focus,
.css-1ihbihm-button:hover,
.css-1ihbihm-button:focus,
.css-14zdxje-button:hover,
.css-14zdxje-button:focus,
.css-179z9yx-button:hover,
.css-179z9yx-button:focus,
.css-370vzt-button:hover,
.css-370vzt-button:focus,
.css-msayan-button:hover,
.css-msayan-button:focus,
.css-19kbjxc-button:hover,
.css-19kbjxc-button:focus,
.gf-form-button-row a, .gf-form-button-row button:hover,
.btn-primary:hover{
color: rgb(255, 255, 255);
background: var(--button-color-hover) !important;
background-color: var(--button-color-hover) !important;
box-shadow: none !important;
}
.css-1d9e5zy-button {color: #fff; background: var(--button-color)}
.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)}
/*INPUT*/
input:focus {box-shadow: none !important;}
.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus {
box-shadow:none;
color: transparent;
}
.gf-form-select-box__control--is-focused {
border-color: transparent;
outline: none;
-webkit-box-shadow: none !important;
box-shadow: none !important;
}
.css-1bjepp-input-input {
background-color: hsla(0,0%,100%,.25);
border-radius: 3px;
border-color: transparent;
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.css-1bjepp-input-input:focus {
box-shadow: none !important;
background-color: white;
color: black;
transition: background-color .2s;
-webkit-transition: background-color .2s;
border-radius: 3px;
}
.css-14hvfbu-input-wrapper:focus {
border-color:transparent !important;
box-shadow: none !important;
}
.css-1w5c5dq-input-inputWrapper input:not(:last-child) {
height: 100%
}
/*Disabled input*/
.css-1bjepp-input-input:disabled {
background-color: rgba(0, 0, 0, .5);
color: rgb(159, 167, 179);
}
.css-1bjepp-input-input:hover {border-color: transparent;}
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;}
/* SEARCH */
.css-x9mxj5 {
background: var(--main-bg-color);
}
.css-1m6pigl:focus + label {
outline-offset: 2px;
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
z-index: 3;
outline: transparent dotted 2px;
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
}
.css-1m6pigl:checked + label {
color: var(--accent-color) !important;
border-color: rgba(255, 255, 255, .1);
background: rgba(0, 0, 0, .5);
}
.css-b40tk8:focus + label {
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
}
.css-y0yg3l {
background: var(--main-bg-color);
border-color: transparent;
}
.css-y0yg3l {
background: rgba(0, 0, 0, .25) !important;
border-color: transparent;
}
.css-1je3bh6 {
background: transparent;
border-bottom: 1px solid rgba(0, 0, 0, 0);
}
/*Folder bars*/
.css-1umfglk {
background: rgba(0, 0, 0, .25);
}
.css-1umfglk:hover {
background: rgba(0, 0, 0, .35);
}
/* Login Error message*/
.css-1ow9mne-input-input {
line-height: 1.5;
height: 38px;
background-color: hsla(0,0%,100%,.25);
border-radius: 3px;
border-color: transparent;
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
}
.css-1ow9mne-input-input {
box-shadow: none !important;
background-color: white;
color: black;
transition: background-color .2s;
-webkit-transition: background-color .2s;
height: 38px;
border-radius: 3px;
}
.css-13o428a {
margin: 10px 0px 0px;
}
/*Welcome to Grafana*/
.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);}
.css-1as70ku, .css-u5zjuh {
background: rgba(0, 0, 0, .25);}
.css-17abkeq, .css-5ak73y {
color: #fff;
}
/* Import */
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}
/*PANEL EDIT*/
/*Header*/
.css-1marj6o {
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
padding: 8px;
background: transparent;
border-bottom: 1px solid transparent;
}
/*Background*/
.css-azp59k {
background: var(--main-bg-color);
}
/*Query box*/
.css-hz0utb {
background: rgba(0, 0, 0, .35);
border-right: 1px solid rgba(0, 0, 0, 0);
}
.query-keyword, .css-wvxxxy, .css-fpnw35 {
font-weight: 500;
color: var(--accent-color);
}
.css-lvafs5 {
background: rgba(0, 0, 0, .5);
}
.css-ui3sz4-activeTabStyle {
margin-right: 16px;
position: relative;
display: block;
color: rgb(216, 217, 218);
cursor: default;
list-style: none;
padding: 11px 15px 9px;
border-style: solid;
border-image: initial;
border-width: 0px 1px 1px;
border-radius: 3px 3px 0px 0px;
border-color: transparent !important;
background: rgba(0, 0, 0, .5);
overflow: hidden;
}
.css-1awj6q7-counter {
background-color: rgba(0, 0, 0, .5);
color: rgb(255, 255, 255);
}
/*Transform tab*/
.css-y2f54e {
background: rgba(0, 0, 0, .25);
}
.css-y2f54e:hover {
background: rgba(0, 0, 0, .35);
}
.css-1e8invk::before {
background:rgba(0, 0, 0, .35) !important;
}
/* Right side menu*/
.css-1xj5tuf {
background: rgba(0, 0, 0, .35);
border-left: 1px solid transparent;
}
/*Dropdown bottom borders*/
.css-1majipf {
border-bottom: 1px solid rgba(255, 255, 255, .08);
}
/*Settings text input*/
.css-1f38lle:focus {
box-shadow: none !important;
}
.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover {
background: var(--accent-color);
}
.css-1gokw4e label {
background: white;
}
/*Visualization*/
.css-1lemfi9 {
background: rgba(0, 0, 0, .25);
border-color: transparent;
}
.css-1fsv7gr:hover > div:first-child {
border-color: var(--accent-color);
}
.css-1emhacm-currentVisualizationItem > div:first-child {
outline-offset: 2px;
box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
}
/*Old stat panel unit dropdown */
body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
height: 100%;
}
/*Buttons*/
.css-m58wdd:hover {
color: rgba(255, 255, 255, .94);
z-index: 2;
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, .1);
border-image: initial;
background: rgba(255, 255, 255, .15)
}
.css-m58wdd {
color: rgba(255, 255, 255, .94);
z-index: 2;
border-width: 1px;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
border-image: initial;
background: rgba(255, 255, 255, .08)
}
input:checked+.gf-form-switch__slider {
background: var(--accent-color);
}
/* RuPaul Drag Line*/
.css-pii3u7:hover {
border-color: rgba(255, 255, 255, .25);
}
.css-1t13ra6 {
border-color: rgba(255, 255, 255, .09);
}
.css-1t13ra6:hover {
border-color: rgba(255, 255, 255, .25);
}
/*SETTINGS*/
/*Teams*/
.css-1w9m9al-call-to-action-card {
background: rgba(0, 0, 0, .25);
}
/*DASHBOARD SETINGS*/
.dashboard-settings,.dashboard-settings__body2 {
background: var(--main-bg-color);
}
.navbar--edit {
background: rgba(0, 0, 0, .25);
border-bottom: 1px solid transparent;
-webkit-box-shadow: 0 0 10px transparent;
box-shadow: 0 0 10px transparent;
}
.grafana-info-box {
background-color: rgba(0, 0, 0, .5);
border-top: 3px solid var(--accent-color);
}
/* Variables*/
.filter-table--hover tbody tr:hover {
background: hsla(0,0%,100%,.15);
}
.filter-table tbody tr:nth-child(odd):hover {
background: hsla(0,0%,100%,.15) !important;
}
/*Placeholder text*/
::placeholder {color: #fff !important;}
:-ms-input-placeholder {color: #fff !important;}
::-webkit-input-placeholder {color: #fff !important;}

6
CSS/themes/grafana/plex.css

@ -16,6 +16,8 @@
: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;
--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;
--accent-color: #f9be03;
--button-color: #fd5e94;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
}

5
CSS/themes/grafana/space-gray.css

@ -16,5 +16,8 @@
: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;
--accent-color: #fff;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
--accent-color: #607D8B;
--accent-color-hover: #81a6b7;
}

26
CSS/themes/guacamole/guacamole-base.css

@ -68,6 +68,7 @@
input[type="submit"], button, a.button {
background-color: var(--button-color);
border: none;
outline: none;
}
input[type="submit"]:hover, button:hover, a.button:hover {
background-color: var(--button-color-hover);
@ -230,10 +231,13 @@
}
/* SIDE MENU */
.menu-content {
background: var(--modal-bg-color);
}
.menu, .menu .header {
background: var(--modal-bg-color) !important;
box-shadow: none;
}
.menu-content, .menu-content .header, .menu-body {
background: var(--modal-bg-color) !important;
}
.clipboard, .clipboard-service-target {
background: rgba(0, 0, 0, 0.25);
color: white;
@ -330,4 +334,16 @@
background: var(--modal-bg-color);
color: #FFF;
}
/* File Transfer */
#file-transfer-dialog .transfer-manager {
background: var(--modal-bg-color) ;
}
.transfer.error {
background: rgba(244, 67, 54, 0.5) ;
}
.transfer-manager .header h2 {
background-color: transparent ;
}
.transfer .in-progress .progress {
background-color: var(--modal-bg-color) ;
}

22
CSS/themes/guacamole/organizr-dark.css

@ -0,0 +1,22 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* GUACAMOLE ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/guacamole/guacamole-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

8
CSS/themes/html5speedtest/html5speedtest-base.css

@ -42,12 +42,12 @@ div.meterText:empty:before {
}
#startStopBtn {
color: #ffffff;
background: var(--start-button-color);
border: 0.15em solid var(--start-button-color);
background: var(--button-color);
border: 0.15em solid var(--button-color);
}
#startStopBtn:hover {
border: 0.15em solid var(--start-button-color-hover);
background: var(--start-button-color-hover);
border: 0.15em solid var(--button-color-hover);
background: var(--button-color-hover);
}
#startStopBtn.running {
background: #FF3030 !important;

21
CSS/themes/html5speedtest/organizr-dark.css

@ -0,0 +1,21 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* HTML5SPEEDTEST ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

22
CSS/themes/jackett/organizr-dark.css

@ -0,0 +1,22 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* JACKETT ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/jackett/jackett-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

23
CSS/themes/jellyfin/organizr-dark.css

@ -0,0 +1,23 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* JELLYFIN ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/jellyfin/jellyfin-base.css);
:root {
--main-bg-color: #1F1F1F;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}

27
CSS/themes/kitana/aquamarine.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* KITANA AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: #009688;
--button-color-hover: #12afa0;
--button-text: #eee;
--accent-color: #12afa0;
--accent-color-hover: #fff;
--text: #eee;
--text-hover: #fff;
--link-color: #12afa0;
}

27
CSS/themes/kitana/dark.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* KITANA DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
:root {
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #fff;
--accent-color-hover: rgba(255, 255, 255, 0.45);
--text: #eee;
--text-hover: #fff;
--link-hover: rgba(255, 255, 255, 0.45);
}

27
CSS/themes/kitana/hotline.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* KITANA HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
:root {
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
--button-text: #eee;
--accent-color: #F44336;
--accent-color-hover: #0b3161;
--text: #eee;
--text-hover: #fff;
--link-hover: #F44336;
}

190
CSS/themes/kitana/kitana-base.css

@ -0,0 +1,190 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
body {
background: var(--main-bg-color);
}
a {
color: var(--link-color);
}
a:hover {
color: #fff;
}
#content:before {
background: var(--main-bg-color);
}
* {
outline: none !important;
}
/* TEXT */
body,
.navbar-dark .navbar-text {
color: var(--text);
}
/* ACCENTS */
.badge-dark {
color: var(--button-text);
background-color: var(--accent-color);
}
/* NAVBAR */
#nav .bg-dark {
background: hsla(0, 0%, 0%, .25) !important;
}
.navbar-dark .navbar-nav .nav-link {
color: var(--text);
}
.navbar-dark .navbar-nav .nav-link:hover,
.navbar-dark .navbar-nav .nav-link:focus {
color: var(--text-hover);
}
#navbarSupportedContent ul li {
background-color: transparent !important;
border: none !important;
}
/* DROPDOWN MENU */
.dropdown-menu {
color: #fff;
background: var(--modal-bg-color);
border: 1px solid transparent;
}
.dropdown-item.active,
.dropdown-item:active,
.dropdown:active:hover {
color: var(--text-hover);
background-color: rgb(0 0 0 / 25%) !important;
}
.dropdown-item {
color: var(--text);
}
.dropdown-item:hover,
.dropdown-item:focus {
color: var(--text-hover);
text-decoration: none;
background-color: rgb(255 255 255 / 8%);
}
/* CARDS */
.card {
background: rgb(255 255 255 / 8%) !important;
border: 1px solid transparent;
}
.card-header {
background-color: rgb(0 0 0 / 25%);
border-bottom: 1px solid rgba(255, 255, 255, .125) !important;
}
ul li {
background-color: rgb(255 255 255 / 8%) !important;
border: none !important;
}
ul li:hover {
background-color: rgb(255 255 255 / 16%) !important;
border: none;
}
/* SETTINGS */
.plugin_content .nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
color: var(--text-hover) !important;
background-color: rgb(0 0 0 / 25%) !important;
border-color: #4440 #4440 transparent;
}
.plugin_content .nav-tabs {
border-bottom: 1px solid rgb(255 255 255 / 20%);
}
.alert-secondary {
background-color: rgb(255 255 255 / 20%);
}
/* BUTTONS */
.btn {
border-color: var(--button-color);
background: var(--button-color);
color: var(--button-text);
margin-right: 5px;
}
.btn:hover,
.btn:focus,
.btn:active,
.btn-primary:not(:disabled):not(.disabled):active,
.btn-primary:not(:disabled):not(.disabled).active,
.show>.btn-primary.dropdown-toggle {
border-color: var(--button-color-hover);
color: var(--text-hover);
background-color: var(--button-color-hover);
box-shadow: none !important;
}
.badge-primary {
color: var(--button-text);
background-color: var(--accent-color);
}
.badge-secondary {
color: var(--button-text);
background-color: rgb(0 0 0 / 25%);
}
/* FORMS */
.form-control {
color: var(--text) !important;
background-color: rgba(0, 0, 0, .25) !important;
border: 1px solid transparent !important;
box-shadow: none !important;
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-control:focus {
background-color: rgb(0 0 0 / 50%) !important;
color: var(--text-hover) !important;
}
/* PLACEHOLDER TEXT */
::placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-moz-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
:-ms-input-placeholder {
color: var(--text) !important;
opacity: .5 !important;
}
::-webkit-input-placeholder {
color: var(--text) !important;
opacity: .5;
}

27
CSS/themes/kitana/organizr-dark.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* KITANA ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--button-text: #eee;
--accent-color:#2cabe3;
--accent-color-hover: #fff;
--text:#96a2b4;
--text-hover: #fff;
--link-color: #2cabe3;
}

27
CSS/themes/kitana/plex.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* KITANA PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
: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;
--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;
--button-color: #cc7b19;
--button-color-hover: #e59029;
--button-text: #eee;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
--text: #eee;
--text-hover: #fff;
--link-color:#fff;
}

27
CSS/themes/kitana/space-gray.css

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* KITANA SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
: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;
--button-text: #eee;
--accent-color: #81a6b7;
--accent-color-hover: #81a6b7;
--text: #eee;
--text-hover: #fff;
--link-color: #81a6b7;
}

24
CSS/themes/lazylibrarian/organizr-dark.css

@ -0,0 +1,24 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* LAZYLIBRARIAN ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/lazylibrarian/lazylibrarian-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
--queue-color: #2cabe3;
}

1705
CSS/themes/lidarr/lidarr-base.css

File diff suppressed because it is too large

31
CSS/themes/lidarr/organizr-dark.css

@ -0,0 +1,31 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* LIDARR ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/lidarr/lidarr-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--calendar-Downloading: #7a43b6;
--calendar-Downloaded: #53e69d;
--calendar-Unreleased: #2cabe3;
--calendar-Partial: orange;
--calendar-Unmonitored: #adadad;
--calendar-Missing: #ff7676;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
--accent-color: #2cabe3;
--accent-color-hover: white;
}

21
CSS/themes/logarr/organizr-dark.css

@ -0,0 +1,21 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* LOGARR ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

21
CSS/themes/monitorr/organizr-dark.css

@ -0,0 +1,21 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* MONITORR ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--button-color: #2cabe3;
--button-color-hover: rgb(44 171 227 / .8);
}

20
CSS/themes/netdata/organizr-dark.css

@ -0,0 +1,20 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* NETDATA ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/netdata/netdata-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--accent-color: #2cabe3;
}

2
CSS/themes/nzbget/nzbget-base.css

@ -48,7 +48,7 @@ body {
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
background-color: rgba(0,0,0,.0) !important;
background-color: var(--modal-bg-color) !important;
color:#FFFFFF !important;
}
.modal-footer {

21
CSS/themes/nzbget/organizr-dark.css

@ -0,0 +1,21 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* NZBGET ORGANIZR-DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/nzbget/nzbget-base.css);
:root {
--main-bg-color: #1f1f1f;
--modal-bg-color: #1b1b1b;
--accent-color: #2cabe3;
--button-color: #2cabe3;
}

1
CSS/themes/nzbhydra2/aquamarine.css

@ -18,4 +18,5 @@
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--default-button-color: #009688;
--default-button-color-hover: radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed;
--accent-color: #118074;
}

Some files were not shown because too many files changed in this diff

Loading…
Cancel
Save