Compare commits

..

74 Commits
master ... dbb

Author SHA1 Message Date
deathbybandaid
442f611df8 tdarr theme 2024-11-12 08:56:31 -05:00
deathbybandaid
6d2b154fac test authelia import 2024-11-12 08:36:21 -05:00
deathbybandaid
4a92e0ebaf move for traefik 2024-11-11 21:17:07 -05:00
deathbybandaid
e327879909 authelia dbb-plex 2024-11-11 21:10:09 -05:00
deathbybandaid
be2321fcd6 thelounge dbb-plex traefik patch 2024-11-11 09:15:59 -05:00
deathbybandaid
d18486c1b0 2024-11-09 b 2024-11-09 13:05:58 -05:00
deathbybandaid
c75dc1edb4 2024-11-09 2024-11-09 11:58:36 -05:00
deathbybandaid
306566df5c 2024-07-02 2024-07-02 10:23:08 -04:00
deathbybandaid
61fe99f629 2024-03-29 2024-03-29 08:53:33 -04:00
deathbybandaid
48562748c4 2023-08-24 2023-08-24 07:47:58 -04:00
deathbybandaid
77f85d5758 2023-07-27 2023-07-27 09:52:48 -04:00
deathbybandaid
8df16a58ff 2023-03-06 2023-03-06 10:14:05 -05:00
deathbybandaid
a3143a13bb selfoss hide offline checkbox 2023-02-23 09:45:46 -05:00
deathbybandaid
0c72a1e4b0 2023-02-21 2023-02-21 14:05:16 -05:00
deathbybandaid
a1545f7ac1 2022-12-19 2022-12-19 15:59:47 -05:00
deathbybandaid
f5e6b709c9 authelia base 2022-12-06 19:23:43 -05:00
deathbybandaid
7be652873d rename 2022-12-02 13:18:32 -05:00
deathbybandaid
ff06fb6216 add nginx error page themeing 2022-12-02 13:18:05 -05:00
deathbybandaid
46cd284ef8 2022-10-26 2022-10-26 08:38:16 -04:00
deathbybandaid
618e929a50 2022-07-16 2022-07-16 07:41:58 -04:00
deathbybandaid
43b01110c2 2022-07-09 2022-07-09 16:39:46 -04:00
deathbybandaid
a319645dc7 2022-05-17 2022-05-17 10:54:36 -04:00
deathbybandaid
f8861d1a94 2022-05-02 2022-05-02 07:30:40 -04:00
deathbybandaid
a0c9584190 2022-04-24 2022-04-25 07:39:03 -04:00
deathbybandaid
c83c9b1143 2022-04-18 2022-04-18 10:39:47 -04:00
deathbybandaid
81b2e66fd9 2022-04-14 patch 2022-04-14 12:31:41 -04:00
deathbybandaid
58636f95f2 2022-04-12 2022-04-12 07:41:11 -04:00
deathbybandaid
e8aed097d4 whisparr 2022-04-05 09:24:03 -04:00
deathbybandaid
0337a28c71 April 5th 2022-04-05 09:16:07 -04:00
deathbybandaid
d93e22ec21 Update 2022-03-19 2022-03-19 17:01:32 -04:00
deathbybandaid
b3732cac70 Update 2022-02-22 2022-02-22 07:31:11 -05:00
deathbybandaid
68fedbffd7 Update 2022-2-15 2022-02-15 17:44:45 -05:00
deathbybandaid
50b841ab93 first vector push for base 2022-02-03 15:54:29 -05:00
deathbybandaid
1c58401a0e Backup mediawiki css 2022-02-03 15:33:16 -05:00
deathbybandaid
ae89efda06 test 2022-01-26 16:21:40 -05:00
deathbybandaid
d83d5005a4 test 2022-01-12 09:49:13 -05:00
deathbybandaid
625a5a3f66 test 2022-01-12 08:08:14 -05:00
deathbybandaid
37401715e7 test 2022-01-12 08:04:53 -05:00
deathbybandaid
460b9e47cb huginn 2022-01-12 07:37:09 -05:00
deathbybandaid
770c93166e test 2022-01-11 13:18:42 -05:00
deathbybandaid
af122dfd4b test 2022-01-11 13:15:38 -05:00
deathbybandaid
68b50c888a test 2022-01-11 13:15:21 -05:00
deathbybandaid
f76621351d fhdhr 2022-01-11 13:13:54 -05:00
deathbybandaid
850628b66f test 2022-01-11 12:29:43 -05:00
deathbybandaid
4f827d4658 test 2022-01-11 12:23:22 -05:00
deathbybandaid
18d221a4ea Custom selfoss css show IDs 2022-01-11 12:06:14 -05:00
deathbybandaid
2c11fd1674 webkit scrollbar 2022-01-08 09:44:47 -05:00
deathbybandaid
f510e0662e remove old paths 2022-01-07 15:19:44 -05:00
deathbybandaid
6fb8567eef update thelounge base path 2022-01-07 15:17:44 -05:00
deathbybandaid
1da10b40f6 test 2022-01-06 15:25:25 -05:00
deathbybandaid
c4239f0d66 Temp fix 2022-01-06 15:22:26 -05:00
deathbybandaid
4dba102338 Temp 2022-01-06 15:22:02 -05:00
deathbybandaid
5c41206882 test 2022-01-06 15:08:34 -05:00
deathbybandaid
9cb57006b5 update 1-6-2022 2022-01-06 14:48:47 -05:00
deathbybandaid
2d092209a3 test 2022-01-06 14:05:40 -05:00
deathbybandaid
3f60ff8d61 test 2022-01-06 14:02:19 -05:00
deathbybandaid
856b86f8f6 2.18 backup 2022-01-06 13:05:40 -05:00
deathbybandaid
9568df1f8f First Selfoss Test 2022-01-06 11:44:00 -05:00
deathbybandaid
08def598e4 nzbget dark 2021-11-30 13:04:02 -05:00
deathbybandaid
f040645b32 Deluge-Dark 2021-11-30 13:01:03 -05:00
deathbybandaid
4e0aa2d070 proxmox theme 2021-11-30 12:37:44 -05:00
deathbybandaid
3d5ac1bdb5 fHDHR theme 2021-11-30 12:33:32 -05:00
deathbybandaid
54641f50f3 custom thelounge css 2021-11-30 12:28:30 -05:00
deathbybandaid
a9e1efd1fb Update subdomain 2021-11-30 11:24:10 -05:00
deathbybandaid
8abfe76711 update 11-23-2021 2021-11-23 16:22:41 -05:00
deathbybandaid
9d63c25087 update 10-4-21 2021-10-04 13:34:27 -04:00
deathbybandaid
97e2838f07 update 9-21-21 2021-09-21 13:43:49 -04:00
deathbybandaid
cc990d9b39 patch 2021-06-29 08:34:04 -04:00
deathbybandaid
da35b697bc update 6-29-21 2021-06-29 08:22:17 -04:00
deathbybandaid
2fad96e5b0 update 6-10-21 2021-06-10 08:25:26 -04:00
deathbybandaid
c8bd544ab4 patch urls to htpc 2021-05-27 08:47:54 -04:00
deathbybandaid
16580d9c1e branch fix 2021-05-27 08:42:18 -04:00
deathbybandaid
32bfccb8da painful update 5-27-21 2021-05-27 08:34:17 -04:00
deathbybandaid
b30671e9a8 selfhosted 2020-12-01 13:27:55 -05:00
3593 changed files with 36849 additions and 33480 deletions

