Improve GNU manual CSS dark mode

Author: afh

source/stylesheets/darkmode.css.scss

@@ -1,37 +1,45 @@
 :root {
   --light-color:#121212;
   --light-background-color:#fcfcfc;
+  --light-site-background-color:#e7e7e7;
   --light-highlight-code-background-color:#eee;
   --light-link-color:#00e;
   --light-visited-color:#551a8b;
-  --light-example-brightness:95%;
+  --light-example-brightness:100%;
+  --light-example-background:#f2efe4;
 
   --dark-color:#fefefe;
   --dark-background-color:#212121;
+  --dark-site-background-color:#323232;
   --dark-highlight-code-background-color:#333;
   --dark-link-color:#2997ff;
   --dark-visited-color:#aa6fdf;
-  --light-example-brightness:125%;
+  --dark-example-brightness:125%;
+  --dark-example-background:#323232;
 }
 
 @media (prefers-color-scheme: light) {
   :root {
     --color:var(--light-color);
     --background-color:var(--light-background-color);
+    --site-background-color:var(--light-site-background-color);
     --highlight-code-background-color:var(--light-highlight-code-background-color);
     --link-color:var(--light-link-color);
     --visited-color:var(--light-visited-color);
     --example-brightness:var(--light-example-brightness);
+    --example-background:var(--light-example-background);
   }
 }
 @media (prefers-color-scheme: dark) {
   :root {
     --color:var(--dark-color);
     --background-color:var(--dark-background-color);
+    --site-background-color:var(--dark-site-background-color);
     --highlight-code-background-color:var(--dark-highlight-code-background-color);
     --link-color:var(--dark-link-color);
     --visited-color:var(--dark-visited-color);
     --example-brightness:var(--dark-example-brightness);
+    --example-background:var(--dark-example-background);
   }
 }
 

source/stylesheets/doc.css.scss

@@ -1,16 +1,21 @@
 @import url("darkmode.css");
 
-body, html, div.example {
+html {
+  background-color:var(--site-background-color);
+}
+
+body {
   color:var(--color);
-  background:var(--background-color);
+  background-color:var(--background-color);
 }
 
-h1, h2, h3, h4 {
+h1, h2, h3, h4, div.example {
   color:var(--color);
 }
 
 div.example {
-  filter:brightness(var(--exmaple-brightness));
+  filter:brightness(var(--example-brightness));
+  background-color:var(--example-background);
 }
 
 :link, a[href]:hover {