topaLE
/
theme.park
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Added Adguard #71

pull/90/head
Marius 5 years ago
parent
6a1c87aa36
commit
89de798f61
13 changed files with 489 additions and 1 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 323
      CSS/themes/adguard/adguard-base.css
  2. 27
      CSS/themes/adguard/aquamarine.css
  3. 27
      CSS/themes/adguard/dark.css
  4. 27
      CSS/themes/adguard/hotline.css
  5. 27
      CSS/themes/adguard/organizr-dark.css
  6. 27
      CSS/themes/adguard/plex.css
  7. 27
      CSS/themes/adguard/space-gray.css
  8. 5
      README.md
  9. BIN
      Screenshots/adguard/aquamarine.png
  10. BIN
      Screenshots/adguard/dark.png
  11. BIN
      Screenshots/adguard/hotline.png
  12. BIN
      Screenshots/adguard/organizr-dark.png
  13. BIN
      Screenshots/adguard/plex.png

323
CSS/themes/adguard/adguard-base.css
View File

@ -0,0 +1,323 @@
/* 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)
}
}
::-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(--button-color);
border-color: var(--button-color);
}
.header .btn-outline-secondary:hover {
color: var(--text);
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 */
.mobile-menu {
background-color: transparent;
}
/* BUTTONS */
.container .btn-outline-primary {
color: var(--button-color);
background-color: transparent;
background-image: none;
border-color: var(--button-color);
}
.container .btn-outline-primary:hover {
color: var(--text);
background-color: var(--button-color-hover);
border-color: var(--button-color-hover);
}
.tooltip-container {
background: var(--modal-bg-color);
}
/* CARDS*/
.card {
background-color: rgb(255 255 255 / 8%);
border: 1px solid rgba(255, 255, 255, 0.1);
color: var(--text);
}
.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);
}
/* 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%);
}
.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;
}
.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: var(--main-bg-color);
}
}
/* PLACEHOLDER TEXT */
::placeholder {color: var(--text);}
:-moz-placeholder {color: var(--text);}
:-ms-input-placeholder {color: var(--text);}
::-webkit-input-placeholder {color: var(--text) ;}

27
CSS/themes/adguard/aquamarine.css
View File

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* 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;
--text: #eee;
--text-hover: #fff;
}

27
CSS/themes/adguard/dark.css
View File

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* 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);
--text: #eee;
--text-hover: #fff;
}

27
CSS/themes/adguard/hotline.css
View File

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* 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;
--text: #eee;
--text-hover: #fff;
}

27
CSS/themes/adguard/organizr-dark.css
View File

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* 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;
--text: #eee;
--text-hover: #fff;
}

27
CSS/themes/adguard/plex.css
View File

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* 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;
--text: #eee;
--text-hover: #fff;
}

27
CSS/themes/adguard/space-gray.css
View File

@ -0,0 +1,27 @@
/* dP dP dP */
/* 88 88 88 */
/* d8888P 88d888b. .d8888b. 88d8b.d8b. .d8888b. 88d888b. .d8888b. 88d888b. 88 .dP */
/* 88 88' `88 88ooood8 88'`88'`88 88ooood8 88' `88 88' `88 88' `88 88888" */
/* 88 88 88 88. ... 88 88 88 88. ... 88. .88 88. .88 88 88 `8b. */
/* dP dP dP `88888P' dP dP dP `88888P' 88 88Y888P' `88888P8 dP dP `YP */
/* 88 */
/* dP */
/* Made by @gilbN */
/* https://github.com/gilbN/theme.park */
/* 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;
--text: #eee;
--text-hover: #fff;
}

5
README.md
View File

@ -172,7 +172,10 @@
<p><a href="https://github.com/gilbN/theme.park/wiki/Lazylibrarian"><img src="https://raw.githubusercontent.com/causefx/Organizr/v2-develop/plugins/images/tabs/lazylibrarian.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://github.com/gilbN/theme.park/wiki/Lazylibrarian">Lazylibrarian</a></p>
</td>
<td style="width: 140px; height: 40px; text-align: center;">&nbsp;</td>
<td style="width: 90px; height: 40px; text-align: center;">
<p><a href="https://github.com/gilbN/theme.park/wiki/Adguard"><img src="https://github.com/causefx/Organizr/blob/v2-master/plugins/images/tabs/AdGuardHome.png" alt="" width="48" height="48" /></a></p>
<p><a href="https://github.com/gilbN/theme.park/wiki/Adguard">Adguard</a></p>
</td>
<td style="width: 109px; height: 40px; text-align: center;">&nbsp;</td>
</tr>
</tbody>

BIN
Screenshots/adguard/aquamarine.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 834 KiB

BIN
Screenshots/adguard/dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 458 KiB

BIN
Screenshots/adguard/hotline.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 1.1 MiB

BIN
Screenshots/adguard/organizr-dark.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
Screenshots/adguard/plex.png
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 2.2 MiB

Write Preview
Loading…
Cancel
Save