@ -0,0 +1,3 @@ |
|||
## Thank you for the PR! |
|||
|
|||
### Please remember to add a before and after screenshot(s) on any css changes! |
@ -0,0 +1,54 @@ |
|||
# Radarr 4K logo |
|||
|
|||
Add a 4K logo to your Radarr css. |
|||
|
|||
### Desktop |
|||
![](desktop.png) |
|||
![](v3-desktop.png) |
|||
|
|||
### Mobile |
|||
![](mobile.png) |
|||
![](v3-mobile.png) |
|||
|
|||
|
|||
## Setup |
|||
|
|||
#### Nginx |
|||
Examples of how to add it: |
|||
|
|||
```nginx |
|||
proxy_set_header Accept-Encoding ""; |
|||
sub_filter |
|||
'</head>' |
|||
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"> |
|||
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css"> |
|||
</head>'; |
|||
sub_filter_once on; |
|||
``` |
|||
|
|||
#### Apache |
|||
|
|||
```nginx |
|||
AddOutputFilterByType SUBSTITUTE text/html |
|||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css"> |
|||
</head>';|' |
|||
``` |
|||
|
|||
#### Caddy |
|||
|
|||
```nginx |
|||
filter rule { |
|||
content_type text/html.* |
|||
search_pattern </head> |
|||
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css'></head>" |
|||
} |
|||
``` |
|||
|
|||
#### Stylus |
|||
|
|||
Just add another import line. |
|||
|
|||
```css |
|||
@import "https://gilbn.github.io/theme.park/CSS/themes/radarr/THEME.css"; |
|||
@import "https://gilbn.github.io/theme.park/CSS/addons/radarr/radarr-4k-logo.css"; |
|||
``` |
After Width: | Height: | Size: 46 KiB |
After Width: | Height: | Size: 790 KiB |
@ -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; |
|||
} |
|||
} |
After Width: | Height: | Size: 167 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 52 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 122 KiB |
@ -0,0 +1,54 @@ |
|||
# Sonarr 4K logo |
|||
|
|||
Add a 4K logo to your Sonarr css. |
|||
|
|||
### Desktop |
|||
![](desktop.png) |
|||
![](v3-desktop.png) |
|||
|
|||
### Mobile |
|||
![](mobile.png) |
|||
![](v3-mobile.png) |
|||
|
|||
|
|||
## Setup |
|||
|
|||
#### Nginx |
|||
Examples of how to add it: |
|||
|
|||
```nginx |
|||
proxy_set_header Accept-Encoding ""; |
|||
sub_filter |
|||
'</head>' |
|||
'<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"> |
|||
<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"> |
|||
</head>'; |
|||
sub_filter_once on; |
|||
``` |
|||
|
|||
#### Apache |
|||
|
|||
```nginx |
|||
AddOutputFilterByType SUBSTITUTE text/html |
|||
Substitute 's|</head> '<link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"><link rel="stylesheet" type="text/css" href="https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"> |
|||
</head>';|' |
|||
``` |
|||
|
|||
#### Caddy |
|||
|
|||
```nginx |
|||
filter rule { |
|||
content_type text/html.* |
|||
search_pattern </head> |
|||
replacement "<link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/themes/<APP_NAME>/<THEME>.css'><link rel='stylesheet' type='text/css' href='https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css'></head>" |
|||
} |
|||
``` |
|||
|
|||
#### Stylus |
|||
|
|||
Just add another import line. |
|||
|
|||
```css |
|||
@import "https://gilbn.github.io/theme.park/CSS/themes/sonarr/THEME.css"; |
|||
@import "https://gilbn.github.io/theme.park/CSS/addons/sonarr/sonarr-4k-logo.css"; |
|||
``` |
After Width: | Height: | Size: 28 KiB |
After Width: | Height: | Size: 24 KiB |
@ -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; |
|||
} |
|||
} |
After Width: | Height: | Size: 45 KiB |
After Width: | Height: | Size: 16 KiB |
After Width: | Height: | Size: 42 KiB |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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); |
|||
} |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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); |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |
@ -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); |
|||
} |
@ -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); |
|||
} |
@ -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; |
|||
} |
@ -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; |
|||
} |