Define dialog window colors using variables

css/style.css

@@ -6,7 +6,15 @@
   -moz-user-select: none;
   -webkit-user-select: none;
 }
-html, body {border: 0; padding: 0; cursor: default; overflow: hidden; background-color: #F5F5F5; height: 100%;}
+html, body {
+  border: 0;
+  padding: 0;
+  cursor: default;
+  overflow: hidden;
+  color: var(--text-color);
+  background-color: #F5F5F5;
+  height: 100%;
+}
 html, body, input,select,button,textarea{font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px;}
 div, td, label, fieldset, textarea, select, input, button, dialog {
   box-sizing: border-box;
@@ -27,7 +35,7 @@ fieldset {
   padding: 0.25rem 0.5rem;
 }
 legend {
-  color: #000000;
+  color: var(--text-header-color);
   font-weight: bold;
   float: unset; /* prevent collision with bootstrap */
   width: unset; /* prevent collision with bootstrap */
@@ -86,6 +94,9 @@ span {
 .light-theme { color-scheme: light; }
 .dark-theme { color-scheme: dark; }
 :root {
+  --text-color: #000000;
+  --text-header-color: var(--text-color);
+
   --menu-color: #000000;
   --menu-background-color: #ffffff;
   --menu-border-color: #d0d0d0;
@@ -99,7 +110,6 @@ span {
   --menu-item-active-icon: url(data:image/gif;base64,R0lGODlhBwAHAPABAAAAAACMFCH5BAUAAAEALAAAAAAHAAcAAAIMjA9nwMj9wmuLIlUAADs=);
   --menu-item-exp-icon: url(data:image/gif;base64,R0lGODlhCAAHAPABAAAAAAAAACH5BAUAAAEALAAAAAAIAAcAAAIMRI4Blrq9HoqQJZsKADs=);
 
-  --settings-background-color: #fafafa;
   --container-bg-color: #ffffff;
   --container-border-color: #a0a0a0;
   --btn-bg-color: #F0F0F0;
@@ -141,7 +151,7 @@ category-list.hide-textoverflow panel-label::part(text) {
   text-overflow: ellipsis;
 }
 dialog {
-  background-color: var(--settings-background-color);
+  background-color: var(--dialog-bg-color);
   border-color: var(--menu-border-color);
 }
 form{margin:0;}
@@ -160,7 +170,7 @@ div#modalbg {left: 0px; top: 0px; z-index: 500; display: none; opacity: 0.5; bac
   left: 0px;
   top: 0px;
   background-color: var(--dialog-bg-color);
-  color: #000000;
+  color: var(--text-color);
   border: 2px solid var(--dialog-border-color);
   border-radius: 8px;
   outline: 0px solid transparent;
@@ -188,9 +198,12 @@ div#modalbg {left: 0px; top: 0px; z-index: 500; display: none; opacity: 0.5; bac
   position: sticky;
   top: 0;
   padding: 0.5rem;
+  color: var(--text-header-color);
   background-color: var(--header-bg-color);
   border-bottom: 1px solid var(--header-border-color);
-  border-radius: 10px 10px 0 0;
+  border-radius: inherit;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
 }
 .dlg-header > div:first-child {
   line-height: 2rem;
@@ -437,7 +450,6 @@ div#HDivider, div#VDivider {flex: 0 0 5px;}
 #stg {
   width: 95vw;
   height: 95vh;
-  background-color: var(--settings-background-color);
 }
 #stg_c {
   display: flex;
@@ -508,13 +520,12 @@ div#stg .lm {
 .stg_con {
   display: none;
   margin-bottom: auto;
-  background-color: var(--settings-background-color);
   overflow: hidden auto;
 }
 .stg_con legend {
   position: sticky;
   top: 0;
-  background-color: var(--settings-background-color);
+  background-color: var(--dialog-bg-color);
 }
 .ie9 .stg_con {position: static}
 .stg_con table {width: 100%}
@@ -688,7 +699,6 @@ span#loadimg {padding: 20px; background: transparent url(../images/ajax-loader.g
 }
 .buttons-group-row {margin: 0.25rem; gap: 0.25rem; display: flex; flex-direction: row;}
 
-.ie fieldset {padding: 5px}
 #servertime { text-align: center }
 #viewrows { text-align: center; }
 

plugins/rss/rss.css

@@ -20,7 +20,7 @@ div#RSSList {border: 1px solid var(--menu-border-color); background-color: var(-
 .lf li input.TextboxNormal { width: 85%; background-color: var(--menu-background-color) }
 .lf li input { border: 0; font-size: 11px; font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; cursor: default; font-weight: bold; }
 div#FLTchk_buttons {padding-top: 5px; width: 260px; text-align:center}
-.rf {background-color: var(--settings-background-color);}
+.rf {background-color: var(--dialog-bg-color);}
 div#FLT_buttons {clear: both}
 
 #chkFilterBtn {width: 50px}

plugins/theme/themes/Acid/style.css

@@ -1,5 +1,8 @@
-html, body { background-color: #1e2124; color: #BDDBDB }
+html, body { background-color: #1e2124; }
 :root {
+  --text-color: #bddbdb;
+  --text-header-color: #00ff00;
+
   --menu-color: #00FF00;
   --menu-background-color: #1e2124;
   --menu-border-color: #a0a0a0;
@@ -13,7 +16,6 @@ html, body { background-color: #1e2124; color: #BDDBDB }
   /* --menu-item-active-icon: undefined - inherit from standard theme; */
   --menu-item-exp-icon: url(data:image/gif;base64,R0lGODlhCAAHAMQAAAAAAP///wD4AADpAADKAAC5AAC1AACwAAChAACQAACIAAT/BCX/JTH/MU//T1X/VW3/bW//b////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABIALAAAAAAIAAcAAAUYYCSNpAQ55fg0S8oIxFEORpIWSiohuhQCADs=);
 
-  --settings-background-color: #272E36;
   --container-bg-color: #272E36;
   --container-border-color: #a0a0a0;
   --btn-bg-color: #D7D7D7;
@@ -80,7 +82,6 @@ panel-label[selected] {
 div#preload {background-image: url(./images/toolbar.png); background-image: url(./images/tstatus.png); background-image: url(./images/t_bg.png); background-image: url(./images/r_bg.gif); background-image: url(./images/i_bg.gif); background-image: url(./images/asc.gif); background-image: url(./images/desc.gif); background-image: url(./images/file.gif); background-image: url(./images/dir.gif); background-image: url(./images/pnl_open.gif); background-image: url(./images/pnl_close.gif)}
 div#cover {background: #272E36}
 div#msg {background: #272E36; border-top: 1px solid #D0D0D0; border-bottom: 1px solid #D0D0D0; color: #00ff00;}
-.dlg-window { color: #BDDBDB }
 
 div#modalbg {background-color: #181818;}
 
@@ -111,7 +112,6 @@ div#side-panel ul li.sel {background-color: #BDDBDB; border-color: #BDDBDB; colo
 
 .stable-icon {background-image: url(./images/tstatus.png); }
 
-#stg { background-color: #272E36; color: #BDDBDB; border: 2px solid #909090; }
 div#stg .lm { background-color: #272E36; border: 1px solid #D0D0D0; }
 
 .lm li div > div {
@@ -126,14 +126,8 @@ div#stg .lm { background-color: #272E36; border: 1px solid #D0D0D0; }
 .lm li div.toggle { background: transparent url(./images/exp.gif) no-repeat scroll center center; }
 .lm li a {color: #BDDBDB; }
 .lm li a.focus {background-color: #BDDBDB; color: #272E36;}
-.stg_con {background-color: #272E36}
 
 input.disabled, button.disabled {background-color: #272E36; }
-legend {color: #00FF00; font-weight: bold}
-
-#st_gl {background: #272E36; color: #BDDBDB;}
-#st_dl, #st_con, #st_bt, #st_que, #st_sch, #st_ao, #st_dc { color: #BDDBDB;}
-#st_autotools, #st_retrackers, #st_starter, #st_ratio, #st_throttle, #st_unpack, #st_scheduler {color: #BDDBDB;} 
 
 a { color: #00ff00; font-weight: bold;}
 
@@ -159,8 +153,6 @@ div#gcont div.row.Header {background: #323A46;}
   font-weight: bold;
 }
 
-.dlg-header {color: #00FF00;}
-
 /* Dialog window icons */
 #stg-header {background-image: url(./images/settings.gif);}
 #tadd-header {background-image: url(./images/world.gif); }

plugins/theme/themes/Blue/style.css

@@ -1,5 +1,8 @@
 html, body { background-color: #DFE8F6 }
 :root {
+  --text-color: #000000;
+  --text-header-color: #15428b;
+
   --menu-color: #222222;
   --menu-background-color: #F0F0F0;
   --menu-border-color: #718BB7;
@@ -13,7 +16,6 @@ html, body { background-color: #DFE8F6 }
   --menu-item-active-icon: url(data:image/gif;base64,R0lGODlhBwAHAPABAAAAAACMFCH5BAUAAAEALAAAAAAHAAcAAAIMjA9nwMj9wmuLIlUAADs=);
   --menu-item-exp-icon: url(data:image/gif;base64,R0lGODlhDAAJAPQUACluvipxvzJ1vyxwwCt1yjp6zjiC1jmE0zyE0z2I3UeLyUGJ2VWUzlKg7FSg6Weg1WKq8Y7D9orD/JXL/0D/QAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAABQALAAAAAAMAAkAAAUkoEGNZEkliGkS06GSRCQtL0U40CO8RMMENYICULMNipQCkhICADs=);
 
-  --settings-background-color: #DFE8F6;
   --container-bg-color: #ffffff;
   --container-border-color: #99bbe8;
   --btn-bg-color: #F0F0F0;
@@ -96,7 +98,5 @@ input[type="text"][disabled],input[type="password"][disabled],input[type="file"]
 .statuscell { border-color: #99BBE8;}
 .sthdr { color: #15428B; }
 
-.dlg-header {color: #15428B;}
-
 div#stg .lm { background-color: #FAFAFA; border: 1px solid #D0D0D0; }
 .lm li a.focus {background-color: #D9E8FB}

plugins/theme/themes/Dark/style.css

@@ -1,5 +1,8 @@
 html, body {background-color: #181818; color: #999999; }
 :root {
+  --text-color: #888888;
+  --text-header-color: #888888;
+
   --menu-color: #666666;
   --menu-background-color: #181818;
   --menu-border-color: #333333;
@@ -13,7 +16,6 @@ html, body {background-color: #181818; color: #999999; }
   --menu-item-active-icon: url(data:image/gif;base64,R0lGODlhBQAFAPMIAP////n5+dXV1c/Pz8nJycbGxsDAwLS0tACMFAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAUAAAgALAAAAAAFAAUAAAQPEA1AkAC4YBwmNogBHEgEADs=);
   --menu-item-exp-icon: url(data:image/gif;base64,R0lGODlhCAAHAPABAP///wCMFCH5BAUAAAEALAAAAAAIAAcAAAIMRI4Blrq9HoqQJZsKADs=);
 
-  --settings-background-color: #181818;
   --container-bg-color: #181818;
   --container-border-color: #333333;
   --btn-bg-color: #999999;
@@ -132,10 +134,6 @@ div#modalbg {background-color: #181818;}
 
 div#FileList, div#TrackerList, div#PeerList, div#Speed {background-color: #181818}
 
-#stg { background-color: #181818; color: #888888; border: 1px solid #333333}
-
-div#stg .lm {background-color: #181818; border: 1px solid #333333}
-
 .lm li div > div {
   border-left-color: #616161;
 }
@@ -148,11 +146,9 @@ div#stg .lm {background-color: #181818; border: 1px solid #333333}
 .lm li div.toggle {background: transparent url(./images/exp.gif) no-repeat scroll center center}
 .lm li a {color: #888888}
 .lm li a.focus {background-color: #333333}
-.stg_con {background-color: #181818}
 * > fieldset {border: 1px solid #333333}
 input.disabled, button.disabled {background-color: #181818; color: #333333; border: 1px solid #333333}
 td.disabled, label.disabled, span.disabled, div.disabled {color: #333333}
-legend {color: #888888}
 select.cols {border: 1px solid #333333}
 div#tdetails {background-color: #181818}
 
@@ -171,7 +167,6 @@ div#tdetails {background-color: #181818}
 }
 
 div#dlgProps textarea#prop-trackers {background: #181818; border: 1px solid #333333}
-.dlg-window {color: #888888;}
 
 div.tab {background-color: #181818}
 

plugins/theme/themes/DarkBetter/style.css

@@ -1,5 +1,8 @@
 html, body {background-color: #181818; color: #999999; }
 :root {
+  --text-color: #888888;
+  --text-header-color: #888888;
+
   --menu-color: #666666;
   --menu-background-color: #181818;
   --menu-border-color: #333333;
@@ -13,7 +16,6 @@ html, body {background-color: #181818; color: #999999; }
   --menu-item-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3e%3ccircle fill='%23FFF' cx='24' cy='24' r='19'/%3e%3c/svg%3e");
   --menu-item-exp-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3e%3cpath fill='%23FFF' d='M34 24L14 42V6z'/%3e%3c/svg%3e");
 
-  --settings-background-color: #181818;
   --container-bg-color: #181818;
   --container-border-color: #333333;
   --btn-bg-color: #D6D6D6;
@@ -278,10 +280,6 @@ div#modalbg {background-color: #181818}
 
 div#FileList, div#TrackerList, div#PeerList, div#Speed {background-color: #181818}
 
-#stg {background-color: #181818; color: #888888; border: 1px solid #333333}
-
-div#stg .lm {background-color: #181818; border: 1px solid #333333}
-
 .lm li div > div {
   border-left-color: #616161;
 }
@@ -294,7 +292,6 @@ div#stg .lm {background-color: #181818; border: 1px solid #333333}
 .lm li div.toggle {background: transparent url(./images/exp.gif) no-repeat scroll center center}
 .lm li a {color: #888888}
 .lm li a.focus {background-color: #333333}
-.stg_con {background-color: #181818}
 * > fieldset {border: 1px solid #333333}
 input.disabled, button.disabled {background-color: #181818; color: #333333; border: 1px solid #333333}
 td.disabled, label.disabled, span.disabled, div.disabled {color: #333333}
@@ -318,8 +315,6 @@ div#tadd {background-color: #181818; border: 1px solid #333333}
 }
 div#dlgProps textarea#prop-trackers {background: #181818; border: 1px solid #333333}
 
-.dlg-window {color: #888888;}
-
 div.tab {background-color: #181818}
 
 span#loadimg {background: transparent url(./images/ajax-loader.gif) no-repeat center center; background-size: 28px}

plugins/theme/themes/Excel/style.css

@@ -1,5 +1,8 @@
 html, body { background-color: #DFE8F6; scrollbar-arrow-color: #586585; scrollbar-base-color: #e3e9f0; scrollbar-track-color: #7797c1; }
 :root {
+  --text-color: #000000;
+  --text-header-color: #15428b;
+
   --menu-color: #000000;
   --menu-background-color: #f6f6f6;
   --menu-border-color: #002d96;
@@ -13,7 +16,6 @@ html, body { background-color: #DFE8F6; scrollbar-arrow-color: #586585; scrollba
   /* --menu-item-active-icon: undefined - inherit from standard theme; */
   /* --menu-item-exp-icon: undefined - inherit from standard theme; */
 
-  --settings-background-color: #FFFFFF;
   --container-bg-color: #d2e0f0;
   --container-border-color: #9eb6ce;
   --btn-bg-color: #f1f1ec;
@@ -75,12 +77,8 @@ div#gcont div.row.Header {background-color: #e4edf6;}
 #tdcont { color: #034084 }
 div#tdetails { background-color: transparent }
 
-.stg_con { background-color: #FFFFFF }
-div#stg .lm { background-color: #FAFAFA; border: 1px solid #D0D0D0; }
 .lm li a.focus {background-color: #D9E8FB}
 
-.dlg-window { color: #000000; }
-.dlg-header {color: #15428B;}
 .tabbar { background: transparent url(./images/tabbarbg.png) repeat-x 0 0 }
 .tabbar li.nav-item a.nav-link {
   border: none;

plugins/theme/themes/MaterialDesign/style.css

@@ -192,10 +192,12 @@ html,body
 {
 	font-family:'Roboto' !important;
 	background-color:#141414;
-	color:#fff;
 	text-shadow:0 -1px 0 #000
 }
 :root {
+  --text-color: #ffffff;
+  --text-header-color: #ffffff;
+
 	--menu-color: #757571;
 	--menu-border-color: #333;
 	--menu-background-color: #181818;
@@ -209,7 +211,6 @@ html,body
   --menu-item-active-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAICAYAAAA1BOUGAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAxUlEQVQImWMUFBRkQAO6MAYzJycnqgS3oBRLyqyj//79zWRC18YcULWDgYOL4Z+MDgMTg3vefybr6P8MDAy6TK5ZlxglVBn+vHzA8O/qPgaWvwxMDMwGXgwsCgaXGGW0Gf68fsjw5+YxBub7pw2Z2X5/fcEgLOfDLKXO8P/rR4bft04wMJ3dYMf05+cpZu5/33/9+fsn8z8zK8PfN48YGM6sC2X+9n4HAwMDAwsDA8NlljvHGH/++fOf6fNrO7aPLw7DHAcAYQxFFwvnY44AAAAASUVORK5CYII=);
   --menu-item-exp-icon: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAKCAYAAAB4zEQNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAmElEQVQYlWXNsQ2DMBRF0WuM6BByhcQADIFLl9SkZ6nskCYdI0DjDbwBJXJnxXEqJExO+a/0vlBKPYAXIIEvFwXwNsbQtm3kpgA+TdMwTRNa61RVVRYBkFIyDAPzPKeu61IWT3VdM44jfd+nv3j/mfHesyzL0zknyvMYY2TbNqy1IoQAQAlwHAfrurLvu7iuCKUUQAKyAPADcbArU+HIrAcAAAAASUVORK5CYII=);
 
-	--settings-background-color: #222;
   --container-bg-color: #181818;
   --container-border-color: #1b1b1b;
 	--btn-bg-color: #3498DB;
@@ -653,14 +654,6 @@ disabled
 	opacity:50%
 }
 
-div#stg .lm
-{
-	margin:5px 0 5px 5px;
-	padding:10px 5px 0;
-	background:none;
-	border:none
-}
-
 .lm li div > div {
   border-left-color: #AAAAAA;
   border-left-style: solid;
@@ -925,16 +918,6 @@ div#dlgProps textarea#prop-trackers
 
 .dlg-window {
 	box-shadow: 0 19px 38px rgba(0,0,0,0.60);
-	color: #fff;
-	border-top-color: #333;
-	border-right-color: #1b1b1b;
-	border-left-color: #1b1b1b;
-	border-bottom-color: #000;
-}
-
-#stg_c
-{
-	font-weight:300!important
 }
 
 #FS_main div.dlg-header
@@ -1138,4 +1121,3 @@ span.det {
 .sthdr { color: #FFF; }
 .stval { color: #FFF; }
 .tickLabel { color: #FFF; }
-.dlg-window legend { color: #FFF; }