From 669f19560ee470418422adfb294c186c5efff624 Mon Sep 17 00:00:00 2001
From: Jacob Haddon <jhaddon@apokrupha.com>
Date: Thu, 19 Nov 2020 20:24:36 -0500
Subject: [PATCH] darkmode saved from popmenu branch (it's a mess)
---
style.css | 111 +++++++++++++++++++++++++++++++++++++++++++++++++++++-
1 file changed, 110 insertions(+), 1 deletion(-)
diff --git a/style.css b/style.css
index 66f10ff..604a983 100644
--- a/style.css
+++ b/style.css
@@ -1023,5 +1023,114 @@ p.has-drop-cap:not(:focus):first-letter
z-index: 0;
}
- */
+
+@media screen and (prefers-color-scheme: dark)
+{
+
+/* https://www.schemecolor.com/pure-coffee.php */
+ /* Text Colors */
+ body,
+ #content h1.entry-title,
+ #content h1.page-title,
+ #content h2.entry-title,
+ .page #content h2,
+ .entry-title a,
+ .page-title a,
+ #site-title a,
+ input#searchsubmit:hover,
+ #commentform input#submit:hover,
+ #menu div.menu li a,
+ #menu div.melville_footer_menu li a,
+ h3#reply-title, h3#comments-title,
+ .melville_header_menu li a { color: #e6d6c8; }
+
+ #menu div.menu li a:hover,
+ #menu div.melville_footer_menu li a:hover,
+ #menu div.menu ul li.current_page_item a,
+ #menu div.melville_footer_menu ul li.current_page_item a,
+ #content ins,
+ .page-link a:link,
+ .page-link a:visited { color: #482b29; }
+
+ #content pre.wp-block-verse,
+ .widget-title,
+ #wp-calendar caption { color: #f0e3b4; }
+
+ #wp-calendar tbody, .page-link a:hover { color: #aaa; }
+ a, div#header, input#s,
+ input#searchsubmit,
+ #commentform input,
+ #commentform textarea,#respond label,
+ #respond
+ .form-allowed-tags { color: #CB997C; }
+ #content tr th, #content thead th, #content .gallery .gallery-caption { color: #888; }
+ #respond .required, .widget_rss a.rsswidget:hover { color: #ff4b33; }
+ .widget_rss a.rsswidget { color: #000; }
+ a:hover { color: #9d581f; }
+
+
+ /* Background Colors */
+ body, .melville_header_menu ul ul { background: #241f20; }
+ div#wrapper, div#footer { background-color: #1e1c16;}
+ .sticky { background: #724444; }
+ #content ins, #wp-calendar tbody td { background: #3a2f2f; }
+ .page-link a:link, .page-link a:visited { background: #f1f1f1; }
+/* div#footer { background-color: #241f20; } */
+ input#s { background-color: #fefefe; }
+ #commentform input, #commentform textarea {
+ background: #241f20;
+/* background-color: #fcfcfc; */
+ }
+ #menu div.menu, #menu div.melville_footer_menu
+ {
+ background-color: #67554F;}
+
+ #panel {
+ background: #323232;
+ }
+
+ /* Border Colors */
+ div#wrapper
+ {
+ border-right: 1px solid #cccccc;
+ border-left: 1px solid #cccccc;
+ }
+
+ #content table, #content tr td { border: 1px solid #e7e7e7; }
+ #content tr.odd td { background: #fafafa; }
+ #content abbr, #content acronym { border-bottom: 1px dotted #ccc; }
+ .home .sticky .page-link a { background: #d9e8f7; }
+ .wp-block-columns.alignfull { background: #fff; }
+
+ div#footer
+ {
+ border-top: 1px solid #dddddd;
+ border-right: 1px solid #cccccc;
+ border-left: 1px solid #cccccc;
+/* box-shadow: 1px 4 20px #dddddd; */
+ }
+
+ input#s, #content .gallery img, #commentform input, #commentform textarea { border-color: #dddddd; }
+ input#searchsubmit:hover { border-color: #aaaaaa; }
+
+
+ #commentform input#submit:hover { border-color: #aaaaaa; }
+
+ #menu div.menu, #menu div.melville_footer_menu
+ {
+ border-bottom-color: #bbb;
+ border-top-color: #bbb;
+ }
+
+ #menu div.menu ul, #menu div.melville_footer_menu ul { border-bottom: 1px solid #dddddd; }
+
+ #wp-calendar tbody td
+ {
+ border: 1px solid #fff;
+ }
+
+ .headerLine { border-bottom: 0.5px #bbbbbb; }
+}
+
+/* media */