update css colors

docs/style.css

@@ -10,10 +10,12 @@
 :root{
 
     /* background colors */
-    --bg:#fff;
+    --bg:none;
+    --bg-body: #fff;
     --bg-navlinkactive:#f4f4f4;
-    --bg-navlinkactive: linear-gradient(-90deg,#fff, #f0f0f0 30%);
+    --bg-navlinkactive: linear-gradient(-90deg,rgba(0,0,0,0), rgba(40,60,80,0.05) 30%);
     --bg-pre:#f8f8f8;
+    --bg-toc: #fff;
 
     /* foreground colors */
     --color: #234;
@@ -21,18 +23,20 @@
     --title: #aaa;
 
     --link:#12a;
-    --toclink:#666;
+    --toclink:rgba(40,60,80,0.8);
 
-    --h1: #666;
-    --h1-bottom: 1px solid #eee;
-    --h2: #888;
-    --h3: #aaa;
+    --h1: rgba(40,60,80,0.8);
+    --h1-bottom: 1px solid rgba(40,60,80,0.1);
+    --h2: rgba(40,60,80,0.5);
+    --h3: rgba(40,60,80,0.3);
 
 }
 
 /* ---------- tags ---------- */
 
 body, *{color: var(--color); }
+body{background: var(--bg-body);}
+
 
 a{color: var(--link);}
 a:hover{opacity: 0.7;}
@@ -59,13 +63,16 @@ h1:nth-child(1)>a{ color:var(--navlinkactive); }
 /* ----- top left */
 .Brand,
 .Columns__left {
-	background-color: var(--bg);
+	background: var(--bg);
 	border-right: 0px solid #e7e7e9;
     color: var(--color);
 }
 .Brand{font-size: 200%;
-    background: #fafafa;
-    background: linear-gradient(-10deg,#fff 50%, #ddd);
+    background_: linear-gradient(-10deg,#fff 50%, #ddd);
+    background: var(--bg);
+}
+.Columns__right__content {
+	background: var(--bg);
 }
 
 /* ----- Navi left */
@@ -123,15 +130,13 @@ h1:nth-child(1)>a{ color:var(--navlinkactive); }
 
 .TableOfContentsContainer{
     border-top-left-radius: 1em;
-    background-color: var(--bg);
+    background-color: var(--bg-toc);
 	border-left: 2px solid rgba(0,0,0,0.05);
     padding: 0em;
 }
 .TableOfContentsContainer__content {
 
 	border: none;
-	_border-left: 3px solid #eee;
-
 	font-size: 0.5em;
 
 }