fixes #50

nomadjimbob · May 12, 2023 · a755188 · a755188
1 parent ce274c1
commit a755188
Show file tree

Hide file tree

Showing 3 changed files with 42 additions and 5 deletions.
diff --git a/assets/mikio.less b/assets/mikio.less
@@ -110,9 +110,12 @@
     --footer-link-hover-color: @ini_footer_link_hover_color;
     --footer-background-color: @ini_footer_background_color;
     --table-header-row-background-color: @ini_table_header_row_background_color;
+    --table-header-row-text-color: @ini_table_header_row_text_color;
     --table-row-border-color: @ini_table_row_border_color;
     --table-odd-row-background-color: @ini_table_odd_row_background_color;
+    --table-odd-row-text-color: @ini_table_odd_row_text_color;
     --table-even-row-background-color: @ini_table_even_row_background_color;
+    --table-even-row-text-color: @ini_table_even_row_text_color;
     --dropdown-color: @ini_dropdown_color;
     --dropdown-hover-color: @ini_dropdown_hover_color;
     --dropdown-border-color: @ini_dropdown_border_color;
@@ -212,9 +215,12 @@
     --footer-link-hover-color: @ini_darkmode_footer_link_hover_color;
     --footer-background-color: @ini_darkmode_footer_background_color;
     --table-header-row-background-color: @ini_darkmode_table_header_row_background_color;
+    --table-header-row-text-color: @ini_darkmode_table_header_row_text_color;
     --table-row-border-color: @ini_darkmode_table_row_border_color;
     --table-odd-row-background-color: @ini_darkmode_table_odd_row_background_color;
+    --table-odd-row-text-color: @ini_darkmode_table_odd_row_text_color;
     --table-even-row-background-color: @ini_darkmode_table_even_row_background_color;
+    --table-even-row-text-color: @ini_darkmode_table_even_row_text_color;
     --dropdown-color: @ini_darkmode_dropdown_color;
     --dropdown-hover-color: @ini_darkmode_dropdown_hover_color;
     --dropdown-border-color: @ini_darkmode_dropdown_border_color;
@@ -1330,21 +1336,28 @@ html, body {
     border-bottom: 1px solid var(--table-row-border-color);
 
     tr {
-        border-top: 1px solid var(--table-row-border-color);        
+        border-top: 1px solid var(--table-row-border-color);
     }
 
     td, th {
         padding: .75rem;
         text-align: left;    
     }
 
+    thead tr {
+        background-color: var(--table-header-row-background-color);
+        color: var(--table-header-row-text-color);
+    }
+
     tbody tr {
         &:nth-child(odd) {
             background-color: var(--table-odd-row-background-color);
+            color: var(--table-odd-row-text-color);
         }
 
         &:nth-child(even) {
             background-color: var(--table-even-row-background-color);
+            color: var(--table-even-row-text-color);
         }
     }    
 }
