aboutsummaryrefslogtreecommitdiff
path: root/templates
diff options
context:
space:
mode:
authorChristian Cleberg <hello@cleberg.net>2024-02-01 18:54:23 -0600
committerChristian Cleberg <hello@cleberg.net>2024-02-01 18:54:23 -0600
commit591370bc5b159053959fa946c8e52e5e56604abf (patch)
tree3a8b69c67815542fa168b9b616e021d63c1d9f93 /templates
parent7e5369d4960f3d3beacb71781f4779b07596930f (diff)
downloadcleberg.net-591370bc5b159053959fa946c8e52e5e56604abf.tar.gz
cleberg.net-591370bc5b159053959fa946c8e52e5e56604abf.tar.bz2
cleberg.net-591370bc5b159053959fa946c8e52e5e56604abf.zip
add auto light mode
Diffstat (limited to 'templates')
-rw-r--r--templates/base.html2
-rw-r--r--templates/page.html3
2 files changed, 4 insertions, 1 deletions
diff --git a/templates/base.html b/templates/base.html
index 5ec6d73..c075a42 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -3,6 +3,8 @@
<head>
<title>cleberg.net</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <meta name="theme-color" content="#111" media="(prefers-color-scheme: dark)">
+ <meta name="theme-color" content="#fff" media="(prefers-color-scheme: light)">
{% if page %}
{% if page.description %}
<meta name="description" content="{{ page.description }}">
diff --git a/templates/page.html b/templates/page.html
index f668751..b759184 100644
--- a/templates/page.html
+++ b/templates/page.html
@@ -1,7 +1,8 @@
{% extends "base.html" %}
{% block css %}
-<link rel="stylesheet" href="/syntax-theme-dark.css">
+<link rel="stylesheet" href="/syntax-theme-dark.css" media="(prefers-color-scheme: dark)">
+<link rel="stylesheet" href="/syntax-theme-light.css" media="(prefers-color-scheme: light)">
<link rel="stylesheet" href="/styles.css">
{% endblock css %}