View File

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

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.vscode/*

1
.nojekyll Normal file
View File

@ -0,0 +1 @@

1
CNAME Normal file
View File

@ -0,0 +1 @@
theme-park.dev

128
CODE_OF_CONDUCT.md Normal file
View File

@ -0,0 +1,128 @@
# Contributor Covenant Code of Conduct
## Our Pledge
We as members, contributors, and leaders pledge to make participation in our
community a harassment-free experience for everyone, regardless of age, body
size, visible or invisible disability, ethnicity, sex characteristics, gender
identity and expression, level of experience, education, socio-economic status,
nationality, personal appearance, race, religion, or sexual identity
and orientation.
We pledge to act and interact in ways that contribute to an open, welcoming,
diverse, inclusive, and healthy community.
## Our Standards
Examples of behavior that contributes to a positive environment for our
community include:
* Demonstrating empathy and kindness toward other people
* Being respectful of differing opinions, viewpoints, and experiences
* Giving and gracefully accepting constructive feedback
* Accepting responsibility and apologizing to those affected by our mistakes,
and learning from the experience
* Focusing on what is best not just for us as individuals, but for the
overall community
Examples of unacceptable behavior include:
* The use of sexualized language or imagery, and sexual attention or
advances of any kind
* Trolling, insulting or derogatory comments, and personal or political attacks
* Public or private harassment
* Publishing others' private information, such as a physical or email
address, without their explicit permission
* Other conduct which could reasonably be considered inappropriate in a
professional setting
## Enforcement Responsibilities
Community leaders are responsible for clarifying and enforcing our standards of
acceptable behavior and will take appropriate and fair corrective action in
response to any behavior that they deem inappropriate, threatening, offensive,
or harmful.
Community leaders have the right and responsibility to remove, edit, or reject
comments, commits, code, wiki edits, issues, and other contributions that are
not aligned to this Code of Conduct, and will communicate reasons for moderation
decisions when appropriate.
## Scope
This Code of Conduct applies within all community spaces, and also applies when
an individual is officially representing the community in public spaces.
Examples of representing our community include using an official e-mail address,
posting via an official social media account, or acting as an appointed
representative at an online or offline event.
## Enforcement
Instances of abusive, harassing, or otherwise unacceptable behavior may be
reported to the community leaders responsible for enforcement at
contact@theme-park.dev.
All complaints will be reviewed and investigated promptly and fairly.
All community leaders are obligated to respect the privacy and security of the
reporter of any incident.
## Enforcement Guidelines
Community leaders will follow these Community Impact Guidelines in determining
the consequences for any action they deem in violation of this Code of Conduct:
### 1. Correction
**Community Impact**: Use of inappropriate language or other behavior deemed
unprofessional or unwelcome in the community.
**Consequence**: A private, written warning from community leaders, providing
clarity around the nature of the violation and an explanation of why the
behavior was inappropriate. A public apology may be requested.
### 2. Warning
**Community Impact**: A violation through a single incident or series
of actions.
**Consequence**: A warning with consequences for continued behavior. No
interaction with the people involved, including unsolicited interaction with
those enforcing the Code of Conduct, for a specified period of time. This
includes avoiding interactions in community spaces as well as external channels
like social media. Violating these terms may lead to a temporary or
permanent ban.
### 3. Temporary Ban
**Community Impact**: A serious violation of community standards, including
sustained inappropriate behavior.
**Consequence**: A temporary ban from any sort of interaction or public
communication with the community for a specified period of time. No public or
private interaction with the people involved, including unsolicited interaction
with those enforcing the Code of Conduct, is allowed during this period.
Violating these terms may lead to a permanent ban.
### 4. Permanent Ban
**Community Impact**: Demonstrating a pattern of violation of community
standards, including sustained inappropriate behavior, harassment of an
individual, or aggression toward or disparagement of classes of individuals.
**Consequence**: A permanent ban from any sort of public interaction within
the community.
## Attribution
This Code of Conduct is adapted from the [Contributor Covenant][homepage],
version 2.0, available at
https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
Community Impact Guidelines were inspired by [Mozilla's code of conduct
enforcement ladder](https://github.com/mozilla/diversity).
[homepage]: https://www.contributor-covenant.org
For answers to common questions about this code of conduct, see the FAQ at
https://www.contributor-covenant.org/faq. Translations are available at
https://www.contributor-covenant.org/translations.

View File

@ -1,8 +0,0 @@
# CSS Addons
## [Organizr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/)
## [Radarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/radarr)
## [Sonarr](https://github.com/gilbN/theme.park/tree/master/CSS/addons/sonarr)

View File

@ -1,3 +0,0 @@
# Organizr Addons
## [Glass](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass)

View File

@ -1,112 +0,0 @@
# 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-only)
***
### `Tip!`
If you're on Docker use the `php-fpm` tag to speed up load times, like so: `organizrtools/organizr-v2:php-fpm`
***
### NOTE
**Firefox:** `From version 70: this feature is behind the layout.css.backdrop-filter.enabled preference (needs to be set to true). To change preferences in Firefox, visit about:config.`
## Full
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
```css
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-base.css";
:root {
--main-bg-color: url(https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/example.jpg) center center/cover no-repeat fixed;
--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--link-color: #fff;
--custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
--hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed;
--notification-box-line: #000;
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
}
```
On mobile the background is replaced with `--mobile-bg-color`. Find a background you like here https://cssgradient.io/gradient-backgrounds/ or just set it to a regualar color e.g. `#1f1f1f`
Here are the other theme colors if you want to use that instead:
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/aquamarine_banner.png" width="600px" />
`--mobile-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/hotline_banner.png" width="600px" />
` --mobile-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/spacegray_banner.png" width="600px" />
`--mobile-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;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/dark_banner.png" width="600px" />
`--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;`
<img src="https://raw.githubusercontent.com/gilbN/theme.park/master/Screenshots/plex_banner.png" width="600px" />
`--mobile-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;`
### Replace the variables if you have a dark background.
* Light blur colors for dark backgrounds.
```css
--div-background-color-10: rgba(255, 255, 255, 0.10);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
```
* Dark blur colors for bright backgrounds
```css
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
```
## Login - Lockscreen only
If you just want the login and lockscreen css, just add this in custom CSS:
```css
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-login.css";
```
You can change the blur background color by adding the variables above. The default is dark.
```css
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass/glass-login.css";
:root {
--div-background-color-10: rgba(255, 255, 255, 0.10);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
}
```
# Screenshots
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/login.png)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/lockscreen.png)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/homepage.jpg)
![](https://raw.githubusercontent.com/gilbN/theme.park/master/CSS/addons/organizr/glass/screenshots/settings.jpg)

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.4 MiB

View File

@ -1,710 +0,0 @@
/* Set the Organizr theme to either Aquamarine or Hotline */
/* Import the glass-base.css and root variables in the Custom Theme CSS box like below */
/*
@import "https://gilbn.github.io/theme.park/CSS/addons/organizr/glass-base.css";
:root {
--main-bg-color: url(https://domain.com/your/hosted/wallpaper.jpg) center center/cover no-repeat fixed;
--mobile-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
--link-color: #fff;
--custom-buttons-color: radial-gradient(ellipse at center, #3F51B5 0%, #009688 100%) center center/cover no-repeat fixed;
--hompage-item-hover: radial-gradient(ellipse at center, rgba(0, 150, 136, 0.33) 0%, #b53f3f73 100%) center center/cover no-repeat fixed;
--notification-box-line: #000;
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
}
*/
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
*/
/* Dark blur colors for bright backgrounds */
/*
--div-background-color-10: rgba(0, 0, 0, 0.15);
--div-background-color-15: rgba(0, 0, 0, 0.25);
--div-background-color-25: rgba(0, 0, 0, 0.35);
--div-background-color-35: rgba(0, 0, 0, 0.45);
*/
/*Settings */
.feeds li>div i {
color: black !important;
}
.row-in i {
font-size: 24px;
color: black;
}
.profile-social-icons a {
color: #eee;
}
.btn-info.btn-outline {
color: #eee !important;
}
.btn-info.btn-outline:hover {
background: var(--div-background-color-15);
color: #fff;
}
.content-wrap {
background: var(--div-background-color-15) !important;
border-radius: 0 0 15px 15px;
}
.content-wrap section.content-current {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: rgba(0, 0, 0, 0);
border-radius: 0 0 15px 15px;
}
.panel-blue .panel-heading, .panel-info .panel-heading {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: transparent;
}
.panel .table {
background: transparent !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.sttabs nav ul {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px 15px 0 0;
}
.sttabs nav {
background: var(--div-background-color-25);
border-radius: 15px 15px 0 0;
}
#settings-main-system-settings-anchor > .sttabs nav ul li{
border-radius: 15px;
}
.tab-content>.active {
background: transparent;
}
.bg-title {
background: var(--div-background-color-10);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.white-box {
background: transparent;
}
.white-popup-block {
background: var(--div-background-color-10) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.user-bg {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
#internal-Settings .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
padding-top: 10px;
}
/* Nav bar
.navbar-header {
background: transparent !important;
}
*/
@media (min-width: 768px) {
.navbar-static-top {
background: var(--main-bg) !important;
}
}
/* Dropdown */
.dropdown-menu {
background: var(--div-background-color-25);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.open>.dropdown-menu {
display: block;
border-radius: 15px;
}
.navbar-top-links .dropdown-user {
border-radius: 15px;
}
#plexRecent .recent-filter {
background: var(--div-background-color-25) !important;
border-radius: 15px;
}
/* Side bar */
.sidebar {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
box-shadow: none;
}
.sidebar-head {
background: transparent !important;
}
/*Calendar */
.fc-toolbar {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15) !important;
}
.fc-view {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.fc-popover {
background: var(--div-background-color-25);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
#homepageOrdercalendar .fc-toolbar {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.fc-row, .fc-unthemed {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/* Calendar mobile*/
.fc th.fc-widget-header {
padding-left: 5px;
}
/*Error page */
.error-body {
padding-top: 15%;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
height: -webkit-fill-available;
margin-top: -10%;
}
/* notify - popup */
.iziToast.update-notify.iziToast-layout2, .iziToast.success-notify.iziToast-layout2 {
border: none;
background: var(--div-background-color-25) !important;
border-bottom: transparent;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.iziToast.warning-notify.iziToast-layout2 {
background: var(--div-background-color-25);
border: 1px solid transparent;
border-bottom: transparent;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.iziToast:after {
background: transparent !important;
}
.mfp-container {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 1 !important;
background: var(--main-bg-color) !important;
}
.mfp-wrap {
background: var(--main-bg-color);
}
.main-email-panel .panel-body {
background: var(--div-background-color-25) !important;
border-bottom-right-radius: 15px !important;
border-bottom-left-radius: 15px !important;
}
.white-popup-block {
background: var(--div-background-color-25) !important;
}
.white-popup .panel-footer {
background: var(--div-background-color-25);
border-top: 1px solid #fff;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.panel>.table-responsive:last-child>.table:last-child, .panel>.table:last-child {
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/* Homepage downloader */
#homepageOrderdownloader {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
padding: 10px;
border-radius: 15px;
}
#homepageOrderdownloader .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover {
padding-top: 14px;
}
#homepageOrderdownloader .nav-tabs>li>a {
padding-top: 14px;
}
/* Homepage card */
.nowPlayingItem > .white-box > .el-card-item {
background: var(--div-background-color-15) !important;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
}
.active-tab-Homepage .white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) {
background: var(--div-background-color-25) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
#plexStreams .el-element-overlay .el-card-item .el-overlay-1 img, #plexStreams .el-element-overlay:hover .el-card-item:hover .el-overlay-1:hover img:hover {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.el-element-overlay .el-card-item .el-overlay-1 {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.el-element-overlay .el-card-item .el-overlay {
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.white-popup .panel-heading, .white-popup>.col-md-6>.white-box:first-child {
background: var(--div-background-color-25) !important;
border-top-right-radius: 15px;
border-top-left-radius: 15px;
}
.label-info {
background: var(--div-background-color-25);
}
#plexRecent, #homepageOrderplexplaylist, #homepageOrdercalendar, #homepageOrderembyrecent, #ombi-requests, #homepageOrderdeluge, #homepageOrdernzbget, #homepageOrdertransmission, #homepageOrderrTorrent, #homepageOrderjdownloader, #homepageOrdersabnzbd,#homepageOrderqBittorrent {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
margin: 5px;
border-radius: 15px;
}
.bg-info {
background-color: transparent !important;
}
/* Health checks */
.card-body {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.bg-inverse .healthPosition {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px);
backdrop-filter: saturate(180%) blur(30px);
}
/* Unifi cards */
.unifiCards .panel-wrapper.collapse.in {
background: var(--div-background-color-15);
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.unifiCards .panel-heading {
background: var(--div-background-color-35) !important;
color: #fff !important;
border-color: transparent !important;
text-align: inherit !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom: 0px;
}
.unifiCards .panel-warning .panel-heading, .unifiCards .panel-success .panel-heading {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 0px;
border-bottom-left-radius: 0px;
}
#allUnifi .unifiCards .panel .panel-warning {
border-radius: 15px !important;
}
.unifiCards .ti-close:before {
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
color: rgba(255, 69, 58, 1);
}
.unifiCards .ti-minus:before {
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
color: rgba(255, 204, 0, 1);
}
.unifiCards .ti-plus:before {
content: "\f111";
font-family: FontAwesome;
font-size: 20px;
color: rgba(40, 205, 65, 1);
}
/* Custom HTML */
#homepageOrdercustomhtmlTwo, #homepageOrdercustomhtml {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-15);
border-radius: 15px;
padding-left: 10px;
padding-right: 10px;
margin-bottom: 5px;
}
/* Invite */
#invite-area .bg-org {
background: var(--div-background-color-15) !important;
border-radius: 15px;
}
#new-invite-area .white-popup .panel-body,#new-invite-area .white-popup>.col-md-6>.white-box:nth-child(2) {
background: var(--div-background-color-15) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
.white-popup .panel-body, .white-popup>.col-md-6>.white-box:nth-child(2) {
background: var(--div-background-color-15) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
/* Email users */
.email-div .panel-body {
border-radius: 0px !important;
}
/* Speedtest popup */
#speedtest-area .white-popup .panel-footer {
background: var(--div-background-color-25) !important;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}
#speedtest-area .white-popup .panel-body,#speedtest-area .white-popup>.col-md-6>.white-box:nth-child(2) {
border-bottom-right-radius: 0px !important;
border-bottom-left-radius: 0px !important;
}
/* Modal */
.modal-content, .modal-header, .modal-footer, .modal-body {
background: var(--div-background-color-10) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-color: transparent;
}
.modal-body {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.modal-header {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.modal-open .modal {
background: var(--main-bg-color);
}
.modal-content {
border-radius: 15px;
box-shadow: none;
}
/* loginpage sidemenu */
@media (max-width: 480px) {
#wrapper .login-register > .login-box > .white-box {
background: transparent !important;
margin-top: auto !important;
width: 100% !important;
-webkit-backdrop-filter: blur(0px) !important;
backdrop-filter: blur(0px) !important;
}
}
@media (max-width: 480px) {
.login-box.login-sidebar {
background: var(--div-background-color-15) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
}
/* logo */
.white-box .visible-xs {
display: block!important;
}
.loginLogo {
border: 0;
margin-top: -60%;
transform: translateY(-10%);
}
@media (max-width: 480px) {
.loginLogo {
margin-top: -10% !important;
}
}
.blockUI {
opacity: 1 !important;
background-color: transparent !important;
}
.blockMsg {
background: rgba(0, 0, 0, 0.9) !important;
border: none !important;
}
.login-register > .login-box > .white-box {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
-webkit-box-shadow: none;
box-shadow: none;
}
.login-register {
height: 100%;
position: fixed;
}
.slideInRight {
-webkit-animation-name: none;
animation-name: none;
}
.login-register .login-box .white-box .bg-org {
background-color: transparent !important;
}
/*2FA login button*/
.panel-wrapper .panel-body > .btn-warning, .btn-warning.disabled {
background: var(--div-background-color-15) !important;
border: 1px solid #ffc36d00 !important;
}
/*2FA animation header*/
.panel-warning .panel-heading, .panel-yellow .panel-heading {
color: #fff;
border-radius: 3px;
background-color: rgba(0, 0, 0, 0.3);
border-color: #00000000;
}
/*oAuth Successful*/
.panel-green .panel-heading, .panel-success .panel-heading {
color: #53e69d;
text-align: center;
text-transform: uppercase;
border-radius: 3px;
background-color: transparent;
border-color: transparent;
}
/*Login sidebar*/
.login-box.login-sidebar,
#login-panels .panel-body,
#login-panels .panel {
background: transparent;
}
#login-panels .form-control , #login-panels .btn {
background: rgba(255, 255, 255, 0.35);
color: white;
border-radius: 25px;
border: none;
}
/* #login-panels {
height: 44px;
}*/
#login-panles .btn-info.disabled.focus .btn-info.disabled:focus .btn-info.disabled:hover .btn-info.focus .btn-info:focus .btn-info:hover .btn:hover {
background: rgba(255,255, 255, 0.65);
border:none;
}
/*Center login Box*/
.login-sidebar {
position: relative;
right: initial;
}
#lockScreen .white-box {
width: 400px;
height: 345px;
}
.login-sidebar .white-box {
width: 100%;
position: absolute;
top: 50%;
transform: translateY(-50%);
}
#lockScreen .white-box {
position: absolute;
top: 50%;
transform: translateY(-50%);
background: var(--div-background-color-25);
-webkit-box-shadow: none;
box-shadow: none;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px;
}
.form-control::placeholder {
color: white;
}
#login-username-Input, #login-password-Input {
text-align: center;
}
.panel .panel-heading .panel-title, label, span, .fa-lock:before {
color: #ffffff;
}
/* Lock screen */
#lockScreen .form-material .form-control, .form-material .form-control:focus {
background: rgba(255, 255, 255, 0.35);
border-radius: 25px;
padding: inherit;
text-align: center;
}
#lockScreen .btn-info {
background: rgba(255, 255, 255, 0.35);
border-radius: 25px;
}
/* Extra */
.cbutton {
background-color: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
border-radius: 15px !important;
border: none !important;
padding: 4px !important;
}
.cbutton:hover {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: saturate(180%) blur(30px) !important;
backdrop-filter: saturate(180%) blur(30px)!important;
opacity: 1 !important;
}
/* Debug modal */
.mdi-package-variant-closed:before {
content: "\F3D7";
color: black;
}
.mdi-receipt:before {
content: "\F449";
color: black;
}
.debugModal .modal-body{
border-bottom-left-radius: 0px !important;
border-bottom-right-radius: 0px !important;
}
.debugModal .modal-footer {
background: var(--div-background-color-10) !important;
border-bottom-left-radius: 15px !important;
border-bottom-right-radius: 15px !important;
}
#debugPreInfo .slimScrollDiv, #debugResults .slimScrollDiv {
background: var(--div-background-color-15);
}
/* Swal popup */
.swal-overlay--show-modal .swal-modal {
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
background: var(--div-background-color-25);
border-radius: 15px;
}
.swal-title {
color: white;
}
.swal-overlay--show-modal {
background: var(--main-bg-color);
}
/* Mobile*/
@media (max-width: 480px) {
#page-wrapper {
background: var(--mobile-bg-color) !important;
background-size: cover;
background-repeat: no-repeat;
width: 100%;
height: 100%;
}
#side-menu {
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
.navbar-header {
background: var(--div-background-color-25) !important;
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
}
.navbar-default {
background: var(--mobile-bg-color);
border-color: #e7e7e7;
}
#internal-Settings {
-webkit-backdrop-filter: blur(10px) !important;
backdrop-filter: blur(10px) !important;
background: var(--mobile-bg-color) !important;
}
.mfp-zoom-out.mfp-ready.mfp-bg {
opacity: 1 !important;
background: var(--mobile-bg-color) !important;
}
.mfp-wrap {
background: var(--mobile-bg-color)!important;
}
.modal-open .modal {
background: var(--mobile-bg-color)!important;
}
#page-wrapper {
background: var(--mobile-bg-color) !important;
}
#internal-Settings, #preloader, .preloader, .active-tab-Settings, .error-page {
background: var(--mobile-bg-color) !important;
}
html {
background: var(--mobile-bg-color) !important;
}
}

