darkmode saved from popmenu branch (it's a mess)

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  */