Add a new color --text-fg-on-accent-bright

[lmno.games] / style.css

diff --git a/style.css b/style.css
index baf35bf59abe9367432554e01f6ecb7b3fa5ef9f..240014ad57e7190549f40f315b020c8107e4379c 100644 (file)
--- a/style.css
+++ b/style.css
@@ -1,3 +1,8 @@
+/* Because this is the only sizing that is sane, make it global. */
+* {
+    box-sizing: border-box;
+}
+
 /*\
 |*|
 |*| Properties for the page: colors, etc.
@@ -17,6 +22,8 @@
     /* A little color to avoid a fully monochromatic theme. */
     --accent-color: #287789;
     --accent-color-bright: #44c7ef;
+    --text-fg-on-accent: white;
+    --text-fg-on-accent-bright: #333738;
 
     /* Some colors intended to convey semnatics. */
     --warning-color: #ffa92a;
@@ -124,7 +131,6 @@ body {
  * of the page content.
  */
 #page {
-    box-sizing: border-box;
     max-width: var(--page-max-width-padded);
     margin-left: auto;
     margin-right: auto;
@@ -257,7 +263,7 @@ button {
     border-radius: 4px;
     background-color: var(--accent-color);
     border: none;
-    color: white;
+    color: var(--text-fg-on-accent);
     text-align: center;
     font-size: 125%;
     margin-top: .25em;