diff --git a/static/css/bobatheme.css b/static/css/bobatheme.css index c8a4d07..6759b7c 100644 --- a/static/css/bobatheme.css +++ b/static/css/bobatheme.css @@ -11,24 +11,25 @@ } body { + background-color: black; font-family: sans-serif; margin: 0; display: flex; flex-direction: column; } a { - color: blue; + color: #4da6ff; } blockquote { - border-left: 5px solid #ccc; + border-left: 5px solid #222; padding-left: 10px; } .header { padding: 10px; text-align: center; - background: #4FA2F5; - color: white; + background: #1a406b; + color: lightgray; } .header h1 { font-size: 40px; @@ -36,22 +37,19 @@ blockquote { .navbar { overflow: hidden; - background-color: #999; + background-color: #222; } .navbar a { float: left; display: block; - color: white; + color: lightgray; text-align: center; padding: 14px 20px; text-decoration: none; } -/* .navbar a.right { - float: right; -} */ .navbar a:hover { - background-color: #ddd; - color: black; + background-color: #444; + color: white; } * { @@ -64,12 +62,14 @@ blockquote { } .side { width: 20%; - background-color: lightgray; + background-color: #111; + color: lightgray; padding: 20px; } .main { width: 80%; - background-color: white; + background-color: black; + color: lightgray; padding: 20px; } .footer { @@ -77,42 +77,3 @@ blockquote { text-align: center; background: #ddd; } - -@media (prefers-color-scheme: dark) { - body { - background-color: black; - } - a { - color: #4da6ff; - } - blockquote { - border-left: 5px solid #222; - } - .header { - background: #1A406B; - color: lightgray; - } - .navbar { - background-color: #222; - } - .navbar a { - color: lightgray; - } - .navbar a:hover { - background-color: #444; - color: white; - } - .side { - background-color: #111; - color: lightgray; - } - .main { - background-color: black; - color: lightgray; - } - .footer { - background: #222; - color: lightgray; - } - max-width: 650px; -}