From: Vladimír Vondruš <mosra@centrum.cz>
Date: Tue, 16 Jan 2018 11:45:09 +0000 (+0100)
Subject: css: separately configurable value for button background color.
X-Git-Url: https://www.chiark.greenend.org.uk/ucgi/~cjwatson/git?a=commitdiff_plain;h=1f79ba41bdd99c08a77f18db9d0ca82989417d85;p=blog.git

css: separately configurable value for button background color.

In particular, had to use a darker color than the default background
color of the dark theme as the contrast was too little with danger and
info buttons.
---

diff --git a/css/m-components.css b/css/m-components.css
index 617430b5..d966a9cb 100644
--- a/css/m-components.css
+++ b/css/m-components.css
@@ -978,7 +978,7 @@ table.m-table tr.m-dim th, table.m-table th.m-dim {
 }
 
 /* Colored button, label */
-div.m-button a, .m-label { color: var(--background-color); }
+div.m-button a, .m-label { color: var(--button-background-color); }
 div.m-button.m-default a, .m-label:not(.m-flat).m-default { background-color: var(--default-color); }
 div.m-button.m-primary a, .m-label:not(.m-flat).m-primary { background-color: var(--primary-color); }
 div.m-button.m-success a, .m-label:not(.m-flat).m-success { background-color: var(--success-color); }
diff --git a/css/m-dark.css b/css/m-dark.css
index b60318cc..6ca682f9 100644
--- a/css/m-dark.css
+++ b/css/m-dark.css
@@ -62,6 +62,7 @@
   --code-background-color: #282e36;
   --code-note-background-color: rgba(34, 39, 46, 0.5);
   --console-background-color: #000000;
+  --button-background-color: #22272e;
 
   /* Header */
   --header-border-width: 0 0 0.25rem 0;
diff --git a/css/m-light.css b/css/m-light.css
index 4fca3ed1..d1e742dd 100644
--- a/css/m-light.css
+++ b/css/m-light.css
@@ -60,6 +60,7 @@
   --code-background-color: #fbf0ec;
   --code-note-background-color: rgba(251, 240, 236, 0.5);
   --console-background-color: #000000;
+  --button-background-color: #ffffff;
 
   /* Header */
   --header-border-width: 0.25rem 0 0 0;