View File

@ -1,54 +0,0 @@
# 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";
```

View File

@ -1,73 +0,0 @@
/* 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;
}
}

View File

@ -1,54 +0,0 @@
# 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";
```

View File

@ -1,95 +0,0 @@
/* 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;
}
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 24 KiB

View File

@ -1,31 +0,0 @@
/*_____________________AMBER_THEME______________________*/
/*--body-before:#ffb52a1a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */
/*--body-after: #ffb52a33; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#ffb52a1a;
--body-after: #ffb52a33;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromoyellow.png) center no-repeat;
--text-color: #ffb52a;
--input-color: #ffb52a;
--link-color: #ffb52a;
--link-color-hover: #ff6868;
--case-color: #ffb52a;
--button-text-color: #ffb52a;
--button-text-color-hover: #000;
--button-color: #ffb52a;
--button-color-hover: #ff6868;
--selection-color: #ff6868;
--custom-text-header:#ffb52a;
--custom-text-header-shadow:#ffb52a;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #ffb52a;
--box-shadow: 0 0 15px;
}

View File

@ -1,31 +0,0 @@
/*_____________________BLUE_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--body-after: #70d7f633;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromoblue.png) center no-repeat;
--text-color: #70d7f6;
--input-color: #70d7f6;
--link-color: #70d7f6;
--link-color-hover: #8f2809;
--case-color: #70d7f6;
--button-text-color: #70d7f6;
--button-text-color-hover: #000;
--button-color: #70d7f6;
--button-color-hover: #8f2809;
--selection-color: #8f2809;
--custom-text-header:#70d7f6;
--custom-text-header-shadow:#70d7f6;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #70d7f6;
--box-shadow: 0 0 15px;
}

View File

@ -1,31 +0,0 @@
/*_____________________GREEN_THEME______________________*/
/* --body-before:#00ff771a; /* This is the background that flickers, background uses a transparency of 10% */
/* --body-after: #00ff7733; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/* --custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#00ff771a;
--body-after: #00ff7733;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromogreen.png) center no-repeat;
--text-color: #37f592;
--input-color: #37f592;
--link-color: #37f592;
--link-color-hover: #68ffff;
--case-color: #37f592;
--button-text-color: #37f592;
--button-text-color-hover: #000;
--button-color: #37f592;
--button-color-hover: #68ffff;
--selection-color: #68ffff;
--custom-text-header:#37f592;
--custom-text-header-shadow:#37f592;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #37f592;
--box-shadow: 0 0 15px;
}

View File

@ -1,31 +0,0 @@
/*_____________________RED_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color: black;
--body-before: #ff00001a;
--body-after: #ff000033;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromored.png) center no-repeat;
--text-color: #e22828;
--input-color: #e22828;
--link-color: #e22828;
--link-color-hover: #ffffff;
--case-color: #e22828;
--button-text-color: #e22828;
--button-text-color-hover: #000;
--button-color: #e22828;
--button-color-hover: #ffffff;
--selection-color: #ffffff;
--custom-text-header: #e22828;
--custom-text-header-shadow: #e22828;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #e22828;
--box-shadow: 0 0 15px;
}

View File

@ -1,384 +0,0 @@
@import "https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css";
@import "https://fonts.googleapis.com/css?family=Share+Tech+Mono&display=swap";
@import "https://fonts.googleapis.com/css?family=VT323";
/*___FONTS___*/
/* 'VT323', 'Share Tech Mono' */
/* Replace the variables if you have a dark background */
/* Light colors for dark backgrounds */
/*
--div-background-color-10: rgba(255, 255, 255, 0.1);
--div-background-color-15: rgba(255, 255, 255, 0.15);
--div-background-color-25: rgba(255, 255, 255, 0.25);
--div-background-color-35: rgba(255, 255, 255, 0.35);
https://www.transparenttextures.com/patterns/hexellence.png
https://www.transparenttextures.com/patterns/gplay.png
https://www.transparenttextures.com/patterns/simple-horizontal-light.png
https://www.colourlovers.com/palette/3428762/Fallout?widths=1
https://codepen.io/meduzen/pen/zxbwRV
https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
https://brennan.io/2017/06/14/alien-computer-card/
https://www.cssmatic.com/noise-texture
https://codepen.io/somethingformed/pen/raWJXV
============ SOURCES =============
https://github.com/brenns10/alien-console
https://github.com/Swordfish90/cool-retro-term
https://github.com/andersevenrud/retro-css-shell-demo CRT INTERLACE
https://codepen.io/lbebber/pen/XJRdrV/ CRT KEY FRAMES
https://codepen.io/patrickhlauke/pen/YaoBop TEXT FLIKER
*/
/*
INSTALLATION
cp -p /usr/local/emhttp/login.php /usr/local/emhttp/login.php.backup
#!/bin/bash \
theme=green \
sed -i -e '\@<style>@i\ <link rel="stylesheet" href="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/retro-terminal\/"$theme".css">' /usr/local/emhttp/login.php
sed -i -e '\@</body>@i\ <script type="text/javascript" src="https:\/\/gilbn.github.io\/theme.park\/CSS\/addons\/unraid\/login-page\/alien\/retro-terminal\/js\/custom_text_header.js"></script>' /usr/local/emhttp/login.php
RESTORE
cp /usr/local/emhttp/login.php.backup /usr/local/emhttp/login.php
# add video background
sed -i -e '\@<body>@a\ div class="background-wrap"><video id="video-bg-elem" preload="auto" autoplay="true" loop="loop" muted="muted"> <source src="https:\/\/gilbn.github.io\/customfiles\/VaultTecCRTLoop.mp4" type="video\/mp4">Video not supported<\/video><\/div>' /usr/local/emhttp/login.php
*/
@media (max-width: 500px) {
#login {
-webkit-backdrop-filter: blur(0px);
backdrop-filter: blur(0px);
position: absolute;
padding-top: 0rem !important;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
border-radius: none !important;
}
.background-wrap,#video-bg-elem,.custom-text-header {display: none;}
#login {
border:none !important;
}
}
html {background: var(--main-bg-color) !important;}
body {background: var(--main-bg-color) !important;}
/* CRT SCREEN FLICKER*/
body::before {
content: "";
background: radial-gradient(ellipse at center,var(--body-before) 0,rgb(0, 0, 0) 100%) !important;
background-repeat: repeat-y !important;
background-size: 100% 4px !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
animation: flicker 0.01s infinite;
pointer-events: none;
}
/* CRT BACKGROUND WITH LINES*/
body::after {
content: "";
background: radial-gradient(ellipse at center,var(--body-after) 0,rgba(0, 0, 0, 0.6) 80%) center center/cover no-repeat fixed, linear-gradient(#0000 0%,#0000 0%) !important;
background-repeat: repeat-y !important;
background-size: 100% 4px !important;
position: absolute;
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
overflow: hidden;
pointer-events: none;
}
@keyframes flicker {0% {opacity: 0.37633;}5% {opacity: 0.70002;}10% {opacity: 0.64427;}15% {opacity: 0.35591;}20% {opacity: 0.34054;}25% {opacity: 0.54917;}30% {opacity: 0.41056;}35% {opacity: 0.67637;}40% {opacity: 0.23681;}45% {opacity: 0.64945;}50% {opacity: 0.67522;}55% {opacity: 0.56049;}60% {opacity: 0.06113;}65% {opacity: 0.95766;}70% {opacity: 0.77945;}75% {opacity: 0.33817;}80% {opacity: 0.19735;}85% {opacity: 0.84337;}90% {opacity: 0.82867;}95% {opacity: 0.65512;}100% {opacity: 0.15179;}}
@media only screen and (max-width: 768px) {
#login {
min-width: 300px;
}
}
/*FOR VIDEO BACKGROUND*/
.background-wrap {
position: fixed;
z-index: -1000;
width: 100%;
height: 100%;
overflow: hidden;
top: 0;
left: 0;
}
#video-bg-elem {
position: absolute;
top: 0;
left: 0;
min-height: 100%;
min-width: 100%;
}
/*TEXT COLOR*/
#login h1,
#login h2,
#login .error {
color: var(--text-color) !important;
text-shadow: var(--text-shadow) var(--text-shadow-color);
}
#login a {
color: var(--link-color);
text-shadow: var(--text-shadow) var(--text-shadow-color);
}
#login a:hover {
color: var(--link-color-hover);
text-shadow: var(--text-shadow) var(--text-shadow-color);
}
#login input {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-shadow-color);
}
#login ::placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-shadow-color);
}
#login ::-webkit-input-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-shadow-color);
}
#login ::-moz-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-shadow-color);
}
#login :-ms-input-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-shadow-color);
}
#login :-moz-placeholder {
color: var(--input-color);
text-shadow: 0 0 5px var(--text-shadow-color);
}
#login input:focus::-webkit-input-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus:-moz-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus::-moz-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
#login input:focus:-ms-input-placeholder {
color: transparent !important;
text-shadow: 0 0 0px transparent;
}
/*TEXT FONT*/
#login h1,
#login h2,
#login a,
#login .button,
#login .error {
font-family: var(--text-font);
-webkit-font-smoothing: none;
line-height: 1.2;
}
h1 {
font-size: 3em;
margin: 0;
}
/* CASE COLOR */
#login [class^='case-'],
#login [class*=' case-'] {
font-family: cases!important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
color: var(--case-color);
text-shadow: var(--text-shadow) var(--text-shadow-color);
}
/*INPUT FORMS*/
#login [type=text],
#login [type=password] {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
border: 2px solid transparent;
text-transform: uppercase;
border-radius: 0px;
border: 3px solid var(--text-color);
color: var(--text-color);
}
#login [type=text]:active,
#login [type=text]:focus,
#login [type=password]:active,
#login [type=password]:focus {
font-family: var(--input-font);
background-color: rgba(0, 0, 0, 0.25);
text-transform: uppercase;
}
/*BUTTON*/
#login .button {
color: var(--button-text-color);
text-shadow: var(--text-shadow) var(--text-shadow-color);
background: linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 0 no-repeat, linear-gradient(90deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 0 100% no-repeat, linear-gradient(0deg, var(--button-color) 0, var(--button-color)) 100% 100% no-repeat;
background: -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 0 no-repeat, -webkit-gradient(linear, left top, right top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 0 100% no-repeat, -webkit-gradient(linear, left bottom, left top, from(var(--button-color)), to(var(--button-color))) 100% 100% no-repeat;
background-size: 100% 2px, 100% 2px, 2px 100%, 2px 100%;
}
#login .button:hover {
color: var(--button-text-color-hover);
text-shadow: var(--text-shadow) var(--button-color-hover);
box-shadow: var(--box-shadow) var(--button-color-hover);
background-color: var(--button-color-hover);
background: -webkit-gradient(linear, left top, right top, from(var(--button-color-hover)), to(var(--button-color-hover)));
background: linear-gradient(90deg, var(--button-color-hover) 0, var(--button-color-hover));
}
/*LOGIN ID*/
#login {
background: var(--loginbox-background-color) !important;
padding-top: 1rem;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
margin: 0 !important;
text-transform: uppercase;
min-width: 300px;
border-radius: 0px !important;
border: 3px dashed var(--text-color);
}
#login .angle::after {
display:none;
}
#login .wordmark svg {
display: none;
}
#login .logo {
background: var(--logo);
background-size: contain;
padding: 2rem;
border-radius: 0;
margin: 0rem 1rem 0rem 1rem;
}
logo.angle {
-webkit-box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
box-shadow: inset 0px 0px 0px 2px var(--text-color) !important;
border-radius: 0px !important;
}
#login .error {
animation-name: shake;
animation-duration: .7s;
}
/*CUSTOM HEADER*/
.custom-text-header {
white-space: pre;
letter-spacing: 2px;
font-family: var(--text-font);
-webkit-font-smoothing: none;
font-weight: 900;
line-height: 1.5;
color: var(--custom-text-header) !important;
text-shadow: 0 0 20px var(--custom-text-header-shadow);
position: absolute;
left: 50%;
top: -15%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
animation-duration: 0.01s;
animation-name: var(--custom-text-header-animation);
animation-iteration-count: infinite;
animation-direction: alternate;
font-weight: 900;
}
.custom-text-header:after {
content: "";
position: absolute;
top: 111px;
right: -15px;
background-color: var(--custom-text-header);
vertical-align: top;
width: 20px;
height: 2px;
-webkit-animation: blink 1s step-end infinite;
animation: blink 1s step-end infinite;
}
@-webkit-keyframes blink {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blink {
0% { opacity: 1.0; }
50% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes textflicker {
from {
text-shadow: 1px 0 0 #ea36af, -2px 0 0 #75fa69;
border: 10px 0 0 #ea36af, -2px 0 0 #75fa69;
}
to {
text-shadow: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
border: 2px 0.5px 2px #ea36af, -1px -0.5px 2px #75fa69;
}
}
::selection {
background: var(--selection-color); /* WebKit/Blink Browsers */
}
::-moz-selection {
background: var(--selection-color); /* Gecko Browsers */
}
/*
__ ___ __
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
/ __ \/ __ \/ ___/ __/ ___/ __ \/ __ `__ \/ __ \/ / / __ \/ //_/
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,<
/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
*/
/*
<div class="custom-text-header"> <pre> __ ___ __
____ ____ _____/ /__________ ____ ___ ____ / (_)___ / /__
/ __ \/ __ \/ ___/ __/ ___/ __ \/ __ '__ \/ __ \/ / / __ \/ //_/
/ / / / /_/ (__ ) /_/ / / /_/ / / / / / / /_/ / / / / / / ,&lt;
/_/ /_/\____/____/\__/_/ \____/_/ /_/ /_/\____/_/_/_/ /_/_/|_|
</pre> </div>
*/

View File

@ -1,31 +0,0 @@
/*_____________________WHITE_THEME______________________*/
/*--body-before:#70d7f61a; /* This is the background that flickers, background uses a transparency of 10%, SET IT TO BLACK TO REMOVE FLICKER! */
/*--body-after: #70d7f61a; /* This is the background that creates the crt lines, background uses a transparency of 20% */
/*--custom-text-header-animation: textflicker; /* SET TO NONE TO REMOVE THE FLICKER ANIMATION! */
@import url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/retro-terminal/retro-terminal-base.css);
:root {
--main-bg-color:black;
--body-before:#70d7f61a;
--body-after: #70d7f633;
--logo: url(https://gilbn.github.io/theme.park/CSS/addons/unraid/login-page/alien/logo/nostromo3.png) center no-repeat;
--text-color: #ffffff;
--input-color: #ffffff;
--link-color: #ffffff;
--link-color-hover: #8f2809;
--case-color: #ffffff;
--button-text-color: #ffffff;
--button-text-color-hover: #000;
--button-color: #ffffff;
--button-color-hover: #af0606;
--selection-color: #8f2809;
--custom-text-header:#ffffff;
--custom-text-header-shadow:#ffffff;
--custom-text-header-animation: textflicker;
--input-font: 'Share Tech Mono', monospace;
--text-font: 'Share Tech Mono', monospace;
--loginbox-background-color: transparent;
--text-shadow: 0 0 8px;
--text-shadow-color: #ffffff;
--box-shadow: 0 0 15px;
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 192 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 326 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 39 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 219 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 80 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 424 KiB

View File

@ -1,460 +0,0 @@
/* 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);
}

View File

@ -1,28 +0,0 @@
/* 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;
}

View File

@ -1,28 +0,0 @@
/* 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;
}

View File

@ -1,28 +0,0 @@
/* 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;
}

View File

@ -1,28 +0,0 @@
/* 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;
}

View File

@ -1,28 +0,0 @@
/* 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;
}

View File

@ -1,28 +0,0 @@
/* 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;
}

View File

@ -1,24 +0,0 @@
/* 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 AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-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;
}

View File

@ -1,818 +0,0 @@
/* 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 */
html {
background: var(--main-bg-color);
}
.page-wrapper {
background: var(--main-bg-color);
color: white !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #eee;
}
body {
background: var(--main-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
a {
color: #eee !important;
text-decoration: none;
}
a:focus,
a:hover {
color: #ffffff;
}
hr {
border-top: 1px solid var(--accent-color);
}
/* scroller */
::-webkit-scrollbar-corner {
background-color: hsla(0, 0%, 100%, .08);
}
::-webkit-scrollbar {
width: 10px;
height: 10px;
background: #1f1f1f;
}
::-webkit-scrollbar-thumb {
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.35) !important;
}
/* Form Stuff */
.form-control {
color: #FFF;
background-color: rgba(0, 0, 0, .25) !important;
border: 1px solid rgba(0, 0, 0, .25);
}
.form-control:focus {
background-color: #eee !important;
border-color: rgba(0, 0, 0, 0.51);
outline: 0;
box-shadow: none;
color: black;
}
.form-group i {
color: #ffffff;
}
.bootstrap-tagsinput {
color: #eee;
background-color: rgba(0, 0, 0, .25) !important;
border: 1px solid transparent !important;
}
.bootstrap-tagsinput.focus {
background-color: #fff !important;
border-color: transparent;
outline: 0;
box-shadow: none;
color: black;
}
/* Tables */
.table {
color: #eee;
}
.table-striped tbody tr:nth-of-type(odd) {
background: rgb(0 0 0 / 8%);
}
.table-striped tbody tr:nth-of-type(odd):hover,
table.dataTable tbody tr:hover {
background: rgb(255 255 255 / 8%);
transition: background 500ms;
}
table.dataTable tbody tr {
background-color: transparent;
}
table.dataTable tbody>tr.selected,
table.dataTable tbody>tr>.selected {
background-color: rgb(255 255 255 / 15%);
}
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
border: 2px solid transparent;
font-family: monospace;
}
/*Checkbox*/
table.dataTable tbody td.select-checkbox:before,
table.dataTable tbody th.select-checkbox:before {
border: 1px solid #eee;
}
.table td,
.table th {
border-color: rgb(255 255 255 / 25%);
}
table.dataTable tr.dtrg-group td {
background-color: rgb(0 0 0 / 25%);
}
/* Header */
.topbar {
background: var(--main-bg-color);
}
.topbar .top-navbar {
background-color: rgba(0, 0, 0, .7);
}
.page-titles {
background: rgb(0 0 0 / 25%);
box-shadow: 0px 5px 20px rgb(0 0 0 / 20%);
}
.page-titles .btn:hover:not(:disabled) {
color: #fff !important;
}
.page-titles .btn {
color: hsla(0, 0%, 100%, .7) !important;
}
.text-themecolor {
color: inherit !important;
}
.fa-stack {
color: inherit;
}
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled),
button:not(:disabled) {
cursor: pointer !important;
}
.form-material .form-control,
.form-material .form-control.focus,
.form-material .form-control:focus {
background-image: linear-gradient(var(--accent-color), var(--accent-color)), linear-gradient(#e1e2e3, #e1e2e3);
color: #eee;
}
.form-control:focus::placeholder {
/* Chrome, Firefox, Opera, Safari 10.1+ */
color: #eee;
}
.form-control:focus::-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #eee;
}
.form-control:focus::-ms-input-placeholder {
/* Microsoft Edge */
color: #eee;
}
.topbar .form-control {
color: #FFF;
background-color: transparent !important;
border: 1px solid rgba(0, 0, 0, .25);
}
.topbar ul.dropdown-user li a {
color: #eee;
background: var(--modal-bg-color);
}
.topbar ul.dropdown-user {
background: var(--modal-bg-color);
}
.topbar ul.dropdown-user li a:hover {
background: rgb(255 255 255 / 7%);
}
.buttons_bars {
position: absolute;
}
.nav-item .typeahead__dropdown,
.typeahead__list {
background: var(--modal-bg-color);
border: 1px solid transparent;
box-shadow: 0 0 10px 1px #000;
}
.nav-item .typeahead__list>li {
border-top: solid 1px rgba(255, 255, 255, .25);
}
.typeahead__dropdown .typeahead__dropdown-item:not([disabled]).active>a,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:focus,
.typeahead__dropdown .typeahead__dropdown-item:not([disabled])>a:hover,
.typeahead__list .typeahead__item:not([disabled]).active>a,
.typeahead__list .typeahead__item:not([disabled])>a:focus,
.typeahead__list .typeahead__item:not([disabled])>a:hover {
background-color: rgb(255 255 255 / .07);
}
/* Sidebar */
.left-sidebar {
position: absolute;
width: 240px;
height: 100%;
top: 0;
z-index: 20;
padding-top: 60px;
background: rgb(0 0 0 / 25%);
box-shadow: 0 0 0 rgba(0, 0, 0, 0.08);
}
.sidebar-nav {
background: rgba(255, 255, 255, 0);
padding: 0;
}
.card-no-border .sidebar-nav>ul>li>a.active {
background-color: hsla(0, 0%, 100%, .08);
border-left: 3px solid var(--accent-color);
}
.sidebar-nav>ul>li>a.active i,
.sidebar-nav>ul>li>a:hover i {
color: white;
}
#sidebarnav .sidebar-nav>ul>li.active>a {
border-left: 3px solid var(--accent-color);
background: rgb(255 255 255 / 7%);
}
#sidebarnav .sidebar-nav>ul>li.active>a i {
color: #eee;
font-size: 14px;
}
.sidebar-nav>ul>li.active>a {
color: #eee;
border-left: 3px solid var(--accent-color);
background: hsla(0, 0%, 100%, .08);
}
.sidebar-nav>ul>li.active>a i {
color: #eee;
font-size: 14px;
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li.active>a.active {
border-color: var(--accent-color);
}
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li:hover>a {
width: 260px;
background: var(--main-bg-color);
color: #ffffff;
border-color: rgba(255, 255, 255, .05);
}
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav>li>ul {
background: var(--main-bg-color);
display: none;
padding-left: 1px;
}
}
@media (min-width: 768px) {
.mini-sidebar .sidebar-nav #sidebarnav li:hover {
position: relative;
background: rgba(255, 255, 255, .1);
}
}
.sidebar-nav ul li ul {
padding-left: 0px;
border-left: 3px solid var(--accent-color);
}
.sidebar-nav ul li ul li a {
padding-left: 60px;
}
.sidebar-nav ul li a.active,
.sidebar-nav ul li a:hover {
background: rgba(255, 255, 255, .08);
}
/* Series page */
#series .progress-bar {
background-color: var(--accent-color);
}
#series .progress {
background-color: rgb(255 255 255 / 20%);
}
#series .badge-secondary,
#episodes_wrapper .badge-secondary {
background-color: var(--accent-color);
}
.card-no-border .card {
background: var(--modal-bg-color);
border: solid 1px transparent;
box-shadow: 0 0 10px 1px #000;
}
#seriesDetails .badge-secondary {
color: #fff;
background-color: var(--accent-color);
}
/* Movies page */
#movies .progress-bar {
background-color: var(--accent-color);
}
#movies .progress {
background-color: rgb(255 255 255 / 20%);
}
#movies .badge-secondary {
background-color: var(--accent-color);
}
#movieDetails .badge-secondary {
color: #fff;
background-color: var(--accent-color);
}
#movieSubtitles .badge-secondary {
background-color: var(--accent-color);
}
/*Mass Edit*/
.container-fluid .bg-dark {
background: var(--modal-bg-color) !important;
}
@media (min-width: 1024px) {
#edit_bar {
margin-left: 0px;
}
}
/* History */
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>td:first-child:before,
table.dataTable.dtr-inline.collapsed>tbody>tr[role="row"]>th:first-child:before {
left: -15px;
background-color: var(--accent-color);
}
/* Wanted page */
#wanted_series .progress {
background-color: rgb(255 255 255 / 20%);
}
#wanted_series .badge-secondary,
#wanted_series_badge .badge-secondary,
#wanted_movies_badge .badge-secondary,
#wanted_movies .badge-secondary {
background-color: var(--accent-color);
}
/* Buttons */
.btn.focus,
.btn:focus {
outline: 0;
box-shadow: none;
}
.btn-info,
.btn-info.disabled {
background: var(--button-color);
border: 1px solid var(--button-color);
box-shadow: none;
}
.btn-info:hover,
.btn-info.disabled:hover {
background: var(--button-color-hover);
border: 1px solid var(--button-color-hover);
box-shadow: none;
}
.btn-info:not(:disabled):not(.disabled).active,
.btn-info:not(:disabled):not(.disabled):active,
.show>.btn-info.dropdown-toggle {
color: #fff;
background-color: var(--button-color);
border-color: var(--button-color);
opacity: .5;
}
.custom-control-input:checked~.custom-control-label::before {
color: #fff;
border-color: var(--button-color);
background-color: var(--button-color);
}
.dt-buttons .dt-button {
background: var(--button-color);
color: #eee;
border-color: var(--button-color);
}
.dt-buttons .dt-button:hover {
background: var(--button-color-hover);
}
button.dt-button:hover:not(.disabled),
div.dt-button:hover:not(.disabled),
a.dt-button:hover:not(.disabled) {
border: 1px solid transparent;
background: var(--button-color-hover);
border-color: var(--button-color-hover);
background-image: none !important;
}
button.dt-button.disabled,
div.dt-button.disabled,
a.dt-button.disabled {
color: #eee;
border: 1px solid var(--button-color);
background-color: var(--button-color);
background-image: none !important;
opacity: .5;
}
button.dt-button.disabled:hover,
div.dt-button.disabled:hover,
a.dt-button.disabled:hover {
color: #eee;
border: 1px solid var(--button-color);
background-color: var(--button-color);
background-image: none !important;
opacity: .5;
cursor: not-allowed !important;
}
.btn-light:not(:disabled):not(.disabled).active,
.btn-light:not(:disabled):not(.disabled):active,
.show>.btn-light.dropdown-toggle {
color: #eee;
background-color: rgba(0, 0, 0, .25);
border-color: transparent;
}
.btn-light {
background-color: rgba(0, 0, 0, .25);
border: 1px solid transparent;
}
.btn-light:not(:disabled):not(.disabled).active:focus,
.btn-light:not(:disabled):not(.disabled):active:focus,
.show>.btn-light.dropdown-toggle:focus {
box-shadow: none;
border: solid 1px transparent;
outline: none;
}
.bootstrap-select .dropdown-toggle:focus {
outline: none !important;
}
.btn-light.focus,
.btn-light:focus {
box-shadow: none;
}
.btn-light:hover {
background-color: rgb(0 0 0 / 25%);
border-color: transparent;
}
.btn-secondary,
.btn-secondary.disabled {
background: var(--button-color);
border: 1px solid var(--button-color);
}
.btn-secondary:hover {
background: var(--button-color-hover);
opacity: 1;
border: 1px solid var(--button-color-hover);
}
.btn-secondary.disabled:hover {
background: var(--button-color-hover);
opacity: 0.7;
border: 1px solid var(--button-color-hover);
}
.close,
.close:hover,
.close:focus {
color: #FFF !important;
opacity: 1;
}
.btn-default {
color: hsla(0, 0%, 100%, .7);
background-color: rgba(0, 0, 0, .25);
border-color: none;
outline-style: none;
}
.btn-default:hover,
.btn-default.active,
.btn-default.active:hover {
color: #FFFFFF;
background-color: hsla(0, 0%, 100%, .08);
border-color: none;
outline-style: none;
}
.btn-default.active.focus,
.btn-default.active:focus,
.btn-default.active:hover,
.btn-default:active.focus,
.btn-default:active:focus,
.btn-default:active:hover,
.open>.dropdown-toggle.btn-default.focus,
.open>.dropdown-toggle.btn-default:focus,
.open>.dropdown-toggle.btn-default:hover {
color: #fff;
background-color: hsla(0, 0%, 100%, .08);
border-color: #FFF;
}
.btn {
color: #FFF;
outline: 0 !important;
}
.btn.btn-lg.btn-block.x-search-auto {
color: #FFF;
background-color: rgba(0, 0, 0, .25);
}
.btn.btn-lg.btn-block.x-search-auto:hover {
color: #FFF;
background-color: rgba(255, 255, 255, 0.05);
}
.btn.focus,
.btn:focus,
.btn:hover {
color: #fff;
}
/* Loading */
.preloader {
width: 100%;
height: 100%;
top: 0px;
position: fixed;
z-index: 99999;
background: rgb(0 0 0 / 7%);
}
/* Pagination*/
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
color: #eee !important;
opacity: .1;
}
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
cursor: default;
color: #eee;
border: 1px solid transparent;
background: transparent;
box-shadow: none;
}
.pagination .page-link {
position: relative;
display: block;
padding: .5rem .75rem;
margin-left: -1px;
line-height: 1.25;
background-color: rgb(0 0 0 / 15%);
border: 1px solid #00000000;
}
.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
background-color: rgb(0 0 0 / 35%);
border-color: rgb(0 0 0 / 35%);
}
.pagination .page-item.active .page-link {
z-index: 1;
color: #fff;
background-color: var(--accent-color);
border-color: var(--accent-color);
}
.dataTables_wrapper .dataTables_paginate .paginate_button {
border: 1px solid rgb(221 221 221 / 8%);
}
.pagination>li>a:hover,
.pagination>li>span:hover,
.pagination>li>a:focus,
.pagination>li>span:focus {
background-color: rgb(242 244 248 / 15%);
}
.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
color: white;
border: 1px solid #00000000;
background-color: #009efb00;
}
.pagination .page-link:focus {
box-shadow: none;
}
/* Settings */
.dropdown-menu,
.topbar .dropdown-menu {
background: var(--modal-bg-color);
cursor: pointer;
box-shadow: 0 0 5px 0px rgb(0 0 0 / 50%);
}
.dropdown-item.active,
.dropdown-item:active {
color: #fff;
text-decoration: none;
background-color: rgb(255 255 255 / 0.25);
}
.dropdown-item:focus, .dropdown-item:hover {
background-color: rgb(255 255 255 / 7%);
}
.dropdown-menu>li>a:hover {
color: white !important;
background-color: rgb(255 255 255 / 35%);
}
/* General */
/* Notifications */
.alert-secondary {
color: #ffffff;
background-color: rgb(255 255 255 / 25%);
border-color: transparent;
}
.alert-secondary a {
color: var(--accent-color) !important;
text-decoration: none;
}
.alert-secondary a:hover {
color: white !important;
text-decoration: none;
}
.badge-info {
background-color: var(--accent-color);
margin-left: 5px !important;
}
/* Modal */
.modal-content {
box-shadow: 0 0 10px 1px #000;
border-radius: 3px;
background: var(--modal-bg-color);
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
}
.modal-header {
border-bottom: 1px solid var(--accent-color);
}
.modal-footer {
border-top: 1px solid var(--accent-color);
}
.modal-content .badge-secondary {
color: #fff;
background-color: var(--accent-color);
padding: 5px;
}
.modal-content button:focus {
outline: none !important;
}
/* Chart */
.chartjs-render-monitor {
filter: invert(1);
}
.highlight pre code {
font-size: inherit;
color: #eee;
}
.highlight {
background-color: rgb(255 255 255 / 0.08);
border-radius: 3px;
}
/* Mobile */
@media (max-width: 767px) {
.mini-sidebar .left-sidebar {
background: var(--modal-bg-color);
}
#buttons_bars .col-8 {
-ms-flex: none !important;
flex: auto;
max-width: fit-content;
padding-left: 5px;
padding-right: 5px;
display: inline-grid;
position: absolute;
z-index: 11;
}
.page-titles .btn {
height: 50px !important;
width: 55px !important;
padding: 0 0;
}
#buttons_bars .col-4 {
-ms-flex: none !important;
flex: auto;
display: grid;
padding-right: 5px !important;
padding-bottom: 5px !important;
position: inherit;
z-index: 10;
padding-left: 85%;
}
}

