From 078657bd6187a7ae068589263540c0c47282d703 Mon Sep 17 00:00:00 2001
From: reese sapphire <git@ovine.xyz>
Date: Wed, 3 Jul 2024 16:38:34 -0500
Subject: [PATCH 1/3] add optional light color theme to CSS

---
 capsulflask/static/style.css | 72 ++++++++++++++++++++++++++++++------
 1 file changed, 61 insertions(+), 11 deletions(-)

diff --git a/capsulflask/static/style.css b/capsulflask/static/style.css
index 87fa3ab..cb59178 100644
--- a/capsulflask/static/style.css
+++ b/capsulflask/static/style.css
@@ -1,3 +1,53 @@
+@media (prefers-color-scheme: light) {
+  .yellow {
+    color: rgba(221, 169, 56, 1) !important;
+  }
+
+  html {
+    color: #241e1e !important;
+    background-color: #eaf4e5 !important;
+  }
+
+  a {
+    color:#2ea1d2 !important;
+    text-shadow: 1px 1px 0px #0001 !important;
+  }
+  input[type=submit].form-submit-link {
+    color:#2ea1d2 !important;
+  }
+  a:hover, a:active, a:visited {
+    color: #94a12d !important;
+  }
+  h1, h2, h3, h4, h5 {
+    text-shadow: 2px 2px 0px #0001 !important;
+  }
+
+  main {
+    border-color: #777e73 !important;
+  }
+
+  input, select, textarea {
+    color: #241e1e !important;
+    background-color: #fff6 !important;
+  }
+
+  thead {
+    background: #dbe5d6 !important;
+  }
+  th {
+    border-color: #eaf4e5 !important;
+  }
+
+  .code {
+    background: #fff6 !important;
+  }
+
+  div.metric img {
+    filter: brightness(50%) saturate(250%);
+  }
+}
+
+
 html {
   color: #bdc7b8;
   font: calc(0.40rem + 1vmin) monospace;
@@ -10,7 +60,7 @@ body {
   margin-left: auto;
   min-width: 33rem;
   max-width: 53rem;
-} 
+}
 
 @media only screen and (max-width: 53rem) {
   body {
@@ -29,7 +79,7 @@ a.no-shadow {
 
 a:hover, a:active, a:visited {
   color: #b5bd68;
-} 
+}
 
 .nav-links  a {
   margin: 0 1em;
@@ -176,7 +226,7 @@ select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
-  background-image: url(/static/dropdown-handle.png); 
+  background-image: url(/static/dropdown-handle.png);
   background-repeat: no-repeat;
   background-position: bottom 0.65em right 0.8em;
   background-size: 0.5em;
@@ -215,7 +265,7 @@ input[type=submit], select {
 
 input[type=submit].form-submit-link {
   border: none;
-  background-color: initial;
+  background-color: #0000 !important;
   color: #6CF;
   padding: 0;
   margin: 0;
@@ -242,14 +292,14 @@ ul li, ol li {
   margin-left: 1.2rem;
 }
 
-.long-form p, 
+.long-form p,
 .long-form li,
 .long-form blockquote {
   line-height: 2em;
 }
 
 
-.long-form p .code, 
+.long-form p .code,
 .long-form li .code,
 .long-form blockquote .code
 {
@@ -313,7 +363,7 @@ th {
 }
 td {
   font: calc(0.35rem + 0.95vmin) monospace;
-  border-bottom: 2px dotted #777e7355;
+  border-bottom: 2px dotted #777e7388;
   padding-top: 0.4rem;
   padding-bottom: 0.4rem;
 }
@@ -412,14 +462,14 @@ footer {
 
 form.megaphone {
   margin-top: 1rem;
-  width: 640px; 
+  width: 640px;
   max-width: 100%;
 }
 
 form.megaphone input[type=text],
 form.megaphone textarea {
-  width: 100%; 
+  width: 100%;
 }
 form.megaphone textarea {
-  height: 360px; 
-}
\ No newline at end of file
+  height: 360px;
+}
-- 
2.45.2


From f8aebee85cfa6f83b6da6bd68af9014132052dec Mon Sep 17 00:00:00 2001
From: reese sapphire <git@ovine.xyz>
Date: Thu, 4 Jul 2024 08:47:34 -0500
Subject: [PATCH 2/3] nudge some colors

---
 capsulflask/static/style.css | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/capsulflask/static/style.css b/capsulflask/static/style.css
index cb59178..a4d3c90 100644
--- a/capsulflask/static/style.css
+++ b/capsulflask/static/style.css
@@ -5,7 +5,7 @@
 
   html {
     color: #241e1e !important;
-    background-color: #eaf4e5 !important;
+    background-color: #eaeed9 !important;
   }
 
   a {
@@ -28,7 +28,7 @@
 
   input, select, textarea {
     color: #241e1e !important;
-    background-color: #fff6 !important;
+    background-color: #fff3 !important;
   }
 
   thead {
@@ -39,7 +39,7 @@
   }
 
   .code {
-    background: #fff6 !important;
+    background: #fff3 !important;
   }
 
   div.metric img {
-- 
2.45.2


From c290bc07e63e742f3ca99f78966fcb37c12a3d6b Mon Sep 17 00:00:00 2001
From: reese sapphire <git@ovine.xyz>
Date: Thu, 4 Jul 2024 20:20:30 -0500
Subject: [PATCH 3/3] stylesheet: apply filter to more metrics imgs

---
 capsulflask/static/style.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/capsulflask/static/style.css b/capsulflask/static/style.css
index a4d3c90..8a0ae58 100644
--- a/capsulflask/static/style.css
+++ b/capsulflask/static/style.css
@@ -42,7 +42,7 @@
     background: #fff3 !important;
   }
 
-  div.metric img {
+  .metric img, .metrics img {
     filter: brightness(50%) saturate(250%);
   }
 }
-- 
2.45.2