@@ -1731,6 +1744,7 @@ code, pre {
 
     .mikio-config-table-header {
         background-color: var(--table-header-row-background-color);
+        color: var(--table-header-row-text-color);
         font-weight: bold;
 
         .mikio-iicon {
@@ -1750,10 +1764,12 @@ code, pre {
 
                 &:nth-child(odd) {
                     background-color: var(--table-odd-row-background-color);
+                    color: var(--table-odd-row-text-color);
                 }
 
                 &:nth-child(even) {
                     background-color: var(--table-even-row-background-color);
+                    color: var(--table-even-row-text-color);
                 }
             }
         }
@@ -1785,10 +1801,12 @@ code, pre {
     #acl_manager table tr {
         &:nth-child(odd) {
             background-color: var(--table-odd-row-background-color);
+            color: var(--table-odd-row-text-color);
         }
 
         &:nth-child(even) {
             background-color: var(--table-even-row-background-color);
+            color: var(--table-even-row-text-color);
         }
     }
 }
@@ -1916,10 +1934,12 @@ code, pre {
         padding: .5rem 1rem;
         border-top: 1px solid var(--table-row-border-color);
         background-color: var(--table-even-row-background-color);
+        color: (--table-even-row-text-color);
     }
 
     li:nth-child(odd) {
         background-color: var(--table-odd-row-background-color);
+        color: var(--table-odd-row-text-color);
     }
 
     .li {
@@ -1956,10 +1976,12 @@ code, pre {
         padding: .5rem 1rem;
         border-top: 1px solid var(--table-row-border-color);
         background-color: var(--table-even-row-background-color);
+        color: var(--table-even-row-text-color);
     }
 
     li:nth-child(odd) {
         background-color: var(--table-odd-row-background-color);
+        color: var(--table-odd-row-text-color);
     }
 
     .li {
@@ -2178,13 +2200,15 @@ code, pre {
 
             li {
                 background-color: var(--table-odd-row-background-color);
+                color: var(--table-odd-row-text-color);
                 max-height: none;
                 font-size: 90%;
-                color: var(--text);
+                // color: var(--text);
                 overflow: auto;
 
                 &:nth-child(2n+1) {
                     background-color: var(--table-even-row-background-color);
+                    color: var(--table-even-row-text-color);
                 }
 
                 a {
@@ -2408,10 +2432,12 @@ code, pre {
 
         .odd {
             background-color: var(--table-odd-row-background-color);
+            color: var(--table-odd-row-text-color);
         }
 
         .even {
             background-color: var(--table-even-row-background-color);
+            color: var(--table-even-row-text-color);
         }
     }
 }
@@ -2556,9 +2582,11 @@ code, pre {
         border-top: 1px solid var(--table-row-border-color);
         padding: .75rem;
         background-color: var(--table-odd-row-background-color);
+        color: var(--table-odd-row-text-color);
 
         &:nth-child(2n+1) {
             background-color: var(--table-even-row-background-color);
+            color: var(--table-even-row-text-color);
         }
 
         .snippet {

diff --git a/lang/en/lang.php b/lang/en/lang.php
@@ -146,10 +146,11 @@
 $lang['__table_font_size__']                    = 'The font size for tables';
 $lang['__table_row_border_color__']             = 'The border color for tables';
 $lang['__table_header_row_background_color__']  = 'The background color for table heading rows';
-$lang['__table_odd_row_color__']                = 'The font color for table odd rows';
+$lang['__table_header_row_text_color__']        = 'The font color for table heading rows';
+$lang['__table_odd_row_text_color__']           = 'The font color for table odd rows';
 $lang['__table_odd_row_background_color__']     = 'The background color for table odd rows';
-$lang['__table_even_row_color__']               = 'The font color for table even rows';
-$lang['__table_even_row_background_color__']    = 'The background color for table odd rows';
+$lang['__table_even_row_text_color__']          = 'The font color for table even rows';
+$lang['__table_even_row_background_color__']    = 'The background color for table even rows';
 
 $lang['__dropdown_color__']             = 'The font color for dropdown menus';
 $lang['__dropdown_hover_color__']       = 'The font color when the cursor hovers over dropdown menu items';

diff --git a/style.ini b/style.ini
@@ -167,8 +167,11 @@ __footer_background_color__ = "#ccc"
 __table_font_size__                     = "90%"
 __table_row_border_color__              = "#e5e5e5"
 __table_header_row_background_color__   = "#ddd"
+__table_header_row_text_color__         = "#000"
 __table_odd_row_background_color__      = "#fff"
+__table_odd_row_text_color__            = "#000";
 __table_even_row_background_color__     = "#f2f2f2"
+__table_even_row_text_color__           = "#000";
 
 ; Dropdown
 __dropdown_color__              = "#1a1a1a"
@@ -306,8 +309,13 @@ __darkmode_footer_background_color__    = "#111"
 ; Table
 __darkmode_table_row_border_color__             = "#444"
 __darkmode_table_header_row_background_color__  = "#00bc8c"
+__darkmode_table_header_row_text_color__        = "#fff"
 __darkmode_table_odd_row_background_color__     = "#222"
+__darkmode_table_odd_row_text_color__           = "#fff";
 __darkmode_table_even_row_background_color__    = "#333"
+__darkmode_table_even_row_text_color__          = "#fff";
+
+
 
 ; Drop Down
 __darkmode_dropdown_color__             = "#fff"