Merge remote-tracking branch 'origin/master' into unraid
This commit is contained in:
Marius
commit
4ee2c98e86
3
.github/pull_request_template.md
vendored
Normal file
3
.github/pull_request_template.md
vendored
Normal file
@ -0,0 +1,3 @@
|
||||
## Thank you for the PR!
|
||||
|
||||
### Please remember to add a before and after screenshot(s) on any css changes!
|
||||
@ -1,7 +1,9 @@
|
||||
# Organizr - Glass addon
|
||||
|
||||
## Installation
|
||||
|
||||
* [Full](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#Full)
|
||||
* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen)
|
||||
* [Login - Lockscreen only](https://github.com/gilbN/theme.park/tree/master/CSS/addons/organizr/glass#login---lockscreen-only)
|
||||
|
||||
|
||||
|
||||
@ -17,7 +19,7 @@
|
||||
|
||||
## Full
|
||||
|
||||
1. Set the Organizr theme to either Aquamarine or Hotline.
|
||||
1. Set the Organizr theme to either Aquamarine, Hotline or Space Gray
|
||||
|
||||
2. Import the `glass-base.css` and root variables in the Custom Theme CSS box like below.
|
||||
Replace `--main-bg-color` with a wallpaper you have uploaded to Organizr
|
||||
@ -83,7 +85,7 @@ Here are the other theme colors if you want to use that instead:
|
||||
--div-background-color-35: rgba(0, 0, 0, 0.45);
|
||||
```
|
||||
|
||||
## Login - Lockscreen
|
||||
## Login - Lockscreen only
|
||||
|
||||
If you just want the login and lockscreen css, just add this in custom CSS:
|
||||
|
||||
|
||||
54
CSS/addons/radarr/README.md
Normal file
54
CSS/addons/radarr/README.md
Normal file
@ -0,0 +1,54 @@
|
||||
# Radarr 4K logo
|
||||
|
||||
Add a 4K logo to your Radarr css.
|
||||
|
||||
### Desktop
|
||||
|
||||
|
||||
|
||||
### Mobile
|
||||
|
||||
|
||||
|
||||
|
||||
## Setup
|
||||
|
||||
#### Nginx
|
||||
Examples of how to add it:
|
||||
|
||||
```nginx
|
||||
proxy_set_header Accept-Encoding "";
|
||||
sub_filter
|
||||
'</head>'
|
||||
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
|
||||
</head>';
|
||||
sub_filter_once on;
|
||||
```
|
||||
|
||||
#### Apache
|
||||
|
||||
```nginx
|
||||
AddOutputFilterByType SUBSTITUTE text/html
|
||||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css">
|
||||
</head>';|'
|
||||
```
|
||||
|
||||
#### Caddy
|
||||
|
||||
```nginx
|
||||
filter rule {
|
||||
content_type text/html.*
|
||||
search_pattern </head>
|
||||
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css'></head>"
|
||||
}
|
||||
```
|
||||
|
||||
#### Stylus
|
||||
|
||||
Just add another import line.
|
||||
|
||||
```css
|
||||
@import "https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css";
|
||||
@import "https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css";
|
||||
```
|
||||
BIN
CSS/addons/radarr/desktop.png
Normal file
BIN
CSS/addons/radarr/desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 46 KiB |
BIN
CSS/addons/radarr/mobile.png
Normal file
BIN
CSS/addons/radarr/mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 790 KiB |
73
CSS/addons/radarr/radarr-4k-logo.css
Normal file
73
CSS/addons/radarr/radarr-4k-logo.css
Normal file
@ -0,0 +1,73 @@
|
||||
/* Desktop */
|
||||
@media (min-width: 752px) {
|
||||
.navbar-brand>img {
|
||||
display:none !important;
|
||||
}
|
||||
.navbar > .container-fluid .navbar-brand:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
|
||||
display: inline-block;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
}
|
||||
/* Mobile */
|
||||
@media (max-width: 767px) {
|
||||
.navbar-brand .visible-xs img {
|
||||
display: none !important;
|
||||
}
|
||||
.navbar-brand .visible-xs {
|
||||
display: inline !important;
|
||||
}
|
||||
.navbar > .container-fluid .navbar-brand:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k.png");
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
margin-bottom: -12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Radarr V3*/
|
||||
@media (min-width: 752px) {
|
||||
.PageHeader-logoFull-2z6pD {
|
||||
display: none !important;
|
||||
}
|
||||
.PageHeader-logoContainer-3bOb3:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr4k-v3.png");
|
||||
display: inline-block;
|
||||
width: 148px;
|
||||
height: 48px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.PageHeader-logo-2y8vm {
|
||||
display: none !important;
|
||||
}
|
||||
.PageHeader-logoContainer-3bOb3:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-v3-mobile.png");
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
}
|
||||
BIN
CSS/addons/radarr/radarr-v3-mobile.png
Normal file
BIN
CSS/addons/radarr/radarr-v3-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 167 KiB |
BIN
CSS/addons/radarr/radarr4k-v3.png
Normal file
BIN
CSS/addons/radarr/radarr4k-v3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 55 KiB |
BIN
CSS/addons/radarr/radarr4k.png
Normal file
BIN
CSS/addons/radarr/radarr4k.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 52 KiB |
BIN
CSS/addons/radarr/v3-desktop.png
Normal file
BIN
CSS/addons/radarr/v3-desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 40 KiB |
BIN
CSS/addons/radarr/v3-mobile.png
Normal file
BIN
CSS/addons/radarr/v3-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 122 KiB |
54
CSS/addons/sonarr/README.md
Normal file
54
CSS/addons/sonarr/README.md
Normal file
@ -0,0 +1,54 @@
|
||||
# Sonarr 4K logo
|
||||
|
||||
Add a 4K logo to your Sonarr css.
|
||||
|
||||
### Desktop
|
||||
|
||||
|
||||
|
||||
### Mobile
|
||||
|
||||
|
||||
|
||||
|
||||
## Setup
|
||||
|
||||
#### Nginx
|
||||
Examples of how to add it:
|
||||
|
||||
```nginx
|
||||
proxy_set_header Accept-Encoding "";
|
||||
sub_filter
|
||||
'</head>'
|
||||
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css">
|
||||
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
|
||||
</head>';
|
||||
sub_filter_once on;
|
||||
```
|
||||
|
||||
#### Apache
|
||||
|
||||
```nginx
|
||||
AddOutputFilterByType SUBSTITUTE text/html
|
||||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css">
|
||||
</head>';|'
|
||||
```
|
||||
|
||||
#### Caddy
|
||||
|
||||
```nginx
|
||||
filter rule {
|
||||
content_type text/html.*
|
||||
search_pattern </head>
|
||||
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>"
|
||||
}
|
||||
```
|
||||
|
||||
#### Stylus
|
||||
|
||||
Just add another import line.
|
||||
|
||||
```css
|
||||
@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css";
|
||||
@import "https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css";
|
||||
```
|
||||
BIN
CSS/addons/sonarr/desktop.png
Normal file
BIN
CSS/addons/sonarr/desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 28 KiB |
BIN
CSS/addons/sonarr/mobile.png
Normal file
BIN
CSS/addons/sonarr/mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
95
CSS/addons/sonarr/sonarr-4k-logo.css
Normal file
95
CSS/addons/sonarr/sonarr-4k-logo.css
Normal file
@ -0,0 +1,95 @@
|
||||
/* Desktop */
|
||||
@media (min-width: 752px) {
|
||||
.navbar-brand>img {
|
||||
display:none !important;
|
||||
}
|
||||
.navbar > .container-fluid .navbar-brand:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
|
||||
display: inline-block;
|
||||
width: 128px;
|
||||
height: 128px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
/* Mobile */
|
||||
@media (max-width: 1200px) {
|
||||
.navbar-brand .visible-xs img, .logo-text {
|
||||
display: none !important;
|
||||
}
|
||||
.navbar-brand .visible-xs {
|
||||
display: inline !important;
|
||||
}
|
||||
.navbar > .container-fluid .navbar-brand:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
|
||||
display: inline-block;
|
||||
width: 64px;
|
||||
height: 64px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
margin-bottom: -12px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.navbar-brand .visible-xs img {
|
||||
display: none !important;
|
||||
}
|
||||
.navbar-brand .visible-xs {
|
||||
display: inline !important;
|
||||
}
|
||||
.navbar > .container-fluid .navbar-brand:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
margin-bottom: -12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* Sonarr V3*/
|
||||
@media (min-width: 752px) {
|
||||
.PageHeader\/logo\/2y8vm {
|
||||
display: none !important;
|
||||
}
|
||||
.PageHeader\/logoContainer\/3bOb3:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 767px) {
|
||||
.PageHeader\/logo\/2y8vm {
|
||||
display: none !important;
|
||||
}
|
||||
.PageHeader\/logoContainer\/3bOb3:before {
|
||||
background-image: url("https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k.png");
|
||||
display: inline-block;
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
content:"";
|
||||
background-size: cover;
|
||||
-webkit-background-size: cover;
|
||||
-moz-background-size: cover;
|
||||
-o-background-size: cover;
|
||||
}
|
||||
}
|
||||
BIN
CSS/addons/sonarr/sonarr-4k.png
Normal file
BIN
CSS/addons/sonarr/sonarr-4k.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 45 KiB |
BIN
CSS/addons/sonarr/v3-desktop.png
Normal file
BIN
CSS/addons/sonarr/v3-desktop.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
BIN
CSS/addons/sonarr/v3-mobile.png
Normal file
BIN
CSS/addons/sonarr/v3-mobile.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 42 KiB |
460
CSS/themes/adguard/adguard-base.css
Normal file
460
CSS/themes/adguard/adguard-base.css
Normal file
@ -0,0 +1,460 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
body {
|
||||
background: var(--main-bg-color);
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
background: var(--main-bg-color)
|
||||
}
|
||||
}
|
||||
body *::-webkit-scrollbar-thumb {
|
||||
background: hsla(0,0%,100%,.2);
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
/* TEXT */
|
||||
|
||||
a {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
|
||||
a:-webkit-any-link:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* LOGIN PAGE */
|
||||
|
||||
.login .login__form .text-center .h-6 {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
.login__form .card {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
border: 1px solid rgb(0 0 0 / 0.08);
|
||||
}
|
||||
|
||||
.login .btn-success:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.login .btn-link {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.login .btn-link:hover {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.form__message--error {
|
||||
color: #F44336;
|
||||
}
|
||||
|
||||
/* HEADER */
|
||||
.header {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.03);
|
||||
}
|
||||
|
||||
.header-brand-img {
|
||||
filter: invert(1);
|
||||
}
|
||||
|
||||
.header .btn-outline-secondary {
|
||||
color: var(--text);
|
||||
background: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
.header .btn-outline-secondary:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.nav-tabs .nav-link.active {
|
||||
border-color: var(--accent-color);
|
||||
color: var(--accent-color);
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.header .nav-tabs .nav-link.active:hover {
|
||||
border-color: var(--accent-color-hover) !important;
|
||||
color: var(--accent-color-hover) !important;
|
||||
}
|
||||
|
||||
.header a:not([href]):not([tabindex]) {
|
||||
color: var(--text);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.header .nav-tabs {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.header .nav-tabs .nav-link:hover:not(.disabled) {
|
||||
border-color: var(--text-hover);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
.footer {
|
||||
background: rgba(0, 0, 0, 0.08);
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.03);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.footer a:not(.btn) {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.footer .btn-outline-primary {
|
||||
color: var(--button-color);
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
.footer .btn-outline-primary:hover {
|
||||
color: var(--text);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
/* MAIN PAGE */
|
||||
.header__row .mobile-menu {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
.container .btn-outline-primary {
|
||||
color: var(--text);
|
||||
background-color: var(--button-color);
|
||||
background-image: none;
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
.container .btn-outline-primary:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.tooltip-container {
|
||||
background: var(--tooltip-bg);
|
||||
}
|
||||
|
||||
/* CARDS*/
|
||||
.card {
|
||||
background-color: rgb(255 255 255 / 8%);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.tooltip-custom__container {
|
||||
background: var(--tooltip-bg);
|
||||
}
|
||||
|
||||
.tooltip-custom__content-link {
|
||||
color: var(--tooltip-link-color);
|
||||
}
|
||||
|
||||
.card-wrap,
|
||||
.card-title-stats {
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
.card-title-stats a {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.card-title-stats a:hover {
|
||||
text-decoration: underline;
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
|
||||
.card .icon--lightgray {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.card .logs__text {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.card .button__action {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.card .btn-outline-danger {
|
||||
color: #F44336;
|
||||
background-color: transparent;
|
||||
background-image: none;
|
||||
border-color: #F44336;
|
||||
}
|
||||
|
||||
.btn-outline-danger:hover {
|
||||
color: #fff;
|
||||
background-color: #F44336;
|
||||
border-color: #F44336;
|
||||
}
|
||||
|
||||
/* DROPDOWNS */
|
||||
.dropdown-menu {
|
||||
color: var(--text);
|
||||
background: var(--modal-bg-color);
|
||||
background-clip: padding-box;
|
||||
border: 1px solid rgba(0, 40, 100, 0.12);
|
||||
border-radius: 3px;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.dropdown-item:hover,
|
||||
.dropdown-item:focus {
|
||||
color: var(--text-hover);
|
||||
text-decoration: none;
|
||||
background-color: rgb(255 255 255 / 0.08);
|
||||
}
|
||||
.select__menu {
|
||||
background: var(--modal-bg-color) !important;
|
||||
box-shadow: 1px 1px 10px 1px rgba(0, 0, 0, .5);
|
||||
}
|
||||
.select__option:hover {
|
||||
background: rgba(255, 255, 255, .08) !important;
|
||||
}
|
||||
.select__option {
|
||||
background: rgba(0, 0, 0, 0) !important;
|
||||
border-bottom: solid rgba(255, 255, 255, .1) 1px;
|
||||
}
|
||||
.select__multi-value__remove {
|
||||
color: black;
|
||||
}
|
||||
.basic-multi-select .select__control--is-focused, .basic-multi-select .select__control--is-focused:hover {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
/* SETTINGS */
|
||||
.checkbox__label-subtitle,
|
||||
.form__desc,
|
||||
.page-subtitle,
|
||||
.card-title small,
|
||||
.card-subtitle {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
.service__icon {
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
/* LOGS */
|
||||
.logs__table {
|
||||
background-color: rgb(255 255 255 / 8%);
|
||||
}
|
||||
|
||||
.logs__text,
|
||||
.logs__row .list-unstyled li,
|
||||
.detailed-info,
|
||||
.icon--lightgray,
|
||||
.icon--gray,
|
||||
.loading__text {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.rt-tr-group.red {
|
||||
background-color: rgb(244 67 54 / 30%);
|
||||
}
|
||||
|
||||
.rt-tr-group.blue {
|
||||
background-color: rgb(54 146 244 / 30%);
|
||||
}
|
||||
|
||||
.ReactTable .rt-noData {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.ReactTable .-loading,
|
||||
.ReactTable .-loading>div {
|
||||
background: rgba(255, 255, 255, 0.5);
|
||||
}
|
||||
|
||||
.loading:before {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.custom-select:focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* FORMS */
|
||||
.form-control--transparent {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.form-control--search {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
border-color: transparent;
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
background: #ffffff !important;
|
||||
}
|
||||
|
||||
.icon--selected {
|
||||
background-color: rgb(255 255 255 / 15%);
|
||||
border: solid 1px transparent;
|
||||
}
|
||||
|
||||
.tab__control,
|
||||
.tab__control--active {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
.btn-outline-secondary {
|
||||
color: #c9c9c9;
|
||||
border-color: #c9c9c9;
|
||||
}
|
||||
|
||||
.btn-success,
|
||||
.btn-success.disabled,
|
||||
.btn-success:disabled {
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.btn-success:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.btn-success:focus,
|
||||
.btn-success.focus {
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.btn-secondary {
|
||||
color: var(--text);
|
||||
background-color: rgb(255 255 255 / 25%);
|
||||
border-color: rgb(255 255 255 / 0%);
|
||||
-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
|
||||
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.btn-secondary:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* MODALS */
|
||||
.modal-content {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
.ReactModal__Overlay--after-open {
|
||||
background-color: rgb(0 0 0 / 0.7) !important;
|
||||
}
|
||||
|
||||
/* MOBILE */
|
||||
@media (max-width: 767px) {
|
||||
.mobile-menu {
|
||||
background: #1b1b1b !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: #1f1f1f !important;
|
||||
}
|
||||
|
||||
.ReactModal__Content {
|
||||
background: var(--modal-bg-color) !important;
|
||||
border: 1px solid transparent !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 991px) {
|
||||
.mobile-menu {
|
||||
background: #1b1b1b !important;
|
||||
}
|
||||
|
||||
.dropdown-menu {
|
||||
background: #1f1f1f !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* PLACEHOLDER TEXT */
|
||||
::placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: var(--text);
|
||||
}
|
||||
28
CSS/themes/adguard/aquamarine.css
Normal file
28
CSS/themes/adguard/aquamarine.css
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* ADGUARD AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--accent-color: #009688;
|
||||
--accent-color-hover: #12afa0;
|
||||
--tooltip-bg: #009688;
|
||||
--tooltip-link-color: #f1c40f;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
28
CSS/themes/adguard/dark.css
Normal file
28
CSS/themes/adguard/dark.css
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* ADGUARD DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: rgba(255, 255, 255, 0.25);
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
--tooltip-bg: #1f1f1f;
|
||||
--tooltip-link-color: #f1c40f;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
28
CSS/themes/adguard/hotline.css
Normal file
28
CSS/themes/adguard/hotline.css
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* ADGUARD HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
--tooltip-bg: #F44336;
|
||||
--tooltip-link-color: #0b3161;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
28
CSS/themes/adguard/organizr-dark.css
Normal file
28
CSS/themes/adguard/organizr-dark.css
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* ADGUARD ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
--tooltip-bg: #1b1b1b;
|
||||
--tooltip-link-color: #2cabe3;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
28
CSS/themes/adguard/plex.css
Normal file
28
CSS/themes/adguard/plex.css
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* ADGUARD PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
--tooltip-bg: #1f1f1f;
|
||||
--tooltip-link-color: #e5a00d;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
28
CSS/themes/adguard/space-gray.css
Normal file
28
CSS/themes/adguard/space-gray.css
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* ADGUARD SPACE GRAY THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/adguard/adguard-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--accent-color: #607D8B;
|
||||
--accent-color-hover: #81a6b7;
|
||||
--tooltip-bg: #607D8B;
|
||||
--tooltip-link-color: #f1c40f;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
@ -16,4 +16,9 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--accent-color: #009688;
|
||||
--accent-color-hover: #12afa0;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
@ -16,4 +16,9 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: rgba(255, 255, 255, 0.25);
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
@ -16,4 +16,9 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
}
|
||||
24
CSS/themes/bazarr/organizr-dark.css
Normal file
24
CSS/themes/bazarr/organizr-dark.css
Normal file
@ -0,0 +1,24 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BAZARR ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bazarr/bazarr-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
}
|
||||
@ -16,4 +16,9 @@
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
}
|
||||
@ -16,4 +16,9 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--accent-color: #607D8B;
|
||||
--accent-color-hover: #81a6b7;
|
||||
}
|
||||
26
CSS/themes/bitwarden/aquamarine.css
Normal file
26
CSS/themes/bitwarden/aquamarine.css
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BITWARDEN AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--accent-color: #12afa0;
|
||||
--accent-color-hover: #fff;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #12afa0;
|
||||
}
|
||||
176
CSS/themes/bitwarden/bitwarden-base.css
Normal file
176
CSS/themes/bitwarden/bitwarden-base.css
Normal file
@ -0,0 +1,176 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
img.logo {
|
||||
filter: invert(100);
|
||||
}
|
||||
body.layout_frontend,body {
|
||||
background: var(--main-bg-color);
|
||||
color: var(--text);
|
||||
}
|
||||
/* LINKS */
|
||||
a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
a:hover {
|
||||
color: var(--link-color);
|
||||
opacity: .8;
|
||||
}
|
||||
/* TEXT */
|
||||
.text-muted,.form-check-block .form-check-label > small,.modal-header small, .table {
|
||||
color: var(--text) !important;
|
||||
opacity: .8;
|
||||
}
|
||||
.table-hover tbody tr:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
}
|
||||
h3 {
|
||||
color:white !important;
|
||||
}
|
||||
|
||||
/* NAVBAR */
|
||||
.navbar {
|
||||
background-color: rgb(0 0 0 / 25%) !important;
|
||||
}
|
||||
/* CARDS */
|
||||
.card {
|
||||
background-color: rgba(255,255,255,0.07);
|
||||
}
|
||||
app-vault-groupings .card .card-body a {
|
||||
color: var(--text);
|
||||
}
|
||||
app-vault-groupings .card li.active > a:first-of-type, app-vault-groupings .card li.active > div a:first-of-type,app-vault-groupings .card li.active > div > .fa {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
body > app-root > app-user-layout > app-tools > div > div > div.col-9 > app-password-generator > div.card.card-password.bg-light.my-4 {
|
||||
background-color: rgb(0 0 0 / 15%) !important;
|
||||
}
|
||||
.password-number {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
/* MODALS */
|
||||
.modal-content,.modal-footer {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
.close, .close:hover {
|
||||
color: #fff;
|
||||
}
|
||||
.close:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* FORMS */
|
||||
.form-control:focus {
|
||||
box-shadow: none;
|
||||
border-color: transparent;
|
||||
}
|
||||
.form-control {
|
||||
color: var(--text);
|
||||
background-color: rgb(0 0 0 / 0.25);
|
||||
border: 1px solid transparent;
|
||||
|
||||
}
|
||||
.form-control:disabled, .form-control[readonly] {
|
||||
background-color: rgb(255 255 255 / 50%);
|
||||
opacity: 1;
|
||||
}
|
||||
/* DROPDOWN MENU */
|
||||
.dropdown-menu {
|
||||
background: var(--modal-bg-color);
|
||||
border: 1px solid transparent;
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, .2);
|
||||
}
|
||||
.dropdown-item,.dropdown-item-text {
|
||||
color: var(--text);
|
||||
}
|
||||
.dropdown-item:hover, .dropdown-item:focus {
|
||||
color: var(--text-hover);
|
||||
text-decoration: none;
|
||||
background-color: rgb(255 255 255 / 0.08);
|
||||
}
|
||||
a.text-danger:hover, a.text-danger:focus {
|
||||
color: #dd4b39 !important;
|
||||
background-color: rgb(255 255 255 / 0.08) !important;
|
||||
}
|
||||
.dropdown-menu .text-danger {
|
||||
font-weight: bold !important;
|
||||
background: rgb(0 0 0 / 20%) !important;
|
||||
}
|
||||
/* SETTINGS */
|
||||
.list-group-item.active {
|
||||
color: var(--text);
|
||||
background-color: rgb(255 255 255 / 10%);
|
||||
border-left: 3px solid var(--accent-color);
|
||||
}
|
||||
.callout {
|
||||
background-color: rgb(255 255 255 / 15%);
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
border: 1px solid rgb(255 255 255 / 8%);
|
||||
}
|
||||
/* BUTTONS */
|
||||
.btn-link {
|
||||
color: var(--button-color);
|
||||
}
|
||||
.btn-link:hover {
|
||||
color: var(--button-color);
|
||||
opacity: .8;
|
||||
transition: 0.15s;
|
||||
}
|
||||
.btn-primary {
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active {
|
||||
background-color: var(--button-color);
|
||||
opacity: .8;
|
||||
transition: 0.15s;
|
||||
border-color: var(--button-color)
|
||||
}
|
||||
.btn-primary:focus, .swal2-popup .swal2-actions button.swal2-confirm:focus, .btn-primary.focus, .swal2-popup .swal2-actions button.focus.swal2-confirm,
|
||||
.btn-primary:not(:disabled):not(.disabled):active:focus, .swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .swal2-popup .swal2-actions button.swal2-confirm:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus, .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-confirm:focus{
|
||||
box-shadow: none;
|
||||
}
|
||||
.btn[class*="btn-outline-"]:not(:hover), .swal2-popup .swal2-actions button[class*="btn-outline-"]:not(:hover) {
|
||||
border-color: var(--button-color);
|
||||
background-color: var(--button-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.btn-outline-secondary:hover, .swal2-popup .swal2-actions button.swal2-cancel:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
.btn-outline-secondary:hover:not(:disabled), .swal2-popup .swal2-actions button.swal2-cancel:hover:not(:disabled) {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.btn-outline-primary:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
|
||||
color: #fff;
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
.btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
|
||||
box-shadow: none;
|
||||
}
|
||||
.btn-outline-secondary:not(:disabled):not(.disabled):active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled):active, .btn-outline-secondary:not(:disabled):not(.disabled).active, .swal2-popup .swal2-actions button.swal2-cancel:not(:disabled):not(.disabled).active, .show > .btn-outline-secondary.dropdown-toggle, .swal2-popup .swal2-actions .show > button.dropdown-toggle.swal2-cancel {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
26
CSS/themes/bitwarden/dark.css
Normal file
26
CSS/themes/bitwarden/dark.css
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BITWARDEN DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: #fff;
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
26
CSS/themes/bitwarden/hotline.css
Normal file
26
CSS/themes/bitwarden/hotline.css
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BITWARDEN HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: #F44336;
|
||||
}
|
||||
26
CSS/themes/bitwarden/organizr-dark.css
Normal file
26
CSS/themes/bitwarden/organizr-dark.css
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BITWARDEN ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color:#2cabe3;
|
||||
--accent-color-hover: #fff;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #2cabe3;
|
||||
}
|
||||
26
CSS/themes/bitwarden/plex.css
Normal file
26
CSS/themes/bitwarden/plex.css
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BITWARDEN PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color:#fff;
|
||||
}
|
||||
26
CSS/themes/bitwarden/space-gray.css
Normal file
26
CSS/themes/bitwarden/space-gray.css
Normal file
@ -0,0 +1,26 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* BITWARDEN SPACE GRAY THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/bitwarden/bitwarden-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--accent-color: #81a6b7;
|
||||
--accent-color-hover: #81a6b7;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #81a6b7;
|
||||
}
|
||||
@ -15,14 +15,17 @@
|
||||
/* "Re-skin" of CaliBlur https://github.com/leram84/layer.Cake/tree/master/caliBlur */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
body:not(.read-frame) {
|
||||
background: var(--color-background) !important;
|
||||
background: var(--main-bg-color) !important;
|
||||
background-image: none;
|
||||
}
|
||||
.blur-wrapper:after {
|
||||
background: var(--modal-bg-color) !important;
|
||||
}
|
||||
body>.container-fluid {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
body.login:not(.read-frame), body.shelfcreate, body.shelfedit {
|
||||
background: var(--color-background) !important;
|
||||
background: var(--main-bg-color) !important;
|
||||
}
|
||||
@media only screen and (max-width: 767px) {
|
||||
.navbar-collapse.collapse {
|
||||
|
||||
24
CSS/themes/calibreweb/organizr-dark.css
Normal file
24
CSS/themes/calibreweb/organizr-dark.css
Normal file
@ -0,0 +1,24 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* CALIBRE-WEB ORGANIZR-DARK THEME */
|
||||
/* Set theme to CaliBlur in UI Configuration -> View Configuration -> Theme -> CaliBlur -> Submit */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/calibreweb/calibreweb-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--color-primary: #2cabe3;
|
||||
--color-secondary: #2cabe3;
|
||||
--color-secondary-hover: rgb(44 171 227 / .8);
|
||||
--color-background-mobile: #1f1f1f;
|
||||
}
|
||||
@ -16,5 +16,7 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--progress-color: #4c95af;
|
||||
--progress-color: #009688;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
}
|
||||
@ -17,4 +17,6 @@
|
||||
--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);
|
||||
}
|
||||
|
||||
@ -671,28 +671,31 @@
|
||||
font-size: 16px;
|
||||
font-weight: normal;
|
||||
}
|
||||
#tbar-deluge-text * {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* Buttons hover */
|
||||
.x-btn{
|
||||
font:normal 11px 'Roboto', tahoma, verdana, helvetica;
|
||||
}
|
||||
.x-window-bc .x-window-footer .x-btn {
|
||||
background-color: rgba(255, 255, 255, 0.08);
|
||||
background-color: var(--button-color);
|
||||
}
|
||||
.x-window-bc .x-window-footer .x-btn:hover {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
background-color: var(--button-color-hover);
|
||||
}
|
||||
.x-form-file-wrap .x-btn {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
background: var(--button-color);
|
||||
}
|
||||
.x-form-file-wrap:hover .x-form-file-btn:hover .x-btn:hover {
|
||||
position: absolute;
|
||||
right: 0;
|
||||
z-index: 1;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
background: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.x-btn button{
|
||||
|
||||
@ -17,4 +17,6 @@
|
||||
--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);
|
||||
}
|
||||
22
CSS/themes/deluge/organizr-dark.css
Normal file
22
CSS/themes/deluge/organizr-dark.css
Normal file
@ -0,0 +1,22 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DELUGE ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/deluge/deluge-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--progress-color: #2cabe3;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
@ -17,4 +17,6 @@
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
--progress-color: #cc7b19;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
}
|
||||
@ -17,4 +17,6 @@
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--progress-color: #607D8B;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
}
|
||||
27
CSS/themes/duplicacy/aquamarine.css
Normal file
27
CSS/themes/duplicacy/aquamarine.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DUPLICACY AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--button-text: #eee;
|
||||
--accent-color: #12afa0;
|
||||
--accent-color-hover: #fff;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #12afa0;
|
||||
}
|
||||
27
CSS/themes/duplicacy/dark.css
Normal file
27
CSS/themes/duplicacy/dark.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DUPLICACY DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--accent-color: #fff;
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
566
CSS/themes/duplicacy/duplicacy-base.css
Normal file
566
CSS/themes/duplicacy/duplicacy-base.css
Normal file
@ -0,0 +1,566 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
|
||||
body {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
a.disabled-link {
|
||||
color: #666;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
background: var(--main-bg-color)
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
/* TEXT */
|
||||
body,
|
||||
.card,
|
||||
.category,
|
||||
.card label,
|
||||
.card .labels p,
|
||||
.card .title,
|
||||
.card .stats,
|
||||
.vis-time-axis .vis-text,
|
||||
.footer .copyright,
|
||||
.navbar-default .navbar-brand,
|
||||
.sidebar .nav li>a,
|
||||
.off-canvas-sidebar .nav li>a {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
.main-panel {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
|
||||
.content .card {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.text-danger {
|
||||
color: #f05050;
|
||||
}
|
||||
|
||||
.text-danger:hover {
|
||||
color: #ec2626;
|
||||
}
|
||||
|
||||
.text-primary {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.text-primary:hover {
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
|
||||
/* PLACEHOLDER TEXT */
|
||||
::placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
/* CARDS */
|
||||
.card {
|
||||
background: transparent
|
||||
}
|
||||
|
||||
.col-sm-6 .card,
|
||||
.col-md-12 .card {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
.card-container,
|
||||
.col-xs-4 .card,
|
||||
.col-xs-12 .card,
|
||||
.col-xs-8 .card {
|
||||
background: rgb(255 255 255 / 8%) !important;
|
||||
}
|
||||
|
||||
#schedule-0,
|
||||
#schedule-1,
|
||||
#schedule-2,
|
||||
#schedule-3,
|
||||
#schedule-4,
|
||||
#schedule-5,
|
||||
#schedule-6,
|
||||
#schedule-7,
|
||||
#schedule-8,
|
||||
#schedule-9,
|
||||
#schedule-10,
|
||||
#schedule-11,
|
||||
#schedule-12,
|
||||
#schedule-13,
|
||||
#schedule-14,
|
||||
#schedule-15,
|
||||
#schedule-16,
|
||||
#schedule-17,
|
||||
#schedule-18,
|
||||
#schedule-19,
|
||||
#schedule-20 {
|
||||
background-color: rgb(255 255 255 / 8%);
|
||||
}
|
||||
|
||||
/* TIMELINE */
|
||||
.vis-timeline {
|
||||
border: 1px solid rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
/* CHARTS */
|
||||
.ct-label {
|
||||
fill: var(--text);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ct-grid {
|
||||
stroke: var(--text);
|
||||
}
|
||||
|
||||
.tab-content {
|
||||
border-color: transparent !important;
|
||||
}
|
||||
|
||||
.vis-labelset .vis-label .vis-inner {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* STORAGE PAGE */
|
||||
.card .nav-tabs>li.active>a,
|
||||
.card .nav-tabs>li.active>a:focus,
|
||||
.card .nav-tabs>li.active>a:hover {
|
||||
color: var(--text);
|
||||
cursor: default;
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border: 1px solid rgba(255, 255, 255, .25);
|
||||
border-bottom-color: #eee;
|
||||
border-radius: 6px 6px 0 0;
|
||||
}
|
||||
|
||||
.card .nav>li>a:hover,
|
||||
.card .nav>li>a:focus {
|
||||
background-color: rgba(255, 255, 255, .07);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
/* NAVBAR */
|
||||
.navbar-default .navbar-toggle .icon-bar {
|
||||
background-color: var(--text);
|
||||
}
|
||||
|
||||
.navbar-default {
|
||||
background-color: rgb(0 0 0 / 26%);
|
||||
border-bottom: 1px solid rgb(255 255 255 / 25%);
|
||||
}
|
||||
|
||||
/* SIDEBAR */
|
||||
.sidebar[data-background-color="black"]:after,
|
||||
.sidebar[data-background-color="black"]:before,
|
||||
.off-canvas-sidebar[data-background-color="black"]:after,
|
||||
.off-canvas-sidebar[data-background-color="black"]:before {
|
||||
background: rgb(0 0 0 / 10%);
|
||||
}
|
||||
|
||||
.sidebar .nav li.active>a:before,
|
||||
.sidebar .nav li.active>a:after {
|
||||
border-right: 17px solid var(--accent-color);
|
||||
}
|
||||
|
||||
@media (min-width: 992px) {
|
||||
|
||||
.off-canvas-sidebar .nav li.active>a:before,
|
||||
.off-canvas-sidebar .nav li.active>a:after {
|
||||
border-right: 17px solid var(--accent-color);
|
||||
}
|
||||
}
|
||||
|
||||
.sidebar[data-active-color="success"] .nav li.active>a,
|
||||
.off-canvas-sidebar[data-active-color="success"] .nav li.active>a {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
.sidebar .nav li>a:hover {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
.sidebar .sidebar-wrapper {
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* MODAL */
|
||||
.modal-content {
|
||||
background: var(--modal-bg-color);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
border-bottom: 1px solid rgb(255 255 255 / 25%);
|
||||
}
|
||||
|
||||
.modal-footer {
|
||||
border-top: 1px solid rgb(255 255 255 / 25%);
|
||||
}
|
||||
|
||||
.modal-body .nav-tabs>li.active>a,
|
||||
.nav-tabs>li.active>a:focus,
|
||||
.nav-tabs>li.active>a:hover {
|
||||
color: var(--text);
|
||||
cursor: default;
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border: 1px solid transparent;
|
||||
border-bottom-color: transparent;
|
||||
}
|
||||
|
||||
.modal-body .nav>li>a:hover,
|
||||
.nav>li>a:focus {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.modal-body .nav-tabs>li.active>a:hover {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.modal-body .nav-tabs>li>a:hover {
|
||||
border-color: #fff3 #fff3 #fff3;
|
||||
color: var(--text-hover)
|
||||
}
|
||||
|
||||
.modal-body .nav-tabs>li>a {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
#modal_storage_info_tab_content {
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
.modal-body .nav .open>a,
|
||||
.nav .open>a:focus,
|
||||
.nav .open>a:hover {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
/* DROPDOWN */
|
||||
.dropdown-menu {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
.dropdown a {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
.dropdown a:hover {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
/* FORMS */
|
||||
.form-control.border-input {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.form-control,
|
||||
textarea {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: rgb(0 0 0 / 50%);
|
||||
}
|
||||
|
||||
.form-control[disabled],
|
||||
.form-control[readonly],
|
||||
fieldset[disabled] .form-control {
|
||||
background-color: rgba(0, 0, 0, .15);
|
||||
}
|
||||
|
||||
#input_s3_provider:focus,
|
||||
#schedule_frequency:focus,
|
||||
#modal_restore_storage:focus,
|
||||
#modal_restore_id:focus,
|
||||
#modal_restore_revision:focus,
|
||||
#job_type:focus,
|
||||
#job_repository:focus,
|
||||
#backup_storage:focus,
|
||||
#administration_expiration:focus {
|
||||
background: white;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.form-check-label {
|
||||
word-break: break-word;
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
.btn {
|
||||
color: var(--button-text);
|
||||
border-width: 1px;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.main-panel .btn:hover,
|
||||
.main-panel .btn:focus {
|
||||
background: transparent;
|
||||
}
|
||||
|
||||
.timepicker-spinner .btn:hover,
|
||||
.timepicker-spinner .btn:focus {
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
color: var(--text-hover);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.timepicker-spinner .btn {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.timepicker-spinner .input-group-btn-vertical {
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
|
||||
.btn-info.btn-fill {
|
||||
color: var(--button-text);
|
||||
background-color: var(--button-color);
|
||||
border: var(--button-color);
|
||||
}
|
||||
|
||||
.btn-info.btn-fill:hover,
|
||||
.btn-info.btn-fill:active,
|
||||
.btn-info.btn-fill.active,
|
||||
.btn-info.btn-fill:focus {
|
||||
background: var(--button-color-hover);
|
||||
border: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
border-color: var(--button-color);
|
||||
background: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.btn-primary:focus,
|
||||
.btn-primary:active:focus {
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.btn-primary:hover {
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.btn-primary.btn-fill {
|
||||
color: var(--button-text);
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
|
||||
.btn-primary.btn-fill:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
|
||||
}
|
||||
|
||||
div>div>div.modal-footer>button.btn.btn-default.pull-left,
|
||||
.navbar .navbar-nav>li>a.btn-danger.btn-fill,
|
||||
.btn-danger.btn-fill {
|
||||
border-color: #f05050;
|
||||
background-color: #f05050;
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
div>div>div.modal-footer>button.btn.btn-default.pull-left:hover,
|
||||
div>div>div.modal-footer>button.btn.btn-default.pull-left:focus,
|
||||
.navbar .navbar-nav>li>a.btn-danger.btn-fill:hover,
|
||||
.navbar .navbar-nav>li>a.btn-danger.btn-fill:focus,
|
||||
.btn-danger.btn-fill:hover,
|
||||
.btn-danger.btn-fill:focus {
|
||||
border-color: #ec2626;
|
||||
color: var(--text-hover);
|
||||
background-color: #ec2626;
|
||||
}
|
||||
|
||||
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default {
|
||||
border-color: #f05050;
|
||||
background-color: #f05050;
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:hover,
|
||||
div.bootbox.modal.fade.bootbox-confirm.in>div>div>div.modal-footer>button.btn.btn-default:focus {
|
||||
border-color: #ec2626;
|
||||
color: var(--text-hover);
|
||||
background-color: #ec2626;
|
||||
}
|
||||
|
||||
.close {
|
||||
color: #fff
|
||||
}
|
||||
|
||||
.navbar .navbar-nav>li>a.btn-success,
|
||||
.btn-success {
|
||||
border-color: var(--button-color);
|
||||
color: var(--button-color);
|
||||
}
|
||||
|
||||
.navbar .navbar-nav>li>a.btn-success:hover,
|
||||
.navbar .navbar-nav>li>a.btn-success:focus,
|
||||
.navbar .navbar-nav>li>a.btn-success:active,
|
||||
.navbar .navbar-nav>li>a.btn-success.active,
|
||||
.open>.navbar .navbar-nav>li>a.btn-success.dropdown-toggle,
|
||||
.btn-success:hover,
|
||||
.btn-success:focus,
|
||||
.btn-success:active,
|
||||
.btn-success.active,
|
||||
.open>.btn-success.dropdown-toggle {
|
||||
background-color: var(--button-color-hover);
|
||||
color: var(--text-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
|
||||
.radio-box input:checked~.radio-button {
|
||||
background-color: var(--button-color);
|
||||
}
|
||||
|
||||
/* TABLES */
|
||||
.table>tbody>tr.active>td,
|
||||
.table>tbody>tr.active>th,
|
||||
.table>tbody>tr>td.active,
|
||||
.table>tbody>tr>th.active,
|
||||
.table>tfoot>tr.active>td,
|
||||
.table>tfoot>tr.active>th,
|
||||
.table>tfoot>tr>td.active,
|
||||
.table>tfoot>tr>th.active,
|
||||
.table>thead>tr.active>td,
|
||||
.table>thead>tr.active>th,
|
||||
.table>thead>tr>td.active,
|
||||
.table>thead>tr>th.active,
|
||||
.row-clickable.active {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
.fixed-header th {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
|
||||
.table thead tr>th,
|
||||
.table thead tr>td,
|
||||
.table tbody tr>th,
|
||||
.table tbody tr>td,
|
||||
.table tfoot tr>th,
|
||||
.table tfoot tr>td,
|
||||
hr {
|
||||
border-top: 1px solid rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
.list-group-item {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.list-group-item.active,
|
||||
.list-group-item.active:focus,
|
||||
.list-group-item.active:hover {
|
||||
background-color: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
}
|
||||
|
||||
/* PROGRESS BARS */
|
||||
.progress {
|
||||
background-color: rgba(0, 0, 0, 0.25);
|
||||
}
|
||||
|
||||
.progress-bar {
|
||||
background-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.progress span {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
.main-panel>.footer {
|
||||
background: rgb(0 0 0 / 0.25);
|
||||
}
|
||||
|
||||
/* MOBILE */
|
||||
@media (max-width: 991px) {
|
||||
.off-canvas-sidebar .sidebar-wrapper {
|
||||
box-shadow: 0 0 10px 0px #000000;
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
.off-canvas-sidebar .nav li.active>a:before,
|
||||
.off-canvas-sidebar .nav>li.active>a:after {
|
||||
border-left: 17px solid var(--accent-color);
|
||||
}
|
||||
}
|
||||
27
CSS/themes/duplicacy/hotline.css
Normal file
27
CSS/themes/duplicacy/hotline.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DUPLICACY HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: #F44336;
|
||||
}
|
||||
27
CSS/themes/duplicacy/organizr-dark.css
Normal file
27
CSS/themes/duplicacy/organizr-dark.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DUPLICACY ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--button-text: #eee;
|
||||
--accent-color:#2cabe3;
|
||||
--accent-color-hover: #fff;
|
||||
--text:#96a2b4;
|
||||
--text-hover: #fff;
|
||||
--link-color: #2cabe3;
|
||||
}
|
||||
27
CSS/themes/duplicacy/plex.css
Normal file
27
CSS/themes/duplicacy/plex.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DUPLICACY PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--button-text: #eee;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color:#fff;
|
||||
}
|
||||
27
CSS/themes/duplicacy/space-gray.css
Normal file
27
CSS/themes/duplicacy/space-gray.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* DUPLICACY SPACE GRAY THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/duplicacy/duplicacy-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--button-text: #eee;
|
||||
--accent-color: #81a6b7;
|
||||
--accent-color-hover: #81a6b7;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #81a6b7;
|
||||
}
|
||||
23
CSS/themes/filebrowser/organizr-dark.css
Normal file
23
CSS/themes/filebrowser/organizr-dark.css
Normal file
@ -0,0 +1,23 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* FILEBROWSER ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/filebrowser/filebrowser-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
}
|
||||
25
CSS/themes/gaps/aquamarine.css
Normal file
25
CSS/themes/gaps/aquamarine.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GAPS AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--accent-color: #009688;
|
||||
--accent-color-hover: #12afa0;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
25
CSS/themes/gaps/dark.css
Normal file
25
CSS/themes/gaps/dark.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GAPS DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: rgba(255, 255, 255, 0.25);
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
199
CSS/themes/gaps/gaps-base.css
Normal file
199
CSS/themes/gaps/gaps-base.css
Normal file
@ -0,0 +1,199 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
body {
|
||||
background: var(--main-bg-color);
|
||||
color: var(--text);
|
||||
}
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
background: var(--main-bg-color)
|
||||
}
|
||||
}
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0,0%,100%,.5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
a {
|
||||
color: var(--accent-color);
|
||||
|
||||
}
|
||||
a:hover {
|
||||
color: var(--accent-color-hover);
|
||||
text-decoration: underline;
|
||||
}
|
||||
.text-primary {
|
||||
color: var(--text)!important;
|
||||
}
|
||||
.text-muted {
|
||||
color: var(--text)!important;
|
||||
opacity: .8;
|
||||
}
|
||||
/* Header */
|
||||
.bg-primary {
|
||||
background-color: transparent !important;
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
}
|
||||
.navbar .list-ul-active,.info-circle-active, .arrow-clockwise-active, .gear-active, .rss-active, .exclamation-triangle-active, .collection-fill-active {
|
||||
background-color: var(--accent-color);
|
||||
}
|
||||
.bg-primary .navbar-nav .active>.nav-link {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
/* Tables */
|
||||
table.dataTable.stripe tbody tr.odd, table.dataTable.display tbody tr.odd, table.dataTable tbody tr {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
table.dataTable thead th, table.dataTable thead td {
|
||||
border-bottom: 1px solid #00000000;
|
||||
}
|
||||
table.dataTable.row-border tbody th, table.dataTable.row-border tbody td, table.dataTable.display tbody th, table.dataTable.display tbody td {
|
||||
border-top: 1px solid rgb(255 255 255 / 10%);
|
||||
}
|
||||
|
||||
/* Pagination */
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button.current, .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
|
||||
color: var(--text) !important;
|
||||
border: 1px solid transparent;
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:hover, .dataTables_wrapper .dataTables_paginate .paginate_button:active {
|
||||
color: var(--text-hover) !important;
|
||||
border: 1px solid transparent;
|
||||
background: rgba(255, 255, 255, .08);
|
||||
}
|
||||
.dataTables_wrapper .dataTables_paginate .paginate_button:active {
|
||||
outline: none;
|
||||
}
|
||||
/* Cards */
|
||||
.card {
|
||||
background: transparent;
|
||||
color: var(--text);
|
||||
border: 1px solid rgba(0,0,0,0);
|
||||
}
|
||||
.card .text-muted {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
#movies .card img {
|
||||
height: 200px !important;
|
||||
width: auto !important;
|
||||
}
|
||||
.card-text .text-info {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
/* Buttons */
|
||||
.btn-primary, .btn-info {
|
||||
color: #fff;
|
||||
background-color: var(--button-color) !important;
|
||||
border-color: var(--button-color) !important;
|
||||
}
|
||||
.btn-primary:active, .btn-info:active {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.btn-primary:hover, .btn-info:hover {
|
||||
background-color: var(--button-color-hover) !important;
|
||||
border-color: var(--button-color-hover) !important;
|
||||
}
|
||||
.btn-secondary {
|
||||
color: #fff;
|
||||
background-color: var(--button-color);
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.btn-secondary:hover {
|
||||
color: #fff;
|
||||
background-color: var(--button-color-hover);
|
||||
border-color: var(--button-color-hover);
|
||||
}
|
||||
/* Settings */
|
||||
.nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link {
|
||||
color: var(--text);
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
border-color: transparent;
|
||||
}
|
||||
.nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border-color: transparent;
|
||||
}
|
||||
.nav-tabs .nav-link.active:hover {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
.badge-primary {
|
||||
color: var(--text);
|
||||
background-color: var(--accent-color);
|
||||
}
|
||||
#plexServers .card-header {
|
||||
background-color: rgba(255, 255, 255, .1);
|
||||
}
|
||||
#plexServers .border-secondary {
|
||||
border-color: #0000 !important;
|
||||
}
|
||||
#plexServers .list-group-item {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border: none;
|
||||
}
|
||||
#plexServers .card-footer {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
}
|
||||
.dropdown-menu {
|
||||
color: var(--text);
|
||||
background: var(--modal-bg-color);
|
||||
border: 1px solid transparent;
|
||||
box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.6);
|
||||
}
|
||||
.dropdown-item:hover, .dropdown-item:focus {
|
||||
color: var(--text-hover);
|
||||
text-decoration: none;
|
||||
background-color: rgba(255, 255, 255, .08);
|
||||
}
|
||||
|
||||
/* Input */
|
||||
[type="search"] {
|
||||
outline-offset: -2px;
|
||||
-webkit-appearance: none;
|
||||
outline: none;
|
||||
border: none;
|
||||
border-radius: 5px;
|
||||
}
|
||||
button, select {
|
||||
text-transform: none;
|
||||
outline: none;
|
||||
}
|
||||
25
CSS/themes/gaps/hotline.css
Normal file
25
CSS/themes/gaps/hotline.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GAPS HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
25
CSS/themes/gaps/organizr-dark.css
Normal file
25
CSS/themes/gaps/organizr-dark.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GAPS ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
25
CSS/themes/gaps/plex.css
Normal file
25
CSS/themes/gaps/plex.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GAPS PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gaps/gaps-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
25
CSS/themes/gaps/space-gray.css
Normal file
25
CSS/themes/gaps/space-gray.css
Normal file
@ -0,0 +1,25 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GAPS SPACE-GRAY THEME */
|
||||
@import url(https://gflix.app/theme.park/CSS/themes/gaps/gaps-base.css);
|
||||
:root{
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--accent-color: #607D8B;
|
||||
--accent-color-hover: #81a6b7;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
}
|
||||
27
CSS/themes/gitea/aquamarine.css
Normal file
27
CSS/themes/gitea/aquamarine.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GITEA AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--button-text: #eee;
|
||||
--accent-color: #12afa0;
|
||||
--accent-color-hover: #fff;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #12afa0;
|
||||
}
|
||||
27
CSS/themes/gitea/dark.css
Normal file
27
CSS/themes/gitea/dark.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GITEA DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--accent-color: #646464;
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
--text: #b7b7b7;
|
||||
--text-hover: #fff;
|
||||
--link-hover: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
757
CSS/themes/gitea/gitea-base.css
Normal file
757
CSS/themes/gitea/gitea-base.css
Normal file
@ -0,0 +1,757 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
body {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
|
||||
a,
|
||||
.home a,
|
||||
.ui.user.list .item .description a,
|
||||
.ui.breadcrumb a,
|
||||
.repository .labelspage .item a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:hover,
|
||||
.ui.user.list .item .description a:hover,
|
||||
.ui.breadcrumb a:hover,
|
||||
.repository .labelspage .item a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
/* Scrollbar */
|
||||
@media only screen and (min-width: 768px) {
|
||||
html {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
body {
|
||||
overflow-y: auto;
|
||||
height: 100%;
|
||||
background: var(--main-bg-color)
|
||||
}
|
||||
}
|
||||
|
||||
::-webkit-scrollbar {
|
||||
width: 14px;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .2);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-track {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
::-webkit-scrollbar-thumb:hover {
|
||||
min-height: 50px;
|
||||
border: 3px solid transparent;
|
||||
border-radius: 8px;
|
||||
background-color: hsla(0, 0%, 100%, .5);
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
/* TEXT */
|
||||
body,
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
/*strong,*/
|
||||
footer,
|
||||
.ui.list>.item .description,
|
||||
.issue.list>.item .title,
|
||||
.ui.accordion .title:not(.ui),
|
||||
.ui.checkbox label,
|
||||
.ui.header,
|
||||
.ui .text.black,
|
||||
.ui.header .sub.header,
|
||||
.ui.form .inline.field>label,
|
||||
.form .help,
|
||||
.ui.form .field>label,
|
||||
.ui.form .inline.field>label,
|
||||
.ui.form .inline.field>p,
|
||||
.ui.form .inline.fields .field>label,
|
||||
.ui.form .inline.fields .field>p,
|
||||
.ui.form .inline.fields>label,
|
||||
.ui.dropdown .menu>.message:not(.ui) {
|
||||
color: var(--text);
|
||||
}
|
||||
/* TEXT HOVER */
|
||||
b:hover,
|
||||
.issue.list>.item .title:hover {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
/* NAVBAR */
|
||||
.following.bar.light {
|
||||
background-color: transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ui.menu .item {
|
||||
color: var(--text)
|
||||
}
|
||||
|
||||
.following.bar.light.ui.secondary.menu .active.item,
|
||||
.following.bar.lightui.secondary.menu .active.item:hover {
|
||||
box-shadow: none;
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.ui.secondary.menu .dropdown.item:hover,
|
||||
.ui.secondary.menu .link.item:hover,
|
||||
.ui.secondary.menu a.item:hover {
|
||||
background: rgb(255 255 255 / 0.08);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
/* UI */
|
||||
|
||||
.ui.attached.segment {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.ui.segment {
|
||||
background: rgb(255 255 255 / 8%) !important;
|
||||
}
|
||||
|
||||
.ui.attached.header {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.explore .navbar {
|
||||
background-color: rgb(0 0 0 / 25%) !important;
|
||||
|
||||
}
|
||||
|
||||
.ui .warning.header {
|
||||
background-color: #f9edbe !important;
|
||||
color: black !important;
|
||||
}
|
||||
|
||||
.ui.red.message p,
|
||||
.ui.red.message strong {
|
||||
color: #db2828 !important;
|
||||
}
|
||||
|
||||
/* SIGN IN NAV BAR*/
|
||||
.ui.menu.new-menu {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
@media only screen and (max-width: 1200px) {
|
||||
.ui.menu.new-menu:after {
|
||||
background-image: inherit;
|
||||
}
|
||||
}
|
||||
|
||||
.ui.secondary.pointing.menu .active.item,
|
||||
.ui.secondary.pointing.menu .active.item:hover {
|
||||
border-color: currentColor;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.ui.tabular.menu .item {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.secondary.pointing.menu .dropdown.item:hover,
|
||||
.ui.secondary.pointing.menu .link.item:hover,
|
||||
.ui.secondary.pointing.menu a.item:hover {
|
||||
background-color: transparent;
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
/* DROPDOWN MENU */
|
||||
.item:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
.ui.menu .dropdown.item .menu {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
.ui.menu .ui.dropdown .menu>.item {
|
||||
color: var(--text) !important;
|
||||
}
|
||||
|
||||
.ui.menu .ui.dropdown .menu>.active.item {
|
||||
background: rgb(0 0 0 / 10%) !important;
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
.ui.menu .ui.dropdown .menu>.item:hover,
|
||||
.ui.menu .ui.dropdown .menu>.selected.item {
|
||||
background: rgb(255 255 255 / 0.07) !important;
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
.ui.dropdown .menu {
|
||||
background: var(--modal-bg-color);
|
||||
}
|
||||
|
||||
.ui.dropdown .menu>.item:hover {
|
||||
background: rgb(255 255 255 / 0.07);
|
||||
}
|
||||
|
||||
.ui.dropdown .menu .selected.item,
|
||||
.ui.dropdown.selected {
|
||||
background: rgb(0 0 0 / 0.25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.ui.dropdown .menu .active.item {
|
||||
color: var(--accent-color);
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.ui.dropdown .menu>.item {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.dropdown .menu>.item:hover {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.ui.selection.dropdown .menu>.item {
|
||||
border-top: 1px solid rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
.ui.selection.dropdown {
|
||||
background: rgb(0 0 0 / .25);
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
.ui.selection.dropdown:focus {
|
||||
border-color: rgba(255, 255, 255, .08);
|
||||
background: rgb(0 0 0 / 50%);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ui.selection.active.dropdown,
|
||||
.ui.selection.active.dropdown .menu {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.ui.selection.active.dropdown:hover,
|
||||
.ui.selection.active.dropdown:hover .menu {
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.ui.selection.visible.dropdown>.text:not(.default) {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.default.dropdown:not(.button)>.text,
|
||||
.ui.dropdown:not(.button)>.default.text {
|
||||
color: var(--text);
|
||||
opacity: .7;
|
||||
}
|
||||
|
||||
/* MESSAGES */
|
||||
.ui.negative.message {
|
||||
background-color: #F44336;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.ui.negative.message p {
|
||||
color: white !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.ui.positive.message {
|
||||
background-color: #4CAF50;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.ui.positive.message p {
|
||||
color: white !important;
|
||||
}
|
||||
|
||||
/* DASHBOARD */
|
||||
.vue-tooltip-theme.tooltip .tooltip-inner {
|
||||
background: rgb(0 0 0 / 95%);
|
||||
color: var(--text);
|
||||
}
|
||||
svg.vch__wrapper .vch__days__labels__wrapper text.vch__day__label[data-v-a9cfea66],
|
||||
svg.vch__wrapper .vch__legend__wrapper text[data-v-a9cfea66],
|
||||
svg.vch__wrapper .vch__months__labels__wrapper text.vch__month__label[data-v-a9cfea66] {
|
||||
fill: var(--text);
|
||||
}
|
||||
|
||||
#app .ui.item.menu,
|
||||
.ui.item.menu .item {
|
||||
background: rgb(255 255 255 / 8%);
|
||||
}
|
||||
|
||||
#app .ui.menu .active.item {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.menu .active.item {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
color: var(--text);
|
||||
font-weight: 400;
|
||||
box-shadow: none;
|
||||
}
|
||||
.ui.menu .active.item:hover, .ui.vertical.menu .active.item:hover {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
.ui.menu a.item:hover {
|
||||
color: var(--text-hover);
|
||||
background: rgb(255 255 255 / 8%);
|
||||
}
|
||||
#app .ui.link.menu .item:hover,
|
||||
.ui.menu .dropdown.item:hover,
|
||||
.ui.menu .link.item:hover {
|
||||
cursor: pointer;
|
||||
background: rgba(0, 0, 0, .03);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
#app .ui.secondary.segment {
|
||||
background: rgb(255 255 255 / 8%);
|
||||
color: rgba(0, 0, 0, .6);
|
||||
}
|
||||
|
||||
/* REPOSITORY */
|
||||
.repository .header-wrapper {
|
||||
background-color: rgb(0 0 0 / 24%);
|
||||
}
|
||||
|
||||
.repo-header .ui.breadcrumb a {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.repo-header .ui.breadcrumb a:hover {
|
||||
color: var(--accent-color-hover);
|
||||
}
|
||||
|
||||
.repo-header .ui.breadcrumb .divider {
|
||||
color: rgb(255 255 255 / 40%);
|
||||
}
|
||||
|
||||
.ui.tabular.menu .item.active {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.tabular.menu .active.item {
|
||||
background: none var(--main-bg-color) !important;
|
||||
color: var(--text);
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.ui.tabular.menu .item:hover {
|
||||
color: var(--text-hover);
|
||||
border-radius: .28571429rem .28571429rem 0 0 !important;
|
||||
}
|
||||
|
||||
.repository .ui.menu {
|
||||
background: rgb(0 0 0 / 0%);
|
||||
border: 1px solid rgba(255, 255, 255, 0.11);
|
||||
box-shadow: 0 1px 2px 0 rgba(34, 36, 38, .15);
|
||||
}
|
||||
/*
|
||||
.repository .ui.menu .active.item {
|
||||
background: var(--main-bg-color) !important;
|
||||
color: var(--text-hover);
|
||||
font-weight: 400;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
/* COMMIT STUFF */
|
||||
#git-graph-container li a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
#git-graph-container li a:hover {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
#git-graph-container #rev-list li.highlight,
|
||||
#git-graph-container #rev-list li.hover {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
}
|
||||
|
||||
#git-graph-container #rev-list li.highlight.hover {
|
||||
background-color: rgba(255, 255, 255, .05);
|
||||
}
|
||||
|
||||
#git-graph-container li .author {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
|
||||
.repository .ui.segment.sub-menu .list .item a,
|
||||
.repository .ui.segment.sub-menu .list .item span.ui {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.repository .ui.segment.sub-menu .list .item a:hover,
|
||||
.repository .ui.segment.sub-menu .list .item b:hover {
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
.repository .ui.segment.sub-menu .list .item.active {
|
||||
background: rgba(255, 255, 255, 0.07);
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tbody .svg {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.blue.labels .label,
|
||||
.ui.ui.ui.blue.label {
|
||||
background-color: var(--accent-color);
|
||||
border-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
.repository #commits-table.ui.basic.striped.table tbody tr:nth-child(2n) {
|
||||
background-color: rgba(0, 0, 0, 0.15) !important;
|
||||
}
|
||||
|
||||
.repository #commits-table.ui.table>tbody {
|
||||
background-color: transparent !important;
|
||||
}
|
||||
|
||||
/* TABLE */
|
||||
.ui.table>thead>tr>th {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
color: var(--text);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
.ui.table {
|
||||
width: 100%;
|
||||
background: rgb(255 255 255 / 0.0);
|
||||
border: 1px solid rgba(255, 255, 255, 0.1);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.table>tbody {
|
||||
border: 1px solid rgba(34, 36, 38, .15);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.table>tbody>tr>td,
|
||||
.ui.table>tr>td {
|
||||
border-top: 1px solid rgb(255 255 255 / 10%);
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table thead tr:hover {
|
||||
background-color: rgba(0, 0, 0, 0.0) !important;
|
||||
}
|
||||
|
||||
.repository.file.list #repo-files-table tr:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
/* FOOTER */
|
||||
footer {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
border-top: 1px solid rgb(255 255 255 / 25%);
|
||||
}
|
||||
|
||||
/* BUTTONS / CHECKBOXES */
|
||||
.btn:active,
|
||||
.btn:focus {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
.ui.checkbox input:checked~label:after {
|
||||
color: #fff !important;
|
||||
background: var(--accent-color);
|
||||
}
|
||||
|
||||
.ui.primary.button,
|
||||
.ui.primary.buttons .button {
|
||||
background-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.primary.button:hover,
|
||||
.ui.primary.buttons .button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.green.button,
|
||||
.ui.green.buttons .button {
|
||||
background-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.green.button:focus,
|
||||
.ui.green.buttons .button:focus {
|
||||
background-color: var(--button-color-hover);
|
||||
color: var(--button-text);
|
||||
text-shadow: none;
|
||||
}
|
||||
|
||||
.ui.green.button:hover,
|
||||
.ui.green.buttons .button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.blue.button,
|
||||
.ui.blue.buttons .button {
|
||||
background-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.blue.button:hover,
|
||||
.ui.blue.buttons .button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.active.button,
|
||||
.ui.active.button:hover {
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.active.button,
|
||||
.ui.active.button:active,
|
||||
.ui.active.button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
|
||||
}
|
||||
|
||||
.ui.button {
|
||||
background: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.button:hover {
|
||||
background: var(--button-color-hover);
|
||||
color: var(--button-text);
|
||||
}
|
||||
|
||||
.ui.basic.blue.button,
|
||||
.ui.basic.blue.buttons .button {
|
||||
box-shadow: inset 0 0 0 1px var(--accent-color) !important;
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
.ui.basic.blue.button:hover,
|
||||
.ui.basic.blue.buttons .button:hover {
|
||||
background: var(--button-color) !important;
|
||||
color: var(--button-text) !important;
|
||||
}
|
||||
|
||||
.ui.basic.button,
|
||||
.ui.basic.buttons .button {
|
||||
color: var(--button-text);
|
||||
box-shadow: inset 0 0 0 1px rgb(255 255 255 / 15%);
|
||||
}
|
||||
|
||||
.ui.basic.button:focus,
|
||||
.ui.basic.button:hover,
|
||||
.ui.basic.buttons .button:focus,
|
||||
.ui.basic.buttons .button:hover {
|
||||
background: rgb(255 255 255 / 8%);
|
||||
color: var(--button-text);
|
||||
}
|
||||
/* LABELS */
|
||||
.ui.label, .ui.menu .item>.label {
|
||||
background-color: var(--button-color);
|
||||
color: var(--button-text);
|
||||
}
|
||||
.ui.labels a.label:hover, a.ui.label:hover {
|
||||
background-color: #ffffff;
|
||||
color: rgba(0,0,0,.8);
|
||||
}
|
||||
.repository #commits-table td.sha .sha.label, .repository #repo-files-table .sha.label, .repository .timeline-item.commits-list .singular-commit .sha.label {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.repository.file.list #repo-files-table tbody .svg.octicon-file-directory, .repository.file.list #repo-files-table tbody .svg.octicon-file-submodule {
|
||||
color: var(--accent-color);
|
||||
}
|
||||
/* FORMS */
|
||||
.ui.form input:not([type]),
|
||||
.ui.form input[type=date],
|
||||
.ui.form input[type=datetime-local],
|
||||
.ui.form input[type=email],
|
||||
.ui.form input[type=file],
|
||||
.ui.form input[type=number],
|
||||
.ui.form input[type=password],
|
||||
.ui.form input[type=search],
|
||||
.ui.form input[type=tel],
|
||||
.ui.form input[type=text],
|
||||
.ui.form input[type=time],
|
||||
.ui.form input[type=url] {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
border: 1px solid transparent;
|
||||
color: var(--text);
|
||||
border-radius: .28571429rem;
|
||||
box-shadow: inset 0 0 0 0 transparent;
|
||||
transition: color .1s ease, border-color .1s ease;
|
||||
}
|
||||
|
||||
.ui.form textarea:focus {
|
||||
color: var(--text);
|
||||
border-color: transparent;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
|
||||
-webkit-appearance: none;
|
||||
}
|
||||
|
||||
.ui.form textarea,
|
||||
.ui.input textarea {
|
||||
background: rgb(0 0 0 / .25);
|
||||
border: 1px solid rgba(34, 36, 38, .15);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.form input:not([type]):focus,
|
||||
.ui.form input[type=date]:focus,
|
||||
.ui.form input[type=datetime-local]:focus,
|
||||
.ui.form input[type=email]:focus,
|
||||
.ui.form input[type=file]:focus,
|
||||
.ui.form input[type=number]:focus,
|
||||
.ui.form input[type=password]:focus,
|
||||
.ui.form input[type=search]:focus,
|
||||
.ui.form input[type=tel]:focus,
|
||||
.ui.form input[type=text]:focus,
|
||||
.ui.form input[type=time]:focus,
|
||||
.ui.form input[type=url]:focus {
|
||||
color: var(--text);
|
||||
border-color: rgb(255 255 255 / 8%);
|
||||
border-radius: .28571429rem;
|
||||
background: rgb(0 0 0 / 50%);
|
||||
box-shadow: inset 0 0 0 0 rgba(34, 36, 38, .35);
|
||||
}
|
||||
|
||||
.ui.input.focus>input,
|
||||
.ui.input>input:focus {
|
||||
border-color: transparent;
|
||||
background: rgb(0 0 0 / 50%);
|
||||
color: var(--text);
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.ui.input>input {
|
||||
background: rgb(0 0 0 / 25%);
|
||||
border: 1px solid rgba(34, 36, 38, .15);
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.ui.icon.input>i.icon {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* MARKDOWN */
|
||||
.markdown tbody {
|
||||
background: #f000 !important;
|
||||
}
|
||||
|
||||
.markdown:not(code) table tr {
|
||||
background-color: rgba(0, 0, 0, .26);
|
||||
border-top: 1px solid #ccc;
|
||||
}
|
||||
|
||||
.markdown:not(code) table tr:nth-child(2n) {
|
||||
background-color: rgba(0, 0, 0, .45);
|
||||
}
|
||||
.markdown:not(code) code, .markdown:not(code) tt {
|
||||
background-color: rgb(0 0 0 / 0.25);
|
||||
}
|
||||
.chroma {
|
||||
filter: invert(1);
|
||||
}
|
||||
.repository.file.list .non-diff-file-content pre {
|
||||
overflow: auto;
|
||||
color: #695d4b;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
/* PLACEHOLDER TEXT */
|
||||
::placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
|
||||
/* HIGHLIGHTING */
|
||||
::-webkit-selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
::-moz-selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
::selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
textarea::-webkit-selection,
|
||||
input::-webkit-selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
textarea::-moz-selection,
|
||||
input::-moz-selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
textarea::-moz-selection,
|
||||
input::-moz-selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
textarea::selection,
|
||||
input::selection {
|
||||
background-color: var(--accent-color);
|
||||
color: var(--text-hover);
|
||||
}
|
||||
27
CSS/themes/gitea/hotline.css
Normal file
27
CSS/themes/gitea/hotline.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GITEA HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: #F44336;
|
||||
}
|
||||
27
CSS/themes/gitea/organizr-dark.css
Normal file
27
CSS/themes/gitea/organizr-dark.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GITEA ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--button-text: #eee;
|
||||
--accent-color:#2cabe3;
|
||||
--accent-color-hover: #fff;
|
||||
--text: #96a2b4;
|
||||
--text-hover: #fff;
|
||||
--link-color: #2cabe3;
|
||||
}
|
||||
27
CSS/themes/gitea/plex.css
Normal file
27
CSS/themes/gitea/plex.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GITEA PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--button-text: #eee;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color:#fff;
|
||||
}
|
||||
27
CSS/themes/gitea/space-gray.css
Normal file
27
CSS/themes/gitea/space-gray.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GITEA SPACE GRAY THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/gitea/gitea-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--button-text: #eee;
|
||||
--accent-color: #81a6b7;
|
||||
--accent-color-hover: #81a6b7;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #81a6b7;
|
||||
}
|
||||
@ -16,6 +16,9 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--accent-color: #32d1df;
|
||||
--button-color: #fd5e94;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--accent-color: #009688;
|
||||
--accent-color-hover: #12afa0;
|
||||
--queue-color: #009688;
|
||||
}
|
||||
@ -16,6 +16,8 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--accent-color: #32d1df;
|
||||
--button-color: #fd5e94;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: rgba(255, 255, 255, 0.25);
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
@ -171,6 +171,9 @@ color:#FFFFFF !important;
|
||||
.dropdown-menu-item-shortcut {
|
||||
color: #ffffff!important;
|
||||
}
|
||||
.dropdown-menu {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
.dropdown-submenu:hover>a {
|
||||
Background-color: rgba(0, 0, 0, 0.25)!important;
|
||||
}
|
||||
@ -265,11 +268,20 @@ color:#FFFFFF !important;
|
||||
border: none;
|
||||
background: #ffffff;
|
||||
}
|
||||
.gf-form-select-box__option {
|
||||
background: var(--modal-bg-color) !important;
|
||||
}
|
||||
.gf-form-select-box__option.gf-form-select-box__option--is-focused {
|
||||
color: #fff;
|
||||
-o-border-image: -o-linear-gradient(var(--accent-color) 30%,var(--accent-color) 99%);
|
||||
border-image: -webkit-gradient(linear,left top,left bottom,color-stop(30%,var(--accent-color)),color-stop(99%,var(--accent-color)));
|
||||
border-image: -webkit-linear-gradient(var(--accent-color) 30%,var(--accent-color) 99%);
|
||||
}
|
||||
.filter-table td.filter-table__switch-cell {
|
||||
border-right: none;
|
||||
}
|
||||
/* Variable label color */
|
||||
.template-variable {
|
||||
.template-variable, .gf-form-label--variable {
|
||||
color: var(--accent-color) !important;
|
||||
}
|
||||
|
||||
@ -332,6 +344,7 @@ color:#FFFFFF !important;
|
||||
.panel-container {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border: transparent;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.panel-container.panel-transparent, .panel-container--transparent {
|
||||
background-color: transparent;
|
||||
@ -343,7 +356,7 @@ color:#FFFFFF !important;
|
||||
}
|
||||
/* ////PANEL BACKGROUND COLOR//// */
|
||||
|
||||
.graph-legend-table .graph-legend-series:nth-child(odd) {
|
||||
.graph-legend-table .graph-legend-series:nth-child(odd), .graph-legend-table .graph-legend-series:nth-child(2n) {
|
||||
background: transparent !important;
|
||||
}
|
||||
|
||||
@ -379,6 +392,31 @@ div.flot-text {
|
||||
border-bottom: 2px solid transparent;
|
||||
|
||||
}
|
||||
/* Panel tables */
|
||||
.css-58bavm-thead {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.css-sq6g4h-row {
|
||||
border-bottom: 1px solid rgb(255 255 255 / 10%);
|
||||
}
|
||||
.css-11m63ae {
|
||||
border-right: 1px solid rgb(255 255 255 / 10%);
|
||||
}
|
||||
.css-2n373z {
|
||||
border-right: 1px solid rgb(255 255 255 / 25%);
|
||||
}
|
||||
.css-sq6g4h-row:hover {
|
||||
background-color: rgb(255 255 255 / 0.08);
|
||||
}
|
||||
.css-3o5ryu {
|
||||
background: rgb(0 0 0 / 45%);
|
||||
}
|
||||
.css-1n8kpcb-activeTabStyle,.css-dnqfjg-activeTabStyle {
|
||||
background: rgb(0 0 0 / 35%);
|
||||
}
|
||||
.css-1n8kpcb-activeTabStyle::before, .css-dnqfjg-activeTabStyle::before {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
/* Edit panel tabs */
|
||||
.tabbed-view-header {
|
||||
box-shadow: none;
|
||||
@ -522,13 +560,380 @@ border-color: #b56d16 !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.modal-header {
|
||||
.modal-header, .css-1z13zsv-modalHeader {
|
||||
background: var(--modal-bg-color);
|
||||
-webkit-box-shadow: none;
|
||||
box-shadow: none;
|
||||
border-bottom: 1px solid #d8d9da;
|
||||
color: #eee;
|
||||
}
|
||||
.modal-body {
|
||||
position: relative;
|
||||
.modal-body, .css-111908g {
|
||||
background: var(--modal-bg-color);
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*V7*/
|
||||
|
||||
/*LOGIN*/
|
||||
.css-bnbqsv {background: var(--main-bg-color)}
|
||||
.css-3iwqj4 { background: transparent;}
|
||||
#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {
|
||||
height: 38px;
|
||||
}
|
||||
/*Buttons*/
|
||||
.css-y3nv3e-button,
|
||||
.css-cc7c9f-button,
|
||||
.css-1vlnne-button,
|
||||
.css-1ihbihm-button,
|
||||
.css-14zdxje-button,
|
||||
.css-179z9yx-button,
|
||||
.css-370vzt-button,
|
||||
.css-msayan-button,
|
||||
.css-19kbjxc-button,
|
||||
.css-n4gkqg-button,
|
||||
.css-u6ysb0-button,
|
||||
.css-ak0gkt-button,
|
||||
.css-1pa3vaj-button,
|
||||
.css-g7zx83-button,
|
||||
.css-1pcbsvw-button,
|
||||
.gf-form-button-row a, .gf-form-button-row button,
|
||||
.page-action-bar>a, .page-action-bar>button,
|
||||
.btn-primary{
|
||||
background: var(--button-color) !important;
|
||||
background-color: var(--button-color) !important;
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.css-y3nv3e-button:hover,
|
||||
.css-y3nv3e-button:focus,
|
||||
.css-cc7c9f-button:hover,
|
||||
.css-cc7c9f-button:focus,
|
||||
.css-1vlnne-button:hover,
|
||||
.css-1vlnne-button:focus,
|
||||
.css-1ihbihm-button:hover,
|
||||
.css-1ihbihm-button:focus,
|
||||
.css-14zdxje-button:hover,
|
||||
.css-14zdxje-button:focus,
|
||||
.css-179z9yx-button:hover,
|
||||
.css-179z9yx-button:focus,
|
||||
.css-370vzt-button:hover,
|
||||
.css-370vzt-button:focus,
|
||||
.css-msayan-button:hover,
|
||||
.css-msayan-button:focus,
|
||||
.css-19kbjxc-button:hover,
|
||||
.css-19kbjxc-button:focus,
|
||||
.css-n4gkqg-button:hover,
|
||||
.css-n4gkqg-button:focus,
|
||||
.css-u6ysb0-button:hover,
|
||||
.css-u6ysb0-button:focus,
|
||||
.css-ak0gkt-button:hover,
|
||||
.css-ak0gkt-button:focus,
|
||||
.css-1pa3vaj-button:hover,
|
||||
.css-1pa3vaj-button:focus,
|
||||
.css-g7zx83-button:hover,
|
||||
.css-g7zx83-button:focus,
|
||||
.css-1pcbsvw-button:hover,
|
||||
.css-1pcbsvw-button:focus,
|
||||
.gf-form-button-row a, .gf-form-button-row button:hover,
|
||||
.btn-primary:hover{
|
||||
color: rgb(255, 255, 255);
|
||||
background: var(--button-color-hover) !important;
|
||||
background-color: var(--button-color-hover) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.css-1d9e5zy-button {color: #fff; background: var(--button-color)}
|
||||
.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)}
|
||||
|
||||
/*INPUT*/
|
||||
input:focus {box-shadow: none !important;}
|
||||
.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus {
|
||||
box-shadow:none;
|
||||
color: transparent;
|
||||
}
|
||||
.gf-form-select-box__control--is-focused {
|
||||
border-color: transparent;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.css-1bjepp-input-input {
|
||||
background-color: hsla(0,0%,100%,.25);
|
||||
border-radius: 3px;
|
||||
border-color: transparent;
|
||||
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
}
|
||||
|
||||
.css-1bjepp-input-input:focus {
|
||||
box-shadow: none !important;
|
||||
background-color: white;
|
||||
color: black;
|
||||
transition: background-color .2s;
|
||||
-webkit-transition: background-color .2s;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.css-14hvfbu-input-wrapper:focus {
|
||||
border-color:transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.css-1w5c5dq-input-inputWrapper input:not(:last-child) {
|
||||
height: 100%
|
||||
}
|
||||
/*Disabled input*/
|
||||
.css-1bjepp-input-input:disabled {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
color: rgb(159, 167, 179);
|
||||
}
|
||||
.css-1bjepp-input-input:hover {border-color: transparent;}
|
||||
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;}
|
||||
|
||||
|
||||
/* SEARCH */
|
||||
.css-x9mxj5 {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
.css-1m6pigl:focus + label {
|
||||
outline-offset: 2px;
|
||||
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
|
||||
z-index: 3;
|
||||
outline: transparent dotted 2px;
|
||||
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
||||
}
|
||||
.css-1m6pigl:checked + label {
|
||||
color: #eee !important;
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
background: var(--button-color);
|
||||
}
|
||||
.css-b40tk8:focus + label {
|
||||
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
|
||||
|
||||
}
|
||||
.css-y0yg3l {
|
||||
background: var(--main-bg-color);
|
||||
border-color: transparent;
|
||||
}
|
||||
.css-y0yg3l {
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.css-1je3bh6 {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/*Folder bars*/
|
||||
.css-1umfglk {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.css-1umfglk:hover {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
}
|
||||
|
||||
/* Login Error message*/
|
||||
.css-1ow9mne-input-input {
|
||||
line-height: 1.5;
|
||||
height: 38px;
|
||||
background-color: hsla(0,0%,100%,.25);
|
||||
border-radius: 3px;
|
||||
border-color: transparent;
|
||||
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
}
|
||||
.css-1ow9mne-input-input {
|
||||
box-shadow: none !important;
|
||||
background-color: white;
|
||||
color: black;
|
||||
transition: background-color .2s;
|
||||
-webkit-transition: background-color .2s;
|
||||
height: 38px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.css-13o428a {
|
||||
margin: 10px 0px 0px;
|
||||
}
|
||||
|
||||
/*Welcome to Grafana*/
|
||||
.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);}
|
||||
|
||||
.css-1as70ku, .css-u5zjuh {
|
||||
background: rgba(0, 0, 0, .25);}
|
||||
.css-17abkeq, .css-5ak73y {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Import */
|
||||
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}
|
||||
|
||||
|
||||
/*PANEL EDIT*/
|
||||
|
||||
.css-cxwxzk-Label-description,.css-n370st {
|
||||
color: #eee;
|
||||
}
|
||||
/*Header*/
|
||||
.css-1marj6o {
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding: 8px;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
/*Background*/
|
||||
.css-azp59k {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
/*Query box*/
|
||||
.css-hz0utb {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
.query-keyword, .css-wvxxxy, .css-fpnw35 {
|
||||
font-weight: 500;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
.css-lvafs5 {
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.css-ui3sz4-activeTabStyle {
|
||||
margin-right: 16px;
|
||||
position: relative;
|
||||
display: block;
|
||||
color: rgb(216, 217, 218);
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding: 11px 15px 9px;
|
||||
border-style: solid;
|
||||
border-image: initial;
|
||||
border-width: 0px 1px 1px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
border-color: transparent !important;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
overflow: hidden;
|
||||
}
|
||||
.css-1awj6q7-counter {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
/*Transform tab*/
|
||||
.css-y2f54e {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.css-y2f54e:hover {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
}
|
||||
.css-1e8invk::before {
|
||||
background:rgba(0, 0, 0, .35) !important;
|
||||
}
|
||||
|
||||
/* Right side menu*/
|
||||
.css-1xj5tuf {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
/*Dropdown bottom borders*/
|
||||
.css-1majipf {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .08);
|
||||
}
|
||||
/*Settings text input*/
|
||||
.css-1f38lle:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
.css-1gokw4e label {
|
||||
background: white;
|
||||
}
|
||||
/*Visualization*/
|
||||
.css-1lemfi9 {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
border-color: transparent;
|
||||
}
|
||||
.css-1fsv7gr:hover > div:first-child {
|
||||
border-color: var(--accent-color);
|
||||
}
|
||||
.css-1emhacm-currentVisualizationItem > div:first-child {
|
||||
outline-offset: 2px;
|
||||
box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
|
||||
}
|
||||
.css-mgq0xs-currentVisualizationItem > div:first-child {
|
||||
outline: transparent dotted 2px;
|
||||
outline-offset: 1px;
|
||||
box-shadow: var(--accent-color) 0px 0px 0px 2px, #607D8B 0px 0px 0px 2px;
|
||||
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
||||
}
|
||||
/*Old stat panel unit dropdown */
|
||||
body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
|
||||
height: 100%;
|
||||
}
|
||||
/*Buttons*/
|
||||
.css-m58wdd:hover {
|
||||
color: rgba(255, 255, 255, .94);
|
||||
z-index: 2;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
border-image: initial;
|
||||
background: rgba(255, 255, 255, .15)
|
||||
}
|
||||
.css-m58wdd {
|
||||
color: rgba(255, 255, 255, .94);
|
||||
z-index: 2;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-image: initial;
|
||||
background: rgba(255, 255, 255, .08)
|
||||
}
|
||||
input:checked+.gf-form-switch__slider {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
/* RuPaul Drag Line*/
|
||||
.css-pii3u7:hover {
|
||||
border-color: rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
.css-1t13ra6 {
|
||||
border-color: rgba(255, 255, 255, .09);
|
||||
}
|
||||
.css-1t13ra6:hover {
|
||||
border-color: rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
/*SETTINGS*/
|
||||
/*Teams*/
|
||||
.css-1w9m9al-call-to-action-card {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
/*DASHBOARD SETINGS*/
|
||||
.dashboard-settings,.dashboard-settings__body2 {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
.navbar--edit {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
border-bottom: 1px solid transparent;
|
||||
-webkit-box-shadow: 0 0 10px transparent;
|
||||
box-shadow: 0 0 10px transparent;
|
||||
}
|
||||
.grafana-info-box {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
/* Variables*/
|
||||
.filter-table--hover tbody tr:hover {
|
||||
background: hsla(0,0%,100%,.15);
|
||||
}
|
||||
.filter-table tbody tr:nth-child(odd):hover {
|
||||
background: hsla(0,0%,100%,.15) !important;
|
||||
}
|
||||
/*Placeholder text*/
|
||||
::placeholder {color: #fff !important;}
|
||||
:-ms-input-placeholder {color: #fff !important;}
|
||||
::-webkit-input-placeholder {color: #fff !important;}
|
||||
@ -16,6 +16,8 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--accent-color: #32d1df;
|
||||
--button-color: #fd5e94;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
}
|
||||
23
CSS/themes/grafana/organizr-dark.css
Normal file
23
CSS/themes/grafana/organizr-dark.css
Normal file
@ -0,0 +1,23 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GRAFANA ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
}
|
||||
@ -163,6 +163,7 @@ div.flot-text {
|
||||
.panel-container {
|
||||
background-color: rgba(0, 0, 0, .25);
|
||||
border: transparent;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.panel-container.panel-transparent, .panel-container--transparent {
|
||||
background-color: transparent;
|
||||
@ -240,3 +241,354 @@ div.flot-text {
|
||||
box-shadow: none;
|
||||
border-bottom: 0px;
|
||||
}
|
||||
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/grafana/grafana-base.css);
|
||||
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
}
|
||||
|
||||
|
||||
/*V7*/
|
||||
|
||||
/*LOGIN*/
|
||||
.css-bnbqsv {background: var(--main-bg-color)}
|
||||
.css-3iwqj4 { background: transparent;}
|
||||
#login-view > div > form > div:nth-child(1) > div:nth-child(2) > div > div > input, #login-view > div > form > div:nth-child(2) > div:nth-child(2) > div > div > input {
|
||||
height: 38px;
|
||||
}
|
||||
/*Buttons*/
|
||||
.css-y3nv3e-button,
|
||||
.css-cc7c9f-button,
|
||||
.css-1vlnne-button,
|
||||
.css-1ihbihm-button,
|
||||
.css-14zdxje-button,
|
||||
.css-179z9yx-button,
|
||||
.css-370vzt-button,
|
||||
.css-msayan-button,
|
||||
.css-19kbjxc-button,
|
||||
.gf-form-button-row a, .gf-form-button-row button,
|
||||
.page-action-bar>a, .page-action-bar>button,
|
||||
.btn-primary{
|
||||
background: var(--button-color) !important;
|
||||
background-color: var(--button-color) !important;
|
||||
border-color: var(--button-color);
|
||||
}
|
||||
.css-y3nv3e-button:hover,
|
||||
.css-y3nv3e-button:focus,
|
||||
.css-cc7c9f-button:hover,
|
||||
.css-cc7c9f-button:focus,
|
||||
.css-1vlnne-button:hover,
|
||||
.css-1vlnne-button:focus,
|
||||
.css-1ihbihm-button:hover,
|
||||
.css-1ihbihm-button:focus,
|
||||
.css-14zdxje-button:hover,
|
||||
.css-14zdxje-button:focus,
|
||||
.css-179z9yx-button:hover,
|
||||
.css-179z9yx-button:focus,
|
||||
.css-370vzt-button:hover,
|
||||
.css-370vzt-button:focus,
|
||||
.css-msayan-button:hover,
|
||||
.css-msayan-button:focus,
|
||||
.css-19kbjxc-button:hover,
|
||||
.css-19kbjxc-button:focus,
|
||||
.gf-form-button-row a, .gf-form-button-row button:hover,
|
||||
.btn-primary:hover{
|
||||
color: rgb(255, 255, 255);
|
||||
background: var(--button-color-hover) !important;
|
||||
background-color: var(--button-color-hover) !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.css-1d9e5zy-button {color: #fff; background: var(--button-color)}
|
||||
.css-1d9e5zy-button:hover {color: #fff; background: var(--button-color-hover)}
|
||||
|
||||
/*INPUT*/
|
||||
input:focus {box-shadow: none !important;}
|
||||
.css-17rc2pp-input-wrapper:focus, .css-1i9is3t:focus {
|
||||
box-shadow:none;
|
||||
color: transparent;
|
||||
}
|
||||
.gf-form-select-box__control--is-focused {
|
||||
border-color: transparent;
|
||||
outline: none;
|
||||
-webkit-box-shadow: none !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.css-1bjepp-input-input {
|
||||
background-color: hsla(0,0%,100%,.25);
|
||||
border-radius: 3px;
|
||||
border-color: transparent;
|
||||
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
}
|
||||
|
||||
.css-1bjepp-input-input:focus {
|
||||
box-shadow: none !important;
|
||||
background-color: white;
|
||||
color: black;
|
||||
transition: background-color .2s;
|
||||
-webkit-transition: background-color .2s;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.css-14hvfbu-input-wrapper:focus {
|
||||
border-color:transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.css-1w5c5dq-input-inputWrapper input:not(:last-child) {
|
||||
height: 100%
|
||||
}
|
||||
/*Disabled input*/
|
||||
.css-1bjepp-input-input:disabled {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
color: rgb(159, 167, 179);
|
||||
}
|
||||
.css-1bjepp-input-input:hover {border-color: transparent;}
|
||||
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > div:nth-child(2) > form > div > div > div > div.css-1w5c5dq-input-inputWrapper > input {height: 100%;}
|
||||
|
||||
|
||||
/* SEARCH */
|
||||
.css-x9mxj5 {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
.css-1m6pigl:focus + label {
|
||||
outline-offset: 2px;
|
||||
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
|
||||
z-index: 3;
|
||||
outline: transparent dotted 2px;
|
||||
transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1) 0s;
|
||||
}
|
||||
.css-1m6pigl:checked + label {
|
||||
color: var(--accent-color) !important;
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
.css-b40tk8:focus + label {
|
||||
box-shadow: rgba(20, 22, 25, 0) 0px 0px 0px 2px, rgba(31, 97, 196, 0) 0px 0px 0px 4px !important;
|
||||
|
||||
}
|
||||
.css-y0yg3l {
|
||||
background: var(--main-bg-color);
|
||||
border-color: transparent;
|
||||
}
|
||||
.css-y0yg3l {
|
||||
background: rgba(0, 0, 0, .25) !important;
|
||||
border-color: transparent;
|
||||
}
|
||||
|
||||
.css-1je3bh6 {
|
||||
background: transparent;
|
||||
border-bottom: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
|
||||
/*Folder bars*/
|
||||
.css-1umfglk {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.css-1umfglk:hover {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
}
|
||||
|
||||
/* Login Error message*/
|
||||
.css-1ow9mne-input-input {
|
||||
line-height: 1.5;
|
||||
height: 38px;
|
||||
background-color: hsla(0,0%,100%,.25);
|
||||
border-radius: 3px;
|
||||
border-color: transparent;
|
||||
-webkit-transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
transition: background-color .15s ease-in-out,box-shadow .15s ease-in-out !important;
|
||||
}
|
||||
.css-1ow9mne-input-input {
|
||||
box-shadow: none !important;
|
||||
background-color: white;
|
||||
color: black;
|
||||
transition: background-color .2s;
|
||||
-webkit-transition: background-color .2s;
|
||||
height: 38px;
|
||||
border-radius: 3px;
|
||||
}
|
||||
.css-13o428a {
|
||||
margin: 10px 0px 0px;
|
||||
}
|
||||
|
||||
/*Welcome to Grafana*/
|
||||
.css-15xxblz,.css-1ld19yb {background: rgba(0, 0, 0, .25);}
|
||||
|
||||
.css-1as70ku, .css-u5zjuh {
|
||||
background: rgba(0, 0, 0, .25);}
|
||||
.css-17abkeq, .css-5ak73y {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
|
||||
/* Import */
|
||||
body > grafana-app > div > div > react-container > div > div > div.view > div > div.page-container.page-body > form > div:nth-child(4) > div:nth-child(2) > div > div.css-1w5c5dq-input-inputWrapper > input {height:100%}
|
||||
|
||||
|
||||
/*PANEL EDIT*/
|
||||
|
||||
/*Header*/
|
||||
.css-1marj6o {
|
||||
display: flex;
|
||||
-webkit-box-pack: justify;
|
||||
justify-content: space-between;
|
||||
padding: 8px;
|
||||
background: transparent;
|
||||
border-bottom: 1px solid transparent;
|
||||
}
|
||||
/*Background*/
|
||||
.css-azp59k {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
/*Query box*/
|
||||
.css-hz0utb {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
border-right: 1px solid rgba(0, 0, 0, 0);
|
||||
}
|
||||
.query-keyword, .css-wvxxxy, .css-fpnw35 {
|
||||
font-weight: 500;
|
||||
color: var(--accent-color);
|
||||
}
|
||||
.css-lvafs5 {
|
||||
background: rgba(0, 0, 0, .5);
|
||||
}
|
||||
|
||||
.css-ui3sz4-activeTabStyle {
|
||||
margin-right: 16px;
|
||||
position: relative;
|
||||
display: block;
|
||||
color: rgb(216, 217, 218);
|
||||
cursor: default;
|
||||
list-style: none;
|
||||
padding: 11px 15px 9px;
|
||||
border-style: solid;
|
||||
border-image: initial;
|
||||
border-width: 0px 1px 1px;
|
||||
border-radius: 3px 3px 0px 0px;
|
||||
border-color: transparent !important;
|
||||
background: rgba(0, 0, 0, .5);
|
||||
overflow: hidden;
|
||||
}
|
||||
.css-1awj6q7-counter {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
/*Transform tab*/
|
||||
.css-y2f54e {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
.css-y2f54e:hover {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
}
|
||||
.css-1e8invk::before {
|
||||
background:rgba(0, 0, 0, .35) !important;
|
||||
}
|
||||
|
||||
/* Right side menu*/
|
||||
.css-1xj5tuf {
|
||||
background: rgba(0, 0, 0, .35);
|
||||
border-left: 1px solid transparent;
|
||||
}
|
||||
/*Dropdown bottom borders*/
|
||||
.css-1majipf {
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .08);
|
||||
}
|
||||
/*Settings text input*/
|
||||
.css-1f38lle:focus {
|
||||
box-shadow: none !important;
|
||||
}
|
||||
.css-1gokw4e input:checked + label, .css-1gokw4e input:checked + label:hover {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
.css-1gokw4e label {
|
||||
background: white;
|
||||
}
|
||||
/*Visualization*/
|
||||
.css-1lemfi9 {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
border-color: transparent;
|
||||
}
|
||||
.css-1fsv7gr:hover > div:first-child {
|
||||
border-color: var(--accent-color);
|
||||
}
|
||||
.css-1emhacm-currentVisualizationItem > div:first-child {
|
||||
outline-offset: 2px;
|
||||
box-shadow: rgb(20, 22, 25) 0px 0px 0px 2px, var(--accent-color) 0px 0px 0px 4px;
|
||||
}
|
||||
/*Old stat panel unit dropdown */
|
||||
body > grafana-app > div > div > react-container > div > div.css-azp59k > div.css-1bd2u9 > div > div.Pane.vertical.Pane2 > div > div > div.css-1xj5tuf > div > div.view > div:nth-child(3) > div:nth-child(1) > div.panel-options-group__body > panel-editor-tab > panel-editor-tab-singlestatoptions > div > div:nth-child(2) > div:nth-child(6) > unit-picker > div > div > div > div > input {
|
||||
height: 100%;
|
||||
}
|
||||
/*Buttons*/
|
||||
.css-m58wdd:hover {
|
||||
color: rgba(255, 255, 255, .94);
|
||||
z-index: 2;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgba(255, 255, 255, .1);
|
||||
border-image: initial;
|
||||
background: rgba(255, 255, 255, .15)
|
||||
}
|
||||
.css-m58wdd {
|
||||
color: rgba(255, 255, 255, .94);
|
||||
z-index: 2;
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: rgba(255, 255, 255, 0);
|
||||
border-image: initial;
|
||||
background: rgba(255, 255, 255, .08)
|
||||
}
|
||||
input:checked+.gf-form-switch__slider {
|
||||
background: var(--accent-color);
|
||||
}
|
||||
/* RuPaul Drag Line*/
|
||||
.css-pii3u7:hover {
|
||||
border-color: rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
.css-1t13ra6 {
|
||||
border-color: rgba(255, 255, 255, .09);
|
||||
}
|
||||
.css-1t13ra6:hover {
|
||||
border-color: rgba(255, 255, 255, .25);
|
||||
}
|
||||
|
||||
/*SETTINGS*/
|
||||
/*Teams*/
|
||||
.css-1w9m9al-call-to-action-card {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
}
|
||||
|
||||
|
||||
/*DASHBOARD SETINGS*/
|
||||
.dashboard-settings,.dashboard-settings__body2 {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
.navbar--edit {
|
||||
background: rgba(0, 0, 0, .25);
|
||||
border-bottom: 1px solid transparent;
|
||||
-webkit-box-shadow: 0 0 10px transparent;
|
||||
box-shadow: 0 0 10px transparent;
|
||||
}
|
||||
.grafana-info-box {
|
||||
background-color: rgba(0, 0, 0, .5);
|
||||
border-top: 3px solid var(--accent-color);
|
||||
}
|
||||
/* Variables*/
|
||||
.filter-table--hover tbody tr:hover {
|
||||
background: hsla(0,0%,100%,.15);
|
||||
}
|
||||
.filter-table tbody tr:nth-child(odd):hover {
|
||||
background: hsla(0,0%,100%,.15) !important;
|
||||
}
|
||||
/*Placeholder text*/
|
||||
::placeholder {color: #fff !important;}
|
||||
:-ms-input-placeholder {color: #fff !important;}
|
||||
::-webkit-input-placeholder {color: #fff !important;}
|
||||
@ -16,6 +16,8 @@
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
--accent-color: #f9be03;
|
||||
--button-color: #fd5e94;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
}
|
||||
@ -16,5 +16,8 @@
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--accent-color: #fff;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--accent-color: #607D8B;
|
||||
--accent-color-hover: #81a6b7;
|
||||
}
|
||||
@ -68,6 +68,7 @@
|
||||
input[type="submit"], button, a.button {
|
||||
background-color: var(--button-color);
|
||||
border: none;
|
||||
outline: none;
|
||||
}
|
||||
input[type="submit"]:hover, button:hover, a.button:hover {
|
||||
background-color: var(--button-color-hover);
|
||||
@ -230,9 +231,12 @@
|
||||
}
|
||||
|
||||
/* SIDE MENU */
|
||||
|
||||
.menu-content {
|
||||
background: var(--modal-bg-color);
|
||||
.menu, .menu .header {
|
||||
background: var(--modal-bg-color) !important;
|
||||
box-shadow: none;
|
||||
}
|
||||
.menu-content, .menu-content .header, .menu-body {
|
||||
background: var(--modal-bg-color) !important;
|
||||
}
|
||||
.clipboard, .clipboard-service-target {
|
||||
background: rgba(0, 0, 0, 0.25);
|
||||
@ -330,4 +334,16 @@
|
||||
background: var(--modal-bg-color);
|
||||
color: #FFF;
|
||||
}
|
||||
|
||||
/* File Transfer */
|
||||
#file-transfer-dialog .transfer-manager {
|
||||
background: var(--modal-bg-color) ;
|
||||
}
|
||||
.transfer.error {
|
||||
background: rgba(244, 67, 54, 0.5) ;
|
||||
}
|
||||
.transfer-manager .header h2 {
|
||||
background-color: transparent ;
|
||||
}
|
||||
.transfer .in-progress .progress {
|
||||
background-color: var(--modal-bg-color) ;
|
||||
}
|
||||
22
CSS/themes/guacamole/organizr-dark.css
Normal file
22
CSS/themes/guacamole/organizr-dark.css
Normal file
@ -0,0 +1,22 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* GUACAMOLE ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/guacamole/guacamole-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
@ -42,12 +42,12 @@ div.meterText:empty:before {
|
||||
}
|
||||
#startStopBtn {
|
||||
color: #ffffff;
|
||||
background: var(--start-button-color);
|
||||
border: 0.15em solid var(--start-button-color);
|
||||
background: var(--button-color);
|
||||
border: 0.15em solid var(--button-color);
|
||||
}
|
||||
#startStopBtn:hover {
|
||||
border: 0.15em solid var(--start-button-color-hover);
|
||||
background: var(--start-button-color-hover);
|
||||
border: 0.15em solid var(--button-color-hover);
|
||||
background: var(--button-color-hover);
|
||||
}
|
||||
#startStopBtn.running {
|
||||
background: #FF3030 !important;
|
||||
|
||||
21
CSS/themes/html5speedtest/organizr-dark.css
Normal file
21
CSS/themes/html5speedtest/organizr-dark.css
Normal file
@ -0,0 +1,21 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* HTML5SPEEDTEST ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/html5speedtest/html5speedtest-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
22
CSS/themes/jackett/organizr-dark.css
Normal file
22
CSS/themes/jackett/organizr-dark.css
Normal file
@ -0,0 +1,22 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* JACKETT ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/jackett/jackett-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
23
CSS/themes/jellyfin/organizr-dark.css
Normal file
23
CSS/themes/jellyfin/organizr-dark.css
Normal file
@ -0,0 +1,23 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* JELLYFIN ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/jellyfin/jellyfin-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1F1F1F;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
}
|
||||
27
CSS/themes/kitana/aquamarine.css
Normal file
27
CSS/themes/kitana/aquamarine.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* KITANA AQUAMARINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: #009688;
|
||||
--button-color-hover: #12afa0;
|
||||
--button-text: #eee;
|
||||
--accent-color: #12afa0;
|
||||
--accent-color-hover: #fff;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #12afa0;
|
||||
}
|
||||
27
CSS/themes/kitana/dark.css
Normal file
27
CSS/themes/kitana/dark.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* KITANA DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(circle, #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(circle , #3a3a3a, #2d2d2d, #202020, #141414, #000000) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--accent-color: #fff;
|
||||
--accent-color-hover: rgba(255, 255, 255, 0.45);
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: rgba(255, 255, 255, 0.45);
|
||||
}
|
||||
27
CSS/themes/kitana/hotline.css
Normal file
27
CSS/themes/kitana/hotline.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* KITANA HOTLINE THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient(ellipse at center, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #F44336 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--button-color: hsla(0,0%,100%,.15);
|
||||
--button-color-hover: hsla(0,0%,100%,.30);
|
||||
--button-text: #eee;
|
||||
--accent-color: #F44336;
|
||||
--accent-color-hover: #0b3161;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-hover: #F44336;
|
||||
}
|
||||
190
CSS/themes/kitana/kitana-base.css
Normal file
190
CSS/themes/kitana/kitana-base.css
Normal file
@ -0,0 +1,190 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
body {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
|
||||
a {
|
||||
color: var(--link-color);
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
#content:before {
|
||||
background: var(--main-bg-color);
|
||||
}
|
||||
|
||||
* {
|
||||
outline: none !important;
|
||||
}
|
||||
|
||||
/* TEXT */
|
||||
body,
|
||||
.navbar-dark .navbar-text {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
/* ACCENTS */
|
||||
.badge-dark {
|
||||
color: var(--button-text);
|
||||
background-color: var(--accent-color);
|
||||
}
|
||||
|
||||
/* NAVBAR */
|
||||
#nav .bg-dark {
|
||||
background: hsla(0, 0%, 0%, .25) !important;
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.navbar-dark .navbar-nav .nav-link:hover,
|
||||
.navbar-dark .navbar-nav .nav-link:focus {
|
||||
color: var(--text-hover);
|
||||
}
|
||||
|
||||
#navbarSupportedContent ul li {
|
||||
background-color: transparent !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
/* DROPDOWN MENU */
|
||||
.dropdown-menu {
|
||||
color: #fff;
|
||||
background: var(--modal-bg-color);
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.dropdown-item.active,
|
||||
.dropdown-item:active,
|
||||
.dropdown:active:hover {
|
||||
color: var(--text-hover);
|
||||
background-color: rgb(0 0 0 / 25%) !important;
|
||||
}
|
||||
|
||||
.dropdown-item {
|
||||
color: var(--text);
|
||||
}
|
||||
|
||||
.dropdown-item:hover,
|
||||
.dropdown-item:focus {
|
||||
color: var(--text-hover);
|
||||
text-decoration: none;
|
||||
background-color: rgb(255 255 255 / 8%);
|
||||
}
|
||||
|
||||
|
||||
/* CARDS */
|
||||
.card {
|
||||
background: rgb(255 255 255 / 8%) !important;
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
.card-header {
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
border-bottom: 1px solid rgba(255, 255, 255, .125) !important;
|
||||
}
|
||||
|
||||
ul li {
|
||||
background-color: rgb(255 255 255 / 8%) !important;
|
||||
border: none !important;
|
||||
}
|
||||
|
||||
ul li:hover {
|
||||
background-color: rgb(255 255 255 / 16%) !important;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* SETTINGS */
|
||||
.plugin_content .nav-tabs .nav-link.active,
|
||||
.nav-tabs .nav-item.show .nav-link {
|
||||
color: var(--text-hover) !important;
|
||||
background-color: rgb(0 0 0 / 25%) !important;
|
||||
border-color: #4440 #4440 transparent;
|
||||
}
|
||||
|
||||
.plugin_content .nav-tabs {
|
||||
border-bottom: 1px solid rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
.alert-secondary {
|
||||
background-color: rgb(255 255 255 / 20%);
|
||||
}
|
||||
|
||||
/* BUTTONS */
|
||||
.btn {
|
||||
border-color: var(--button-color);
|
||||
background: var(--button-color);
|
||||
color: var(--button-text);
|
||||
margin-right: 5px;
|
||||
}
|
||||
|
||||
.btn:hover,
|
||||
.btn:focus,
|
||||
.btn:active,
|
||||
.btn-primary:not(:disabled):not(.disabled):active,
|
||||
.btn-primary:not(:disabled):not(.disabled).active,
|
||||
.show>.btn-primary.dropdown-toggle {
|
||||
border-color: var(--button-color-hover);
|
||||
color: var(--text-hover);
|
||||
background-color: var(--button-color-hover);
|
||||
box-shadow: none !important;
|
||||
}
|
||||
|
||||
.badge-primary {
|
||||
color: var(--button-text);
|
||||
background-color: var(--accent-color);
|
||||
}
|
||||
|
||||
.badge-secondary {
|
||||
color: var(--button-text);
|
||||
background-color: rgb(0 0 0 / 25%);
|
||||
}
|
||||
|
||||
/* FORMS */
|
||||
.form-control {
|
||||
color: var(--text) !important;
|
||||
background-color: rgba(0, 0, 0, .25) !important;
|
||||
border: 1px solid transparent !important;
|
||||
box-shadow: none !important;
|
||||
transition: background-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
|
||||
}
|
||||
|
||||
.form-control:focus {
|
||||
background-color: rgb(0 0 0 / 50%) !important;
|
||||
color: var(--text-hover) !important;
|
||||
}
|
||||
|
||||
/* PLACEHOLDER TEXT */
|
||||
::placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
:-moz-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
:-ms-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5 !important;
|
||||
}
|
||||
|
||||
::-webkit-input-placeholder {
|
||||
color: var(--text) !important;
|
||||
opacity: .5;
|
||||
}
|
||||
27
CSS/themes/kitana/organizr-dark.css
Normal file
27
CSS/themes/kitana/organizr-dark.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* KITANA ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--button-text: #eee;
|
||||
--accent-color:#2cabe3;
|
||||
--accent-color-hover: #fff;
|
||||
--text:#96a2b4;
|
||||
--text-hover: #fff;
|
||||
--link-color: #2cabe3;
|
||||
}
|
||||
27
CSS/themes/kitana/plex.css
Normal file
27
CSS/themes/kitana/plex.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* KITANA PLEX THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
|
||||
:root {
|
||||
--main-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-light2.png") center center/cover no-repeat fixed;
|
||||
--modal-bg-color: url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/blur-noise.png"), url("https://raw.githubusercontent.com/gilbN/theme.park/master/Resources/preset-dark2.png") center center/cover no-repeat fixed;
|
||||
--button-color: #cc7b19;
|
||||
--button-color-hover: #e59029;
|
||||
--button-text: #eee;
|
||||
--accent-color: #e5a00d;
|
||||
--accent-color-hover: #ffc107;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color:#fff;
|
||||
}
|
||||
27
CSS/themes/kitana/space-gray.css
Normal file
27
CSS/themes/kitana/space-gray.css
Normal file
@ -0,0 +1,27 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* KITANA SPACE GRAY THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/kitana/kitana-base.css);
|
||||
:root {
|
||||
--main-bg-color: radial-gradient( ellipse at center, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--modal-bg-color: radial-gradient( ellipse at top, rgba(87,108,117,1) 0%, rgba(37,50,55,1) 100.2% ) center center/cover no-repeat fixed;
|
||||
--button-color: #607D8B;
|
||||
--button-color-hover: #81a6b7;
|
||||
--button-text: #eee;
|
||||
--accent-color: #81a6b7;
|
||||
--accent-color-hover: #81a6b7;
|
||||
--text: #eee;
|
||||
--text-hover: #fff;
|
||||
--link-color: #81a6b7;
|
||||
}
|
||||
24
CSS/themes/lazylibrarian/organizr-dark.css
Normal file
24
CSS/themes/lazylibrarian/organizr-dark.css
Normal file
@ -0,0 +1,24 @@
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* LAZYLIBRARIAN ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/lazylibrarian/lazylibrarian-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
--queue-color: #2cabe3;
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
31
CSS/themes/lidarr/organizr-dark.css
Normal file
31
CSS/themes/lidarr/organizr-dark.css
Normal file
@ -0,0 +1,31 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* LIDARR ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/lidarr/lidarr-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
|
||||
--calendar-Downloading: #7a43b6;
|
||||
--calendar-Downloaded: #53e69d;
|
||||
--calendar-Unreleased: #2cabe3;
|
||||
--calendar-Partial: orange;
|
||||
--calendar-Unmonitored: #adadad;
|
||||
--calendar-Missing: #ff7676;
|
||||
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
--accent-color: #2cabe3;
|
||||
--accent-color-hover: white;
|
||||
}
|
||||
21
CSS/themes/logarr/organizr-dark.css
Normal file
21
CSS/themes/logarr/organizr-dark.css
Normal file
@ -0,0 +1,21 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* LOGARR ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/logarr/logarr-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
21
CSS/themes/monitorr/organizr-dark.css
Normal file
21
CSS/themes/monitorr/organizr-dark.css
Normal file
@ -0,0 +1,21 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* MONITORR ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/monitorr/monitorr-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--button-color: #2cabe3;
|
||||
--button-color-hover: rgb(44 171 227 / .8);
|
||||
}
|
||||
20
CSS/themes/netdata/organizr-dark.css
Normal file
20
CSS/themes/netdata/organizr-dark.css
Normal file
@ -0,0 +1,20 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* NETDATA ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/netdata/netdata-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--accent-color: #2cabe3;
|
||||
}
|
||||
@ -48,7 +48,7 @@ body {
|
||||
-webkit-background-size: auto, cover;
|
||||
-moz-background-size: auto, cover;
|
||||
-o-background-size: auto, cover;
|
||||
background-color: rgba(0,0,0,.0) !important;
|
||||
background-color: var(--modal-bg-color) !important;
|
||||
color:#FFFFFF !important;
|
||||
}
|
||||
.modal-footer {
|
||||
|
||||
21
CSS/themes/nzbget/organizr-dark.css
Normal file
21
CSS/themes/nzbget/organizr-dark.css
Normal file
@ -0,0 +1,21 @@
|
||||
|
||||
/* dP dP dP */
|
||||
/* 88 88 88 */
|
||||
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
|
||||
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
|
||||
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
|
||||
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
|
||||
/* 88 */
|
||||
/* dP */
|
||||
|
||||
/* Made by @gilbN */
|
||||
/* https://github.com/gilbN/theme.park */
|
||||
|
||||
/* NZBGET ORGANIZR-DARK THEME */
|
||||
@import url(https://gilbn.github.io/theme.park/CSS/themes/nzbget/nzbget-base.css);
|
||||
:root {
|
||||
--main-bg-color: #1f1f1f;
|
||||
--modal-bg-color: #1b1b1b;
|
||||
--accent-color: #2cabe3;
|
||||
--button-color: #2cabe3;
|
||||
}
|
||||
@ -18,4 +18,5 @@
|
||||
--modal-bg-color: radial-gradient(ellipse at top, #47918a 0%, #0b3161 100%) center center/cover no-repeat fixed;
|
||||
--default-button-color: #009688;
|
||||
--default-button-color-hover: radial-gradient(ellipse at center, #5066e0 0%, #01ccb9 100%) center center/cover no-repeat fixed;
|
||||
--accent-color: #118074;
|
||||
}
|
||||
|
||||
Some files were not shown because too many files have changed in this diff Show More
Loading…
Reference in New Issue
Block a user