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