View File

@ -1,24 +0,0 @@
/* 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 DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-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);
}

View File

@ -1,24 +0,0 @@
/* 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 HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-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;
}

View File

@ -1,24 +0,0 @@
/* 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;
}

View File

@ -1,24 +0,0 @@
/* 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 PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-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;
}

View File

@ -1,24 +0,0 @@
/* 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 SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-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;
}

View File

@ -1,26 +0,0 @@
/* 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;
}

View File

@ -1,176 +0,0 @@
/* 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);
}

View File

@ -1,26 +0,0 @@
/* 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);
}

View File

@ -1,26 +0,0 @@
/* 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;
}

View File

@ -1,26 +0,0 @@
/* 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;
}

View File

@ -1,26 +0,0 @@
/* 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;
}

View File

@ -1,26 +0,0 @@
/* 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;
}

View File

@ -1,24 +0,0 @@
/* 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 AQUAMARINE 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: 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;
--color-primary: #12afa0;
--color-secondary: #009688;
--color-secondary-hover: #12afa0;
--color-background-mobile: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
}

View File

@ -1,34 +0,0 @@
/* 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 */
/* "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(--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(--main-bg-color) !important;
}
@media only screen and (max-width: 767px) {
.navbar-collapse.collapse {
background: var(--modal-bg-color) !important;
}
}

View File

@ -1,24 +0,0 @@
/* 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 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: 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;
--color-primary: #F9BE03;
--color-secondary: #CC7B19;
--color-secondary-hover: #E59029;
--color-background-mobile: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
}

View File

@ -1,24 +0,0 @@
/* 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 HOTLINE 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: 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;
--color-primary: #ff6155;
--color-secondary: #F44336;
--color-secondary-hover: #0b3161;
--color-background-mobile: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
}

View File

@ -1,24 +0,0 @@
/* 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;
}

View File

@ -1,24 +0,0 @@
/* 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 SPACE GRAY 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: 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;
--color-primary: #c3dde8;
--color-secondary: #81a6b7;
--color-secondary-hover: #607D8B;
--color-background-mobile: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
}

View File

@ -1,22 +0,0 @@
/* 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 AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-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 center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #009688;
--button-color: #009688;
--button-color-hover: #12afa0;
}

View File

@ -1,22 +0,0 @@
/* 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 DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-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;
--progress-color: #3d3d3d;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

File diff suppressed because it is too large Load Diff

View File

@ -1,22 +0,0 @@
/* 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 HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-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 center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
--progress-color: #df6c4c;
--button-color: hsla(0,0%,100%,.15);
--button-color-hover: hsla(0,0%,100%,.30);
}

View File

@ -1,22 +0,0 @@
/* 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);
}

View File

@ -1,22 +0,0 @@
/* 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 PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-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;
--progress-color: #cc7b19;
--button-color: #cc7b19;
--button-color-hover: #e59029;
}

View File

@ -1,22 +0,0 @@
/* 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 SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-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;
--progress-color: #607D8B;
--button-color: #607D8B;
--button-color-hover: #81a6b7;
}

View File

@ -1,27 +0,0 @@
/* 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;
}

View File

@ -1,27 +0,0 @@
/* 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);
}

View File

@ -1,566 +0,0 @@
/* 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);
}
}

View File

@ -1,27 +0,0 @@
/* 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;
}

View File

@ -1,27 +0,0 @@
/* 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;
}

View File

@ -1,27 +0,0 @@
/* 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;
}

View File

@ -1,27 +0,0 @@
/* 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;
}

View File

@ -1,23 +0,0 @@
/* 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 AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-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 center, #47918a 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: hsla(0,0%,100%,.85);
--accent-color-hover: hsla(0,0%,100%,.95);
}

View File

@ -1,23 +0,0 @@
/* 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 DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-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: #cc7b19;
--button-color-hover: #e59029;
--accent-color: #e5a00d;
--accent-color-hover: #ffc107;
}

View File

@ -1,310 +0,0 @@
/* 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 */
/* Based on https://github.com/Archmonger/Blackberry-Themes/blob/master/Themes/Blackberry-Flat/bbf_filebrowser.css */
/* Scrollbar */
/* @media only screen and (min-width: 768px) {
html {
height: 100% !important;
width: 100% !important;
overflow: hidden !important;
}
body {
overflow-y: auto !important;
height: 100% !important;
background: var(--main-bg-color) !important;
}
}
::-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;
} */
.message {
color: #FFF;
}
#login {
min-height: 100%;
height: auto;
background: var(--main-bg-color);
}
body {
color: #FFFFFF;
font-family: Open Sans Bold,Helvetica Neue,Helvetica,Arial,sans-serif;
}
#login input[type=password], #login input[type=text] {
color: white !important;
background-color: rgba(0,0,0,0.15) !important;
border: none;
}
#loading {
background: var(--main-bg-color);
}
#loading .spinner * {
background-color: #FFF !important;
}
button:hover, input[type=submit]:hover{
color: #FFF;
}
.button--flat:hover {
background: rgba(255, 255, 255, 0.1);
}
html {
min-height: 100%;
background: var(--main-bg-color);
}
body{
background: var(--main-bg-color);
}
nav {
background-color: rgba(0,0,0,.45);
height: 100%;
top: 60px;
width: 240px;
}
nav .action{
color:rgba(255, 255, 255, 0.737);
font-size: 13px;
font-family: Open Sans Semibold,Helvetica Neue,Helvetica,Arial,sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
padding-top: 0px;
padding-bottom: 0px;
}
nav .action:hover{
background-color:rgba(255, 255, 255, 0.05);
}
nav>div{
border-top: none;
}
header{
background: var(--modal-bg-color);
border-bottom: transparent;
box-shadow: 0 3px 6px 0 rgba(0,0,0,.15);
}
header>div:first-child{
height: 60px;
}
body{
padding-top: 60px;
}
.shell {
background: var(--modal-bg-color);
color: #FFF;
}
.shell__prompt i {
color: var(--accent-color);
}
.action{
color: #FFF;
}
#listing.list .item{
background-color: rgba(0,0,0,.15);
color:rgb(238, 238, 238);
border: none;
}
#listing.list .item:hover{
background-color:rgba(255, 255, 255, 0.08);
color:rgb(238, 238, 238);
border: none;
transition: .4s;
}
#listing.list .item.header{
background-color: rgba(0,0,0,.45);
color:rgb(238, 238, 238);
border-bottom: none;
right: auto;
}
.material-icons, .prompt .file-list ul li:before{
color: white;
}
.share__box {
background: transparent;
}
.share__box__info {
background: rgba(0, 0, 0, 0.25);
}
.share__box__download {
background: var(--accent-color);
color: rgb(255, 255, 255);
border-bottom: 1px solid var(--accent-color);
}
svg {
fill: var(--accent-color) !important;
}
#listing.list .item div:first-of-type i {
color: var(--accent-color);
}
#listing .item i {
color: var(--accent-color);
}
#listing.mosaic:hover .item:hover i:hover {
color: var(--accent-color-hover);
}
#listing .item[aria-selected=true]{
background-color: rgba(255, 255, 255, 0.2) !important;
}
#listing h2{
color: rgb(238, 238, 238);
}
#listing #multiple-selection {
background: var(--modal-bg-color);
}
#breadcrumbs span a{
color: rgb(238, 238, 238);
}
#breadcrumbs {
border-bottom: 1px solid var(--accent-color);
}
#listing .item{
background-color: rgba(0,0,0,.15);
color:rgb(238, 238, 238);
border: none;
}
.input {
background: #FFF;
color: #000;
}
#search #input {
background: #fff;
display: flex;
padding: 10px;
}
#search #result{
background: var(--modal-bg-color);
color: rgb(238, 238, 238);
}
#search .boxes{
background-color: rgba(0,0,0,.15);
padding: 15px;
}
#search .boxes h3{
color: rgb(238, 238, 238);
}
#search .boxes>div>div{
background-color: rgba(0,0,0,.10);
}
#search .boxes>div>div:hover{
background-color: rgba(255,255,255,.08);
}
#search.active #input{
background: var(--main-bg-color);
height: 60px;
color: black;
}
#search.active i, #search.active input{
color: rgba(255, 255, 255, 0.85);
}
#search #result>div>:first-child{
margin-top: 10px;
}
.card{
background-color: rgba(0,0,0,.15);
}
.card h3{
color: rgb(238, 238, 238);
}
.card#share ul li a {
color: var(--accent-color);
}
select {
color: rgb(238, 238, 238);
}
input, textarea, select, button{
color: rgb(0, 0, 0);
}
.collapsible>label *{
color: rgb(238, 238, 238);
}
a{
color: rgba(255, 255, 255, 0.85);
}
table th{
color: rgba(255, 255, 255, 0.85);
}
.card.floating{
background: var(--modal-bg-color);
}
#search #input {
background-color:rgba(255, 255, 255, 0.08);
}
#listing.mosaic .item{
box-shadow: none !important;
}
#listing.mosaic .item:hover{
box-shadow: none !important;
background-color: rgba(255,255,255,0.08);
}
.dashboard p label {
color: rgb(255, 255, 255);
}
.dashboard #nav li.active {
border-color: var(--accent-color);
}
.link {
color: var(--accent-color);
}
.link:hover {
color: var(--accent-color-hover);
}
@media (max-width: 736px){
nav{
background-color: black;
}
#dropdown.active{
background-color: black;
}
}
@media (min-width: 1024px){
main{
margin-left: 270px;
}
}
@media (max-width: 1024px){
nav{
width: 175px;
}
}
/* Buttons */
.button {
background: var(--button-color);
color: #FFF;
}
.button:hover {
background: var(--button-color-hover);
}
.button--flat, .button--grey {
color: #fff;
margin-right: 5px;
}

View File

@ -1,23 +0,0 @@
/* 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 HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-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 center, #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: hsla(0,0%,100%,.85);
--accent-color-hover: hsla(0,0%,100%,.95);
}

View File

@ -1,23 +0,0 @@
/* 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;
}

View File

@ -1,23 +0,0 @@
/* 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 PLEX THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-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;
}

View File

@ -1,23 +0,0 @@
/* 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 SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-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;
}

View File

@ -1,25 +0,0 @@
/* 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;
}

View File

@ -1,25 +0,0 @@
/* 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;
}

View File

@ -1,199 +0,0 @@
/* 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;
}

View File

@ -1,25 +0,0 @@
/* 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;
}

View File

@ -1,25 +0,0 @@
/* 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;
}

View File

@ -1,25 +0,0 @@
/* 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;
}

View File

@ -1,25 +0,0 @@
/* 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;
}

View File

@ -1,35 +0,0 @@
/* 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);
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.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;
--text-muted: #bbb;
--link-color: #12afa0;
--heatmap-color-1: #002D24;
--heatmap-color-2: #004B40;
--heatmap-color-3: #006B5F;
--heatmap-color-4: #008C7E;
--heatmap-color-5: #12AFA0;
}

View File

@ -1,35 +0,0 @@
/* 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);
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.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: #ffffff73;
--text: #b7b7b7;
--text-hover: #fff;
--text-muted: #bbb;
--link-hover: rgba(255, 255, 255, 0.45);
--heatmap-color-1: #303030;
--heatmap-color-2: #5E5E5E;
--heatmap-color-3: #919191;
--heatmap-color-4: #C6C6C6;
--heatmap-color-5: #FFFFFF;
}

File diff suppressed because it is too large Load Diff

View File

@ -1,35 +0,0 @@
/* 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);
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.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;
--text-muted: #bbb;
--link-hover: #F44336;
--heatmap-color-1: #690000;
--heatmap-color-2: #890000;
--heatmap-color-3: #AC0002;
--heatmap-color-4: #D0191D;
--heatmap-color-5: #F44336;
}

View File

@ -1,35 +0,0 @@
/* 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);
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.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;
--text-muted: #bbb;
--link-color: #2cabe3;
--heatmap-color-1: #002A57;
--heatmap-color-2: #004878;
--heatmap-color-3: #00679A;
--heatmap-color-4: #0088BE;
--heatmap-color-5: #2CABE3;
}

View File

@ -1,35 +0,0 @@
/* 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);
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.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;
--text-muted: #bbb;
--link-color:#fff;
--heatmap-color-1: #492000;
--heatmap-color-2: #6E4500;
--heatmap-color-3: #9B6C00;
--heatmap-color-4: #CC9500;
--heatmap-color-5: #FFC107;
}

View File

@ -1,36 +0,0 @@
/* 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);
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/chroma.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;
--text-muted: #bbb;
--link-color: #81a6b7;
--heatmap-color-1: #002634;
--heatmap-color-2: #1D4352;
--heatmap-color-3: #3E6272;
--heatmap-color-4: #5F8394;
--heatmap-color-5: #81A6B7;
}

View File

@ -1,24 +0,0 @@
/* 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 AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-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;
--queue-color: #009688;
}

View File

@ -1,23 +0,0 @@
/* 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 DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-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);
}

View File

@ -1,942 +0,0 @@
/* 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 {
color:#FFFFFF !important;
background: var(--main-bg-color) !important;
}
.theme-dark, .theme-light, .preloader {
background: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat!important;
background-attachment: fixed, fixed!important;
background-position: center center, center center!important;
background-size: auto, cover!important;
-webkit-background-size: auto, cover!important;
-moz-background-size: auto, cover!important;
-o-background-size: auto, cover!important;
}
.page-header-canvas {
background: rgba(0, 0, 0, 0.25) !important;
box-shadow: none !important;
border-bottom: none !important;
}
.main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
}
/* Scrollbar */
.no-overlay-scrollbar ::-webkit-scrollbar-thumb:vertical{
min-height: 50px;
border: 3px solid transparent;
border-radius: 8px;
background: hsla(0,0%,100%,.2) !important;
}
/* Variable Dropdown Menu */
.variable-value-dropdown {
background: var(--modal-bg-color);
border: 1px solid #00000000;
}
.variable-value-dropdown.single .selected {
background-color: rgba(0, 0, 0, 0.25);
}
.css-0.gf-form-select-box__menu {
background: #09090b !important;
-webkit-box-shadow:5px 5px 20px -5px #000;
box-shadow:5px 5px 20px -5px #000;
position:absolute;
z-index:1000;
min-width:100%
}
/* time picker Menu */
.time-picker-popover {
border: 1px solid #00000000;
background: var(--modal-bg-color);
}
.time-picker-calendar .react-calendar__navigation, .time-picker-calendar .react-calendar__navigation__arrow, .time-picker-calendar .react-calendar__navigation__label {
background-color: rgba(0, 0, 0, 0.25);
}
.time-picker-calendar .react-calendar__month-view__weekdays {
background-color: rgba(0, 0, 0, 0.6);
}
.time-picker-calendar .react-calendar__tile--active, .time-picker-calendar .react-calendar__tile--active:hover {
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(0,0,0,0);
}
.time-picker-calendar .time-picker-calendar-tile:hover {
-webkit-box-shadow: 0 0 4px rgba(255, 255, 255, 0.08);
box-shadow: 0 0 4px #ffffff00;
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.08);
}
.time-picker-calendar .react-calendar__month-view__days {
background-color: rgba(0, 0, 0, 0.15);
}
.time-picker-calendar .time-picker-calendar-tile {
border-radius: 0px;
}
.time-picker-calendar {
border: 1px solid #00000000;
}
/* login page */
.login {
background-image: var(--main-bg-color) !important;
background-repeat: repeat, no-repeat!important;
background-attachment: fixed, fixed!important;
background-position: center center, center center!important;
background-size: auto, cover!important;
-webkit-background-size: auto, cover!important;
-moz-background-size: auto, cover!important;
-o-background-size: auto, cover!important;
background-color: rgba(0,0,0,.0) !important;
color:#FFFFFF !important;
}
.login-branding {
border-right: none !important;
}
/* Configuration menu */
.card-item {
background: rgba(0, 0, 0, .25) !important;
}
.card-item:hover {
background: hsla(0,0%,100%,.08) !important;
}
.card-item-sub-name, .card-item-type {
color: #FFF !important;
}
.gf-form--has-input-icon .gf-form-input-icon {
color: #fff !important;
}
.gf-tabs-link.active, .gf-tabs-link.active:focus, .gf-tabs-link.active:hover {
background: rgba(0, 0, 0, 0.25) !important;
}
.filter-table tbody tr:nth-child(odd) {
background: hsla(0,0%,100%,.08) !important;
}
.cta-form {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.empty-list-cta {
background-color: rgba(0, 0, 0, .25) !important;
}
.layout-selector button {
background: rgba(0, 0, 0, 0.25);
color: #ffffff;
}
.layout-selector button.active {
background-color: rgba(0, 0, 0, 0.45);
color: #ffffff;
}
/* Configuration menu - Teams */
.css-1ph0cdx-call-to-action-card {
background: rgba(0, 0, 0, .25) !important;
}
.grafana-info-box {
background-color: rgba(0, 0, 0, 0.45);
}
/* sidemenu */
.sidemenu-open, .sidemenu {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu__logo:hover {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu-item.active, .sidemenu-item:hover {
background-color: rgba(0, 0, 0, .25) !important;
}
.side-menu-header, .dropdown-menu--menu, .dropdown-menu--navbar, .dropdown-menu--sidemenu {
background: var(--modal-bg-color);
}
.dropdown-menu .divider {
border-bottom: 1px solid #d8d9da;
}
.dropdown-menu--sidemenu>li>.side-menu-header-link:hover {
color: #fff!important;
background: var(--modal-bg-color)!important;
}
.dropdown-menu--menu>li>a:hover, .dropdown-menu--navbar>li>a:hover, .dropdown-menu--sidemenu>li>a:hover {
background: rgba(0, 0, 0, 0.25)!important;
}
.dropdown-menu>li>a {
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;
}
.icon-circle:hover .fa:hover, .icon-circle:hover .gicon:hover, .icon-circle:hover .icon-gf:hover {
color: #ffffff;
opacity: 1;
}
/* Dashboard dropdown menu */
.search-dropdown__col_1 {
background: var(--modal-bg-color) !important;
}
.search-container {
left: 0px !important;
}
.navbar-page-btn {
color: #FFFFFF !important;
}
/* dropdown menu */
.css-n9566h, .css-1m7hyr {
background: var(--modal-bg-color) !important;
}
.search-filter-box {
background: var(--modal-bg-color);
}
.search-filter-box__header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
/* Dashboard row */
.dashboard-row--collapsed {
background: rgba(0, 0, 0, 0.25);
}
.search-section {
background: rgba(255, 255, 255, 0.08);
border: none;
}
.search-item {
background: rgba(0, 0, 0, 0.15);
}
.search-item.selected, .search-item:hover {
background: rgba(0, 0, 0, 0.25);
}
.search-section__header {
color: #ffffff !important;
}
.navbar-page-btn__folder {
color: #d8d9da;
}
/* Panel fullscreen navbar */
.panel-in-fullscreen .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
/* Dashboard search menu */
.search-field-wrapper>input {
height: 55px !important;
}
/* Dashboard settings menu */
.dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important;
}
.dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
.navbar-button--primary {
border-color: #ffffff00 !important;
}
.dashboard-settings__aside-header {
color: #ffffff !important;
}
.dashboard-settings__nav-item {
color: #ffffff !important;
}
.bootstrap-tagsinput {
background-color: #09090b !important;
}
.gf-form-switch--table-cell {
background-color: transparent !important;
}
.gf-form-select-wrapper {
background-color: hsla(0,0%,100%,.08) !important;
}
.dashboard-settings__nav-item.active {
background: rgba(255, 255, 255, 0.08);
}
.gf-form-checkbox {
background: rgba(0, 0, 0, 0.25);
border: none;
}
.gf-form-switch__checkbox {
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, .gf-form-label--variable {
color: var(--accent-color) !important;
}
/* Variable label box */
.gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
}
.gf-form-label--btn:hover {
background: rgba(0, 0, 0, 0.45) !important;
}
.variable-option.highlighted, .variable-option:hover {
background-color: hsla(0,0%,100%,.1) !important;
}
/* Variable dashboard dropdown */
.variable-value-link {
padding: 7.4px 10px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFFFFF !important;
}
/* Variable input box */
.gf-form-input {
color: #FFFFFF !important;
border: none !important;
}
.gf-form-input:focus {
color: #FFF !important;
box-shadow: none !important;
}
.gf-form-select-box-button-select {
background: transparent;
border: none;
}
.gf-form-select-wrapper .gf-form-select-icon+.gf-form-input option {
color: #fff;
background: #1f1f1f;
}
.css-0 > .gf-form-input {
background-color: transparent !important;
}
/* NAVBAR BUTTONS */
.navbar-button {
color: #FFF !important;
background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
border: none !important;
}
/* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select {
background-color: #393a3b !important;
}
/* PANEL BACKGROUND COLOR*/
.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;
border: transparent;
}
.panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important;
}
/* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd), .graph-legend-table .graph-legend-series:nth-child(2n) {
background: transparent !important;
}
/* Panel text color*/
div.flot-text {
color: #FFF !important;
}
/* panel loading circle*/
.panel-loading {
color: #FFF !important;
}
/* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
/* table panel background color */
.table-panel-container {
background-color: rgba(0, 0, 0, .25) !important;
}
/* table panel border size */
.table-panel-table td {
padding: .45em 0 .45em 1.1em;
border-bottom: 1px solid #171819;
border-right: 1px solid #171819;
}
.table-panel-header-bg {
background: rgba(0, 0, 0, 0.25);
border-top: 2px solid transparent;
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;
background: rgba(0, 0, 0, 0.25);
border-bottom: none;
}
.tabbed-view-panel-title {
padding-left: 10px;
}
/* panel query settings */
.panel-editor__right, .toolbar {
background: rgba(0, 0, 0, 0.25);
}
.query-editor-row__header {
background: rgba(0, 0, 0, 0.25);
}
.query-editor-row__body {
background: rgba(0, 0, 0, 0.15);
}
.panel-options-group {
background: rgba(0, 0, 0, 0.15);
}
.gf-form-switch {
background: rgba(0, 0, 0, 0.25);
border: transparent;
}
.viz-picker__item {
background: rgba(0, 0, 0, 0.25);
border: transparent;
}
.viz-picker__item--current {
box-shadow: 0 0 6px #eb7b18!important;
border: 1px solid #eb7b18!important;
background: rgba(0, 0, 0, 0.4)!important;
}
.viz-picker__item:hover {
box-shadow: 0 0 6px #eb7b18!important;
background: rgba(0, 0, 0, 0.4);
border: 1px solid #eb7b18!important;
}
.panel-options-group__header {
background: rgba(0, 0, 0, 0.25);
}
.custom-scrollbar .thumb-vertical, .custom-scrollbar .thumb-horizontal {
background-color: rgba(255, 255, 255, 0);
background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(255, 255, 255, 0.25)),to(rgba(255, 255, 255, 0.25)));
background-image: -webkit-linear-gradient(top,rgba(255, 255, 255, 0.25),rgba(255, 255, 255, 0.25));
background-image: -o-linear-gradient(top,#404357,#424345);
background-image: linear-gradient(180deg,rgba(249, 249, 249, 0.25),rgba(251, 251, 251, 0.25));
}
.toolbar__main {
color: #ffffff;
background-color: rgba(0, 0, 0, 0.15);
border: transparent;
}
/* worldmap zoom buttons and leaflet */
.leaflet-bar a, .leaflet-bar a:hover {
background-color: #1f1f1f !important;
border-bottom: 1px solid #1f1f1f !important;
color: white !important;
}
.leaflet-bar a:hover {
background-color: #1b1b1b !important;
}
.leaflet-control-attribution {
display: none;
}
/* buttons
.btn-inverse {
border-color: #b56d16 !important;
color: #fff !important;
background-color: #cc7b19 !important;
-webkit-transition: background-color .1s !important;
transition: background-color .1s !important;
}
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
color: #fff;
background-color: #e59029 !important;
}
.btn-outline-disabled {
color: #fff;
}*/
.btn-inverse {
background: rgba(0, 0, 0, 0.25);
-webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3);
box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3);
}
.btn-primary, .btn-success {
-webkit-box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3);
box-shadow: 0px 0px 5px 1px hsla(0, 0%, 0%, 0.45), 1px 1px 0 0 rgba(0,0,0,.3);
}
.btn-inverse.active, .btn-inverse.disabled, .btn-inverse:active, .btn-inverse:focus, .btn-inverse:hover, .btn-inverse[disabled] {
background-color: rgba(255, 255, 255, 0.08);
}
/* New Dashboard */
.add-panel__item {
background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));
box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);
}
.add-panel__item.active, .add-panel__item:hover {
background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
}
.add-panel__header {
background: rgba(0, 0, 0, 0.25);
box-shadow: none;
border-bottom: 0px;
}
/* Explore */
.query-transaction {
color: #fff;
}
.query-type-toggle .btn.active {
background-color: rgba(0, 0, 0, 0.45);
border: none;
border-radius: 3px;
}
.toggle-button-group .btn {
background-color: rgba(0, 0, 0, 0.25);
background-image: none;
border-color: #00000000;
border-radius: 3px !important;
border-right: 1px;
}
.toggle-button-group .btn:hover {
background-color: rgba(0, 0, 0, 0.45);
}
.logs-panel-options {
background-color: transparent;
border: none;
}
/* JSON Model */
.gf-code-dark {
background-color: rgba(0, 0, 0, 0.25);
color: #e0e0e0;
}
.gf-code-editor.ace_editor {
border: none;
}
.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, .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;
}
.css-1pziiev {
background: rgb(0 0 0 / 50%);
}
/*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;}

View File

@ -1,23 +0,0 @@
/* 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 HOTLINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-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;
}

View File

@ -1,23 +0,0 @@
/* 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;
}

View File

@ -1,599 +0,0 @@
/* 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 THEME FOR ORGANIZR DASHBOARD INTEGRATION */
body {
color: #FFFFFF !important;
background-color: transparent !important;
}
.main-view {
background: linear-gradient(180deg,#ffffff00 10px,#ffffff00 100px) !important;
}
div.flot-text {
color: #FFF !important;
}
/* Loading page */
.theme-dark, .theme-light, .preloader {
background: transparent !important;
}
/* login page */
.login-branding {
border-right: none !important;
}
/* sidemenu */
.sidemenu-open .sidemenu {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu__logo:hover {
background: rgba(0, 0, 0, .25) !important;
}
.sidemenu-item.active, .sidemenu-item:hover {
background-color: rgba(0, 0, 0, .25) !important;
}
@media (max-width: 768px) {
.sidemenu .sidemenu__logo_small_breakpoint {
background: var(--main-bg-color);
}
}
/* Dashboard dropdown menu */
.search-dropdown__col_1 {
background: transparent !important;
}
.search-container {
left: 0px !important;
}
.navbar-page-btn {
color: #FFF !important;
}
/* Panel fullscreen navbar */
.panel-in-fullscreen .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
/* Dashboard search menu */
.search-field-wrapper {
background-color: #1f1f1f !important;
box-shadow: none !important;
}
.search-field-wrapper>input {
height: 55px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
}
.search-field-icon {
background-color: rgba(0, 0, 0, .25) !important;
}
/* Dashboard settings menu */
.dashboard-settings__aside {
background: rgba(0, 0, 0, .25) !important;
}
.dashboard-page--settings-open .navbar {
background: linear-gradient(90deg,rgba(0, 0, 0, .15),rgba(0, 0, 0, 0.25)) !important;
}
.navbar-button--primary {
border-color: #ffffff00 !important;
}
.dashboard-settings__aside-header {
color: #ffffff !important;
}
.dashboard-settings__nav-item {
color: #ffffff !important;
}
.bootstrap-tagsinput {
background-color: #09090b !important;
}
.gf-form-select-wrapper .gf-form-input {
background-color: #393a3b !important;
}
/*Datasources Menu*/
.add-data-source-item {
background: rgba(255, 255, 255, 0.08);
-webkit-box-shadow: none;
box-shadow: none;
}
.add-data-source-item:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: rgba(255, 255, 255, 0.15);
border: 1px solid #00000000;
color: #fff;
}
/* Variable label color */
.template-variable {
color: #f79520 !important;
}
/* Variable label box */
.gf-form-label {
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFF;
}
.gf-form-input:focus {
color: #FFF !important;
background-color: #262626 !important;
border: none !important;
box-shadow: none !important;
}
.variable-option.highlighted, .variable-option:hover {
background-color: hsla(0,0%,100%,.1) !important;
}
/* Variable dashboard dropdown */
.variable-value-link {
padding: 7.4px 10px !important;
background-color: rgba(0, 0, 0, 0.25) !important;
border: none !important;
color: #FFFFFF !important;
}
/* Variable input box */
.gf-form-input {
color: #FFFFFF !important;
background-color: rgba(255, 255, 255, 0.15) !important;
border: 0px solid #262628 !important;
}
/* NAVBAR BUTTONS */
.navbar-button {
color: #FFF !important;
background-color: rgba(0, 0, 0, 0.25) !important;
background-image: linear-gradient(180deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25)) !important;
border: none !important;
}
/* Custom Range Refreshing every X Dropdown */
.gf-timepicker-absolute-section select {
background-color: #393a3b !important;
}
/* PANEL BACKGROUND COLOR*/
.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;
border: transparent;
}
.panel-header:hover {
background-color: rgba(0, 0, 0, 0.25) !important;
}
.panel-loading {
color: transparent;
}
/* ////PANEL BACKGROUND COLOR//// */
.graph-legend-table .graph-legend-series:nth-child(odd) {
background: transparent !important;
}
/* Panel text color*/
div.flot-text {
color: #FFF !important;
}
/* panel loading circle*/
.panel-loading {
color: #FFF !important;
}
/* panel resize arrow */
.theme-dark .react-grid-item>.react-resizable-handle:after {
border-right: 2px solid #fff !important;
border-bottom: 2px solid #fff !important;
}
/* table panel background color */
.table-panel-container {
background-color: rgba(0, 0, 0, .25) !important;
}
/* table panel border size */
.table-panel-table td {
padding: .45em 0 .45em 1.1em;
border-bottom: 1px solid #171819;
border-right: 1px solid #171819;
}
/* Edit panel tabs */
.tabbed-view-header {
box-shadow: none;
background: rgba(0, 0, 0, 0.25);
border-bottom: none;
}
.tabbed-view-panel-title {
padding-left: 10px;
}
/* worldmap zoom buttons and leaflet */
.leaflet-bar a, .leaflet-bar a:hover {
background-color: #1f1f1f !important;
border-bottom: 1px solid #1f1f1f !important;
color: white !important;
}
.leaflet-bar a:hover {
background-color: #1b1b1b !important;
}
.leaflet-control-attribution {
display: none;
}
/* New Dashboard */
.add-panel__item {
background: linear-gradient(135deg,rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.25));
box-shadow: -1px -1px 0 0 hsla(0,0%,100%,.1), 1px 1px 0 0 rgba(0, 0, 0, 0);
}
.add-panel__item.active, .add-panel__item:hover {
background: linear-gradient(135deg,rgba(0, 0, 0, 0.25),rgba(0, 0, 0, 0.25));
}
.add-panel__header {
background: rgba(0, 0, 0, 0.25);
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;}

View File

@ -1,23 +0,0 @@
/* 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 PLEX THEME */
@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;
}

View File

@ -1,23 +0,0 @@
/* 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 SPACE GRAY THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-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;
}

View File

@ -1,22 +0,0 @@
/* 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 AQUAMARINE THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/guacamole/guacamole-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: rgba(0,0,0,.25);
--button-color-hover: rgba(0,0,0,.45);
}

View File

@ -1,22 +0,0 @@
/* 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 DARK THEME */
@import url(https://gilbn.github.io/theme.park/CSS/themes/guacamole/guacamole-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: #cc7b19;
--button-color-hover: #e59029;
}

View File

@ -1,349 +0,0 @@
/* 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) !important;
background-repeat: repeat, no-repeat;
background-attachment: fixed, fixed;
background-position: center center, center center;
background-size: auto, cover;
-webkit-background-size: auto, cover;
-moz-background-size: auto, cover;
-o-background-size: auto, cover;
color:#FFFFFF !important;
}
div.displayMiddle {
background: var(--modal-bg-color);
}
/* 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;
}
/* LOGIN MENU */
div.login-ui {
background: inherit;
}
.login-ui div.login-dialog {
background: rgba(0, 0, 0, .25);
border: none;
}
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);
border: none;
}
.login-ui .login-fields .labeled-field input:focus {
background: #1f1f1f !important;
outline: none;
}
.login-ui .login-fields .labeled-field.empty input {
background: rgba(0,0,0,0.25) !important;
outline: none;
}
.login-ui .login-fields .labeled-field.empty input:focus {
background: #1f1f1f !important;
outline: none;
}
.login-ui .login-dialog .login-fields input {
background-color: #1f1f1f !important;
}
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
color: white !important;
background: rgba(0, 0, 0, 0.25) !important;
}
input[type=checkbox], input[type=number], input[type=text], input[type=email], input[type=radio], label, textarea {
color: white !important;
background: transparent;
}
/* HOME MENU */
.header h2 {
color: white;
background-color: rgba(0, 0, 0, 0.25);
}
.connection .icon.vnc, .connection .icon.rdp {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-monitor.png);
}
.connection .icon.ssh, .connection .icon.telnet {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-text.png);
}
.user-menu .menu-dropdown .menu-title {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
background-color: transparent;
}
.user-menu .menu-dropdown .menu-contents li a[href="#/"] {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-home-dark.png);
}
.user-menu .menu-dropdown .menu-contents li a[href="#/settings/users"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/connections"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/sessions"], .user-menu .menu-dropdown .menu-contents li a[href="#/settings/preferences"] {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-config-dark.png);
}
.user-menu .menu-dropdown .menu-contents li a.logout {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-logout-dark.png);
}
.icon.user {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-user.png);
}
.pager .icon.first-page {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-first-page.png);
}
.pager .icon.prev-page {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-prev-page.png);
}
.pager .icon.next-page {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-next-page.png);
}
.pager .icon.last-page {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/guac-last-page.png);
}
.loading::before{
background-image:url('https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/cog.png');
}
table.sorted th.sort-primary.sort-descending:after {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/up.png);
}
.menu-dropdown .menu-indicator {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
}
.menu-dropdown .menu-indicator:hover {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
color: #f9be03;
}
table.sorted th.sort-primary:after {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/down.png);
}
.menu-dropdown.open, .menu-dropdown.open:hover {
background: rgba(0, 0, 0, 0.25);
}
.menu-dropdown {
border-left: none;
background: rgba(0, 0, 0, 0.25);
}
.menu-dropdown .menu-contents li a {
display: block;
cursor: pointer;
color: white;
text-decoration: none;
padding: .75em;
background: #1f1f1f;
}
.menu-dropdown .menu-contents li a.current, .menu-dropdown .menu-contents li a.current:hover {
background-color: rgba(0,0,0,.25);
opacity: .9;
}
.menu-dropdown .menu-contents li a:hover {
background-color: rgba(0,0,0,.25);
}
.menu-dropdown:hover {
background: rgba(0, 0, 0, 0.25);
}
.menu-dropdown .menu-contents {
background: #1f1f1f;
}
.header .filter input {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-khtml-border-radius: 0;
border-radius: 0;
border: 0;
border-left: 1px solid rgba(0,0,0,0.125);
background-color: transparent;
color: white;
}
.header .filter {
background-color: rgba(0, 0, 0, 0.25);
}
.filter .search-string {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/magnifier.png) !important;
background-repeat: no-repeat !important;
background-size: 1.75em !important;
background-position: .25em center !important;
padding: .5em !important;
padding-left: 2.25em !important;
width: 100%;
max-width: none;
background-color: rgba(0, 0, 0, 0.25);
border: 0;
}
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
color: white;
}
.user a:visited, .connection a:visited, .connection-group a:visited {
text-decoration: none;
color: white;
}
.recent-connections .connection:hover {
background: hsla(0, 0%, 100%, 0.08);
}
.list-item:not(.selected) .caption:hover {
background: hsla(0, 0%, 100%, 0.07);
}
.list-item .name {
color: white;
}
/* SIDE MENU */
.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;
}
/* NOTIFICATION BOX */
.notification.error {
background: var(--modal-bg-color);
color: white;
}
.notification {
background: var(--modal-bg-color);
color: white;
}
/* SETTINGS */
.page-tabs .page-list li a[href]:visited {
color: white;
}
.page-tabs .page-list li a[href] {
color: white;
}
.page-tabs .page-list li a[href]:hover {
background-color: rgba(0, 0, 0, 0.25);
}
.user a:visited, .connection a:visited, .connection-group a:visited {
text-decoration: none;
color: white;
}
.user a:hover, .user-group a:hover, .connection a:hover, .connection-group a:hover {
color: #ffffff !important;
}
.user a, .connection a, .connection-group a {
text-decoration: none;
color: white;
}
div.location, input[type=text], input[type=email], input[type=number], input[type=password], textarea {
border: 0;
background: rgba(0, 0, 0, .25);
}
.location-chooser .dropdown {
background: #666;
}
/* USER SETTINGS */
.page-tabs .page-list li a[href], .section-tabs li a {
color: white;
}
.page-tabs .page-list li a[href]:hover, .section-tabs li a:hover {
background-color: hsla(0, 0%, 100%, 0.07);
}
.manage-user .page-tabs .page-list li.linked a[href]:before {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/checkmark.png);
}
.manage-user .page-tabs .page-list li.read-only a[href]:before {
background-image: url(https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/guacamole/lock.png);
}
.manage-user .notice.read-only {
background: hsla(0, 0%, 100%, 0.07);
}
/* DUA 2FA PAGE */
.duo-signature-response-field {
background: var(--modal-bg-color) !important;
}
.base-wrapper {
border: 1px solid transparent !important;
background: var(--modal-bg-color) !important;
}
.base-body {
background-color: #333 !important;
}
h1.spacious-frame-view {
color: white !important;
}
@media screen and (-webkit-max-device-pixel-ratio: 1.25), screen and (max-resolution: 120dpi) {
h1, .h1 {
color: white !important;
}
}
.white-wrapper {
background-color: #333 !important;
color: white !important;
}
form:not(.inline) fieldset {
background-color: #333 !important;
}
label span {
color: white !important;
}
input[type=radio] {
border: 1px solid #fff !important;
}
/* Connection */
#connection-warning {
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) ;
}

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