Had round of defining missing color pairs

Author: iherman

epub33/common/css/common.css

@@ -48,8 +48,6 @@ dl.elemdef dfn {
 }
 
 /*  EBNF tables */
-
-
 table.productionset {
     border: none;
     border-left: 5px solid rgb(145,200,255);
@@ -169,8 +167,6 @@ td[headers="tbl-cmt-appl"] {
 }
 
 
-
-
 /****************************************************/
 /*  property tables                                 */
 /****************************************************/
@@ -249,7 +245,6 @@ table.prefix caption {
     font-size: 90%
 }
 
-
 /* Table zebra style... */
 
 table.zebra {
@@ -286,7 +281,6 @@ table.zebra tr:nth-child(even) {
 table.zebra th{border-bottom:1px solid #bbb;padding:.2em 1em;}
 table.zebra td{border-bottom:1px solid #ddd;padding:.2em 1em;}
 
-
 p.support {
 	border-left: 0.4rem solid rgb(255,255,0);
 	background-color: rgb(255,255,230);
@@ -327,36 +321,57 @@ a.epubcheck {
     background-color: antiquewhite ;
 }
 
+/***************** Dark mode settings ******************/
 
-/*********** These have been added for dark mode ***********/
-body.darkmode p.caution, body.darkmode div.caution {
+body.darkmode details.explanation, body.darkmode details.desc {
     color: black;
+    background-color: hsla(240, 0%, 68%, 1.0);
 }
 
-body.darkmode details.respec-tests-details[open] {
+body.darkmode table.zebra tr:nth-child(even) {
     color: black;
 }
 
-body.darkmode details.explanation, body.darkmode details.desc {
-    color: black;
-    background-color: antiquewhite ;
+body.darkmode dl.elemdef,
+body.darkmode table.tabledef th,
+body.darkmode table.tabledef td,
+body.darkmode table.productionset
+{
+    background-color: hsl(240, 0%, 20%);
+    color: #ddd
 }
 
-body.darkmode dl.elemdef {
-    color: black;
-    background-color: floralwhite;
+body.darkmode table.tabledef div.note {
+    background: hsl(0, 0%, 15%);
 }
 
-body.darkmode table.productionset {
-    color: black;
+body.darkmode p.caution, body.darkmode div.caution {
+    background-color: hsl(180, 40%, 20%);
 }
 
-body.darkmode img {
-    background: antiquewhite ;
+body.darkmode div.caution-title > span {
+    color: rgb(255,140,0)
 }
 
-body.darkmode table.zebra tr:nth-child(even) {
+body.darkmode details.respec-tests-details[open] {
+    background-color: antiquewhite;
     color: black;
 }
 
+body.darkmode details.explanation a,
+body.darkmode table.productionset a
+{
+    color: hsla(213, 100%, 48%, 1.0);
+}
+
+body.darkmode table.prefix th {
+    color: hsl(66, 100%, 95%);
+}
+
+body.darkmode img {
+    background: hsl(48, 33%, 93%) ;
+}
+
+
+