--- # Front matter comment to ensure Jekyll properly reads file. --- //Import @import "base", "mixin", "typography", "layout", "syntax.scss", "custom.scss"; ///////////////////////////////////////// ///////////////////////////////////////// ///////////////////////////////////////// //////////// LIGHT THEME //////////////// ///////////////////////////////////////// ///////////////////////////////////////// ///////////////////////////////////////// //html { //background-color: #0f0f0f; ////background-color: #f0f0f0; //html { //[>background-color: #0f0f0f;<] ////background-color: #f0f0f0; //background-color: lightblue; //} ////body { //////background-color: #f0f0f0; ////background-color: #0f0f0f; //body { //[>background-color: #0f0f0f;<] ////background-color: #f0f0f0; //background-color: lightblue; //} // Default Style (Dark) :root { --primary-color: #888888; --secondary-color: #666666; --font-color: #cecece; --bg-color: #0f0f0f; --heading-color: #454545; --block-bg-color: #2f3234; --block-bg-color-secondary: #444444; --block-bg-color-heading: #333333; --table-color: #cecece; --head-nav-bg-color: transparent; --head-nav-text-color: #d56f2a; --menu-color: #e1e1e1; } // Was entered incorrectly.. Dark = Light [data-theme="dark"] { --primary-color: #666666; --secondary-color: #555555; --font-color: #555555; --bg-color: #f0f0f0; --heading-color: #666666; --block-bg-color: #d7d7d7; --block-bg-color-secondary: #c0c0c0; --block-bg-color-heading: #a5a5a5; --table-color: #000000; --head-nav-bg-color: transparent; --head-nav-text-color: #d56f2a; --menu-color: #202225; } body { background-color: var(--bg-color); color: var(--font-color); } html { background-color: var(--bg-color); color: var(--font-color); } h1 { color: var(--secondary-color); } a { color: var(--primary-color); } .moneroversary-table, .price-table { color: var(--table-color); } #weekly .revuo-classes a.wk, #periodical .revuo-classes a.pd, #wrap.periodical .revuo-classes a.pd:active, #wrap.periodical .revuo-classes a.pd:focus { background-color: var(--head-nav-bg-color); color: var(--head-nav-text-color); } time.by-line { color: var(--table-color); } #menu, #menu::after, #menu::before { background-color: var(--menu-color); } #header img.logo { margin-left: 122px; } #header img.rss-icon { float: right; right: 80px; top: 13px; position: relative; }