From fc057a8913bca12fa7b1de6789d503863875385a Mon Sep 17 00:00:00 2001 From: GilbN Date: Mon, 2 Aug 2021 20:10:50 +0000 Subject: [PATCH] deploy: 7166c9782857e26444cf4a39615c9113a1512ee0 --- CSS/themes/pihole/aquamarine.css | 11 +---------- CSS/themes/pihole/dark.css | 11 +---------- CSS/themes/pihole/dracula.css | 15 +++++++++++++++ CSS/themes/pihole/hotline.css | 11 +---------- CSS/themes/pihole/organizr-dark.css | 10 +--------- CSS/themes/pihole/pihole-base.css | 2 +- CSS/themes/pihole/plex.css | 11 +---------- CSS/themes/pihole/space-gray.css | 11 +---------- 8 files changed, 22 insertions(+), 60 deletions(-) create mode 100644 CSS/themes/pihole/dracula.css diff --git a/CSS/themes/pihole/aquamarine.css b/CSS/themes/pihole/aquamarine.css index 12fa7841..a3640700 100644 --- a/CSS/themes/pihole/aquamarine.css +++ b/CSS/themes/pihole/aquamarine.css @@ -12,13 +12,4 @@ /* PI-HOLE AQUAMARINE THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-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; - --link-color: #12afa0; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/aquamarine.css); \ No newline at end of file diff --git a/CSS/themes/pihole/dark.css b/CSS/themes/pihole/dark.css index 233bc23e..79b9859b 100644 --- a/CSS/themes/pihole/dark.css +++ b/CSS/themes/pihole/dark.css @@ -12,13 +12,4 @@ /* PI-HOLE DARK THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-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.5); - --accent-color-hover: rgba(255, 255, 255, 0.45); - --queue-color: rgba(255, 255, 255, 0.45);; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/dark.css); \ No newline at end of file diff --git a/CSS/themes/pihole/dracula.css b/CSS/themes/pihole/dracula.css new file mode 100644 index 00000000..03d8ce8e --- /dev/null +++ b/CSS/themes/pihole/dracula.css @@ -0,0 +1,15 @@ +/* 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 */ + +/* PI-HOLE DRACULA THEME */ +@import url(https://theme-park.dev/CSS/themes/pihole/pihole-base.css); +@import url(https://theme-park.dev/CSS/variables/dracula.css); \ No newline at end of file diff --git a/CSS/themes/pihole/hotline.css b/CSS/themes/pihole/hotline.css index 4920a300..427c4971 100644 --- a/CSS/themes/pihole/hotline.css +++ b/CSS/themes/pihole/hotline.css @@ -12,13 +12,4 @@ /* PI-HOLE HOTLINE THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-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; - --link-color: #fd534a; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/hotline.css); \ No newline at end of file diff --git a/CSS/themes/pihole/organizr-dark.css b/CSS/themes/pihole/organizr-dark.css index 0421a6e4..8b089c25 100644 --- a/CSS/themes/pihole/organizr-dark.css +++ b/CSS/themes/pihole/organizr-dark.css @@ -12,12 +12,4 @@ /* PI-HOLE ORGANIZR-DARK THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-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; - } +@import url(https://theme-park.dev/CSS/variables/organizr-dark.css); diff --git a/CSS/themes/pihole/pihole-base.css b/CSS/themes/pihole/pihole-base.css index f1e4bb14..1444e1b8 100644 --- a/CSS/themes/pihole/pihole-base.css +++ b/CSS/themes/pihole/pihole-base.css @@ -1 +1 @@ -body{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:#eee!important}a{color:var(--link-color)}.treeview-menu>li.active>a,.treeview-menu>li>a:hover,a:active,a:focus,a:hover{color:var(--accent-color)!important}h4{color:var(--accent-color)}.skin-blue .main-header li.user-header{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.dropdown-menu{box-shadow:none;border-color:rgba(0,0,0,.25);background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.navbar-nav>.user-menu>.dropdown-menu>.user-body{padding:15px;border-bottom:1px solid rgba(255,255,255,.25);border-top:1px solid rgba(255,255,255,.25);background-color:rgba(255,255,255,.2)!important}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:#fff!important}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:transparent}.main-header .logo,.main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-header .navbar{background-color:rgba(0,0,0,.25)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .main-header .logo:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:rgba(255,255,255,.05);color:#fff!important}.main-footer{background:rgba(0,0,0,.25);color:#eee;border-top:1px solid rgb(255 255 255 / 20%)}.skin-blue .sidebar a{color:#eee}.skin-blue .sidebar a:hover{color:#fff!important}.left-side,.main-sidebar,.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper,.wrapper{background-color:rgba(0,0,0,.25)!important}.sidebar-menu>li.header,.skin-blue .sidebar-menu>li.header{color:#fff;background:rgba(0,0,0,.2)}.treeview-menu>li>a{color:#eee!important}.sidebar-menu>li>.treeview-menu{background-color:rgb(0 0 0 / 25%)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{color:#fff;background:rgba(0,0,0,.1);border-left-color:var(--accent-color)}.skin-blue .sidebar-menu>li>.treeview-menu{background:rgba(0,0,0,.25)}.skin-blue .treeview-menu>li>a{color:#eee}@media (min-width:768px){.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:#eee}}.content-wrapper,.right-side{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.page-header>small{color:#ddd}.main-footer .nav-tabs,.nav-tabs-custom .nav-tabs{background-color:rgb(0 0 0 / .25);border-bottom-color:rgb(255 255 255 / 15%)}.nav-tabs-custom>.nav-tabs>li:hover{background-color:rgba(255,255,255,.05);color:#eee;border-top-color:var(--accent-color)}.nav-tabs-custom>.nav-tabs>li:hover>a{background-color:rgba(255,255,255,.05)}.box-header{color:#fff}.box{background:rgba(0,0,0,.24);border-top:3px solid #0000;box-shadow:0 1px 1px rgba(0,0,0,.1)}.box-solid>.box-header,.box>.box-header{color:#eee;background-color:rgba(0,0,0,.25)}.box.box-warning{border-top-color:var(--accent-color)}.small-box.bg-green{background-color:rgba(0,166,90,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-aqua{background-color:rgba(0,192,239,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-yellow{background-color:rgba(243,156,18,.45)!important;border-top:3px solid var(--accent-color)}.small-box.bg-red{background-color:rgba(221,75,57,.45)!important;border-top:3px solid var(--accent-color)}.table-bordered{border:1px solid #f4f4f41a!important;background:rgba(0,0,0,.1)}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid rgba(255,255,255,.15)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.text-black{color:#eee!important}.dataTables_paginate .pagination li>a,.pagination>.disabled>a,.pagination>.disabled>a:focus,.pagination>.disabled>a:hover,.pagination>.disabled>span,.pagination>.disabled>span:focus,.pagination>.disabled>span:hover{color:rgba(238,238,238,.5);background-color:rgba(255,255,255,.1);border-color:#ddd0}.paginate_button .active #all-queries_wrapper .pagination>li>a,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff;background-color:var(--button-color);border-color:var(--button-color)}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:#fff!important;background-color:var(--button-color-hover);border-color:var(--button-color-hover)}.pagination>li>a{background:rgba(0,0,0,.25);color:#eee;border:1px solid rgba(255,255,255,.07)}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:#fff!important;background-color:rgba(255,255,255,.25);border-color:rgba(255,255,255,.07)}.panel-default{border-color:transparent;background:rgba(0,0,0,.25)}.panel-default>.panel-heading{color:#eee;background-color:inherit;border-color:transparent}.panel,.panel-body,.panel-default>.panel-heading{background-color:rgb(0 0 0 / 25%);border-radius:0;border:1px solid transparent;color:#bec5cb}.nav-tabs-custom{background:rgba(0,0,0,.25)}.nav-tabs-custom>.tab-content{background:0 0}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:var(--accent-color)}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:transparent;border-left-color:rgba(255,255,255,.1);border-right-color:rgba(255,255,255,.1)}.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{background-color:rgba(0,0,0,.25);color:#eee!important}.nav-tabs-custom>.nav-tabs>li>a{color:#eee!important;border-radius:0}.input-group .input-group-addon{border-radius:0;border-color:#d2d6de00;background-color:var(--accent-color);color:#eee}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.25)!important}.table-striped>tbody>tr:nth-of-type(even){background-color:rgba(0,0,0,.5)!important}#network-entries_wrapper.text-center{text-align:center;color:#eee!important}.btn-default,button{background-color:var(--button-color)!important;border:1px solid var(--button-color)!important;color:#fff!important}.btn-primary.hover,.btn-primary:active,.btn-primary:hover{background-color:var(--button-color-hover)!important}.btn-default.hover,.btn-default:active,.btn-default:hover{background-color:var(--button-color-hover)!important}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background:var(--button-color-hover)!important;border:1px solid transparent!important}.box.box-solid.box-info,.box.box-solid.box-info>.box-header{color:#fff;background:var(--button-color)!important;border:1px solid var(--button-color)!important}.btn-danger{background-color:#dd4b39!important;border-color:#d73925!important}.btn-danger.hover,.btn-danger:active,.btn-danger:hover{background-color:#d73925!important}.btn-warning{background-color:#f39c12!important;border-color:#e08e0b!important}.btn-warning:hover{color:#fff;background-color:#ec971f!important;border-color:#d58512!important}.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.icheck-primary>input:first-child:checked+label::before{background-color:var(--button-color)!important;border-color:var(--button-color)!important}.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:var(--button-color)!important}.box-footer,.datatables_processing,.form-control,input,pre{background:#080909;border:1px solid #666;color:#b2b2b2}.dataTables_wrapper input[type=search]{background-color:#fff;color:#000}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.form-control,.form-group .input-group-addon,.form-group input,.form-group textarea,.input-group .input-group-addon,.input-group input,.input-group textarea,div.dataTables_wrapper div.dataTables_length select,input,select,select.form-control{background-color:rgb(0 0 0 / .25);color:#eee;border:1px solid rgb(255 255 255 / 15%)}.form-control:focus{border-color:rgb(255 255 255 / .25);box-shadow:none}::-webkit-scrollbar{width:0}::-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:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}::-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} +@import url(https://theme-park.dev/CSS/defaults/placeholders.css);body{background:var(--main-bg-color)!important;background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)!important}a{color:var(--link-color)}*{outline:0!important}a:active,a:focus,a:hover{color:var(--link-color-hover)}.treeview-menu>li.active>a,.treeview-menu>li>a:hover{color:var(--text-hover);background:rgba(255,255,255,.1)}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3:not(.statistic),h4,h5,h6{color:var(--text-hover)}h3.box-title{color:var(--text-hover)}.box,.box-comment,.box-footer,.comment-text,.comment-text .username,.info-box{color:var(--text)}kbd{color:var(--label-text-color);background-color:rgb(var(--accent-color))}.skin-blue .main-header li.user-header{background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.dropdown-menu{box-shadow:none;border-color:rgba(0,0,0,.25);background:var(--modal-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.navbar-nav>.user-menu>.dropdown-menu>.user-body{padding:15px;border-bottom:1px solid rgba(255,255,255,.25);border-top:1px solid rgba(255,255,255,.25);background-color:rgba(255,255,255,.2)!important}.navbar-nav>.user-menu>.dropdown-menu>.user-body a{color:var(--text-hover)!important}.navbar-nav>.user-menu>.dropdown-menu>.user-footer{background-color:transparent}.main-header .logo,.main-header .navbar,.skin-blue .main-header .logo,.skin-blue .main-header .navbar{background-color:rgba(0,0,0,.25)}.sidebar-menu>li:hover>a,.skin-blue .main-header .logo:hover,.skin-blue .main-header .navbar .sidebar-toggle:hover{background-color:rgba(255,255,255,.05);color:var(--text-hover)!important}.sidebar-menu>li.active>a{background-color:rgba(255,255,255,.05);color:rgb(var(--accent-color))!important}.main-footer{background:rgba(0,0,0,.25);color:var(--text);border-top:1px solid rgb(255 255 255 / 20%)}.sidebar a,.skin-blue .sidebar a{color:var(--text)}.sidebar a:hover,.skin-blue .sidebar a:hover{color:var(--text-hover)!important}.left-side,.main-sidebar,.skin-blue .left-side,.skin-blue .main-sidebar,.skin-blue .wrapper,.wrapper{background-color:rgba(0,0,0,.25)!important}.sidebar-menu>li.header,.skin-blue .sidebar-menu>li.header{color:rgb(var(--accent-color));background:rgba(0,0,0,.2)}.treeview-menu>li>a{color:var(--text)!important}.sidebar-menu>li>.treeview-menu{background-color:rgb(0 0 0 / 25%)}.sidebar-menu>li.active>a,.sidebar-menu>li:hover>a,.skin-blue .sidebar-menu>li.active>a,.skin-blue .sidebar-menu>li:hover>a{color:var(--text-hover);background:rgba(0,0,0,.1);border-left-color:rgb(var(--accent-color))}.skin-blue .sidebar-menu>li>.treeview-menu{background:rgba(0,0,0,.25)}.skin-blue .treeview-menu>li>a{color:var(--text)}@media (min-width:768px){.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>.treeview-menu,.sidebar-mini.sidebar-collapse .sidebar-menu>li:hover>a>span:not(.pull-right){background:var(--drop-down-menu-bg);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover;color:var(--text)}}.content-wrapper,.right-side{background:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}.page-header>small{color:var(--text-muted)}.main-footer .nav-tabs,.nav-tabs-custom .nav-tabs{background-color:rgb(0 0 0 / .25);border-bottom-color:rgb(255 255 255 / 15%)}.nav-tabs-custom>.nav-tabs>li:hover{background-color:rgba(255,255,255,.05);color:var(--text-hover);border-top-color:rgb(var(--accent-color))}.nav-tabs-custom>.nav-tabs>li:hover>a{background-color:rgba(255,255,255,.05)}.box-header{color:var(--text-hover)}.box{background:rgba(0,0,0,.24);box-shadow:0 1px 1px rgba(0,0,0,.1)}.box-solid>.box-header,.box>.box-header{color:var(--text);background-color:rgba(0,0,0,.25)}.small-box.bg-green{background-color:rgba(0,166,90,.45)!important}.small-box.bg-aqua{background-color:rgba(0,192,239,.45)!important}.small-box.bg-yellow{background-color:rgba(243,156,18,.45)!important}.small-box.bg-red{background-color:rgba(221,75,57,.45)!important}thead{color:var(--text-hover)}.table-bordered{background:rgba(0,0,0,.1)}.table-bordered>tbody>tr>td,.table-bordered>tbody>tr>th,.table-bordered>tfoot>tr>td,.table-bordered>tfoot>tr>th,.table-bordered>thead>tr>td,.table-bordered>thead>tr>th{border:1px solid rgba(255,255,255,.15)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(255,255,255,.1)}.text-black{color:#eee!important}.paginate_button .active #all-queries_wrapper .pagination>li>a,.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:var(--button-text);background-color:var(--button-color);border-color:var(--button-color)}.pagination>.active>a,.pagination>.active>a:focus,.pagination>.active>a:hover,.pagination>.active>span,.pagination>.active>span:focus,.pagination>.active>span:hover{color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.pagination>li>a{color:var(--button-text)!important;background-color:var(--button-color)!important;border-color:var(--button-color)!important}.pagination>li>a:focus,.pagination>li>a:hover,.pagination>li>span:focus,.pagination>li>span:hover{color:var(--button-text-hover)!important;background-color:var(--button-color-hover)!important;border-color:var(--button-color-hover)!important}.panel-default{border-color:transparent;background:rgba(0,0,0,.25)}.panel-default>.panel-heading{color:var(--text-hover);background-color:inherit;border-color:transparent}.panel,.panel-body,.panel-default>.panel-heading{background-color:rgb(0 0 0 / 25%);border-radius:0;border:1px solid transparent;color:var(--text)}.nav-tabs-custom{background:rgba(0,0,0,.25)}.nav-tabs-custom>.tab-content{background:0 0}.nav-tabs-custom>.nav-tabs>li.active{border-top-color:rgb(var(--accent-color))}.nav-tabs-custom>.nav-tabs>li.active>a{border-top-color:transparent;border-left-color:rgba(255,255,255,.1);border-right-color:rgba(255,255,255,.1)}.nav-tabs-custom>.nav-tabs>li.active:hover>a,.nav-tabs-custom>.nav-tabs>li.active>a{background-color:rgba(0,0,0,.25);color:rgb(var(--accent-color))!important}.nav-tabs-custom>.nav-tabs>li>a{color:var(--text)!important;border-radius:0}.input-group .input-group-addon{border-radius:0;border-color:#d2d6de00;background-color:rgb(var(--accent-color));color:var(--text)}.table-striped>tbody>tr:nth-of-type(odd){background-color:rgba(0,0,0,.25)!important}.table-striped>tbody>tr:nth-of-type(even){background-color:rgba(0,0,0,.5)!important}#network-entries_wrapper.text-center{text-align:center;color:var(--text)!important}.btn-default,button{background-color:var(--button-color)!important;border:1px solid var(--button-color)!important;color:var(--button-text)!important}.btn-primary.hover,.btn-primary:active,.btn-primary:hover{background-color:var(--button-color-hover)!important;border:1px solid var(--button-color-hover)!important;color:var(--button-text-hover)!important}.btn-default.hover,.btn-default:active,.btn-default:hover{background-color:var(--button-color-hover)!important;border:1px solid var(--button-color-hover)!important;color:var(--button-text-hover)!important}.box.box-solid>.box-header .btn:hover,.box.box-solid>.box-header a:hover{background-color:var(--button-color-hover)!important;border:1px solid var(--button-color-hover)!important;color:var(--button-text-hover)!important}.box.box-solid.box-info,.box.box-solid.box-info>.box-header{background-color:var(--button-color)!important;border:1px solid var(--button-color)!important;color:var(--button-text)!important}.btn-danger{background-color:#dd4b39!important;border-color:#d73925!important}.btn-danger.hover,.btn-danger:active,.btn-danger:hover{background-color:#d73925!important}.btn-warning{background-color:#f39c12!important;border-color:#e08e0b!important}.btn-warning:hover{color:#fff;background-color:#ec971f!important;border-color:#d58512!important}.box.box-warning{border-top-color:rgb(var(--accent-color))}.icheck-primary>input:first-child:checked+input[type=hidden]+label::before,.icheck-primary>input:first-child:checked+label::before{background-color:var(--button-color)!important;border-color:var(--button-color)!important}.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+input[type=hidden]+label::before,.icheck-primary>input:first-child:not(:checked):not(:disabled):hover+label::before{border-color:var(--button-color)!important}.box-footer,.datatables_processing,.form-control,input,pre{background:rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.1);color:var(--text)}.dataTables_wrapper input[type=search]{background-color:rgb(0 0 0 / 25%);color:var(--text-hover)}.daterangepicker select.ampmselect,.daterangepicker select.hourselect,.daterangepicker select.minuteselect,.daterangepicker select.secondselect,.form-control,.form-group .input-group-addon,.form-group input,.form-group textarea,.input-group .input-group-addon,.input-group input,.input-group textarea,div.dataTables_wrapper div.dataTables_length select,input,select,select.form-control{background-color:rgb(0 0 0 / .25);color:var(--text);border:1px solid rgb(255 255 255 / 15%)}select.form-control:focus,select:focus{background:#1b1b1b!important;color:var(--text-hover)!important}.form-control:focus{border-color:rgb(255 255 255 / .25);box-shadow:none;color:var(--text-hover)}.select2 .select2-selection,.select2-dropdown{background:var(--drop-down-menu-bg);color:var(--text);border:1px solid rgba(255,255,255,.1)}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:rgb(var(--accent-color));color:var(--label-text-color)}::-webkit-scrollbar{width:0}::-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:var(--main-bg-color);background-repeat:repeat,no-repeat;background-attachment:fixed,fixed;background-position:center center,center center;background-size:auto,cover;-webkit-background-size:auto,cover;-moz-background-size:auto,cover;-o-background-size:auto,cover}::-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} diff --git a/CSS/themes/pihole/plex.css b/CSS/themes/pihole/plex.css index c3c7f6d6..6cf777bb 100644 --- a/CSS/themes/pihole/plex.css +++ b/CSS/themes/pihole/plex.css @@ -12,13 +12,4 @@ /* PI-HOLE PLEX THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-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; - --link-color: #ffc107; - } \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/plex.css); \ No newline at end of file diff --git a/CSS/themes/pihole/space-gray.css b/CSS/themes/pihole/space-gray.css index 653c2ab5..9bab6eec 100644 --- a/CSS/themes/pihole/space-gray.css +++ b/CSS/themes/pihole/space-gray.css @@ -12,13 +12,4 @@ /* PI-HOLE SPACE GRAY THEME */ @import url(https://theme-park.dev/CSS/themes/pihole/pihole-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; - --link-color: #81a6b7; -} \ No newline at end of file +@import url(https://theme-park.dev/CSS/variables/space-gray.css); \ No newline at end of file