A src/pytaku/static/darkmode.css => src/pytaku/static/darkmode.css +17 -0
@@ 0,0 1,17 @@
+@media (prefers-color-scheme: dark) {
+ :root {
+ background-color: #333;
+ color: #eee;
+ }
+
+ footer {
+ background-color: var(--bg-black);
+ color: #eee;
+ border: none;
+ }
+
+ .follows--title.non-empty,
+ .title--descriptions {
+ background-color: #555;
+ }
+}
M src/pytaku/templates/spa.html => src/pytaku/templates/spa.html +1 -0
@@ 13,6 13,7 @@
<link rel="stylesheet" href="{{ url_for('static', filename='feathericons/iconfont.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='lookandfeel.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='spa.css') }}">
+ <link rel="stylesheet" href="{{ url_for('static', filename='darkmode.css') }}">
{% if open_graph %}
<meta property="og:title" content="{{ open_graph['title'] }}">