Fix LCARS visual and allow user selected checkbox theme

Signed-off-by: RD WebDesign <github@rdwebdesign.com.br>
pi-hole · Sep 7, 2022 · 262a5cd · 262a5cd
1 parent 4da41e1
commit 262a5cd
Show file tree

Hide file tree

Showing 3 changed files with 21 additions and 8 deletions.
diff --git a/scripts/pi-hole/php/header_authenticated.php b/scripts/pi-hole/php/header_authenticated.php
@@ -137,7 +137,7 @@ function getTemperature()
 
 require 'header.php';
 ?>
-<body class="hold-transition sidebar-mini<?php if ($boxedlayout) { ?> layout-boxed<?php } ?><?php if ($auth) { ?> logged-in<?php } ?>">
+<body class="<?php echo $theme; ?> hold-transition sidebar-mini<?php if ($boxedlayout) { ?> layout-boxed<?php } ?><?php if ($auth) { ?> logged-in<?php } ?>">
 <noscript>
     <!-- JS Warning -->
     <div>

diff --git a/style/pi-hole.css b/style/pi-hole.css
@@ -758,27 +758,29 @@ li:not(.menu-open) .treeview-menu .warning-count {
 }
 
 /* Domains table: filter by type - smaller icheck */
-.filter_types .icheck-primary[class*="icheck-"] > label {
+body:not(.lcars) .filter_types [class*="icheck-"] > label {
   padding-left: 1.5em !important;
   line-height: 1.2em;
   min-height: 1.2em;
 }
-.filter_types
-  .icheck-primary[class*="icheck-"]
+body:not(.lcars)
+  .filter_types
+  [class*="icheck-"]
   > input:first-child
   + input[type="hidden"]
   + label::before,
-.filter_types .icheck-primary[class*="icheck-"] > input:first-child + label::before {
+body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child + label::before {
   width: 1.2em;
   height: 1.2em;
   margin-left: -1.55em;
 }
-.filter_types
-  .icheck-primary[class*="icheck-"]
+body:not(.lcars)
+  .filter_types
+  [class*="icheck-"]
   > input:first-child:checked
   + input[type="hidden"]
   + label::after,
-.filter_types .icheck-primary[class*="icheck-"] > input:first-child:checked + label::after {
+body:not(.lcars) .filter_types [class*="icheck-"] > input:first-child:checked + label::after {
   width: 0.35em;
   height: 0.7em;
   top: -0.2em;

diff --git a/style/themes/lcars.css b/style/themes/lcars.css
@@ -1743,6 +1743,17 @@ table.dataTable {
   }
 }
 
+/* Domains table: filter by type */
+.filter_types span {
+  width: 132px;
+}
+[class*="icheck-"] > label {
+  color: var(--text-color);
+}
+[class*="icheck-"] > label:hover {
+  color: #cde !important;
+}
+
 /*** Used by the long-term pages ***/
 .daterangepicker {
   background-color: #345;