css: code blocks are now darker instead of lighter.

I like it better now. Also a few other related fixes. Thanks to
@Squareys for the idea!

diff --git a/css/m-components.css b/css/m-components.css
index 387c45449ace803de23c5405e4a20bbed50782d1..2c61c3097da0fd78b604f77bd0161737c8133e40 100644 (file)
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -1244,6 +1244,8 @@ article section:target figure.m-code-figure {
 .m-container-inflatable section:target section > figure.m-code-figure > pre:first-child {
   border-color: var(--line-color);
 }
+.m-container-inflatable section:target > figure.m-code-figure::before,
+.m-container-inflatable section:target section > figure.m-code-figure::before,
 .m-container-inflatable section:target > .m-note.m-default,
 .m-container-inflatable section:target section > .m-note.m-default {
   border-left-color: var(--line-color);
@@ -1275,12 +1277,9 @@ article section:target figure.m-code-figure {
 
 /* Code block (uses Pygments CSS classes) */
 pre.m-code span.hll {
-  border-color: var(--line-color);
   margin-left: -1.0rem;
   margin-right: -1.0rem;
-  border-left-style: solid;
-  border-left-width: 0.25rem;
-  padding-left: 0.75rem;
+  padding-left: 1.0rem;
 }
 pre.m-code.m-inverted {
   color: var(--code-inverted-color);

diff --git a/css/m-dark.css b/css/m-dark.css
index bd82a136db565e251a15f00086ba911a16dd7783..1711056d8f8a0959e32062577edb9e3d2a796fbe 100644 (file)
--- a/css/m-dark.css
+++ b/css/m-dark.css
@@ -55,7 +55,7 @@
   --mark-background-color: #c7cf2f;
   --code-color: #e6e6e6;
   --code-inverted-color: rgba(230, 230, 230, 0.33);
-  --code-background-color: #34424d;
+  --code-background-color: #22272e;
 
   /* Header */
   --header-border-width: 0 0 0.25rem 0;

diff --git a/css/pygments-dark.css b/css/pygments-dark.css
index 8f705c3156031b8324592490fd9fdf38718e5fed..16d1510f959fca602ef836afabeec6b559ff3864 100644 (file)
--- a/css/pygments-dark.css
+++ b/css/pygments-dark.css
@@ -1,4 +1,4 @@
-.m-code .hll { background-color: #405363 }
+.m-code .hll { background-color: #34424d }
 .m-code .c { color: #a5c9ea } /* Comment */
 .m-code .k { color: #ffffff; font-weight: bold } /* Keyword */
 .m-code .n { color: #dcdcdc } /* Name */

diff --git a/css/pygments-dark.py b/css/pygments-dark.py
index 535321a7028f69e4df53687861f1eb07d04ebfcf..23b3ff500c9a4e2367172e128ca9d8c69b692588 100644 (file)
--- a/css/pygments-dark.py
+++ b/css/pygments-dark.py
@@ -30,7 +30,7 @@ from pygments.token import Keyword, Name, Comment, String, Error, \
 class DarkStyle(Style):
 
     background_color = None
-    highlight_color = '#405363'
+    highlight_color = '#34424d'
     default_style = ""
 
     styles = {