From 580259c41b653d72e96f6bb941565a0df5c9ac1f Mon Sep 17 00:00:00 2001 From: EuAndreh Date: Fri, 20 Aug 2021 12:32:57 -0300 Subject: src/gistatic.c: Add dark mode CSS media query --- src/gistatic.c | 44 +++++++++++++++++++++++++++++++++++++++----- 1 file changed, 39 insertions(+), 5 deletions(-) (limited to 'src/gistatic.c') diff --git a/src/gistatic.c b/src/gistatic.c index bb89bed..2630992 100644 --- a/src/gistatic.c +++ b/src/gistatic.c @@ -209,6 +209,40 @@ static const char *const LOGO_STR = "" "\n"; static const char *const STYLE_STR = "" + ":root {\n" + " --color: black;\n" + " --background-color: white;\n" + " --hover-color: hsl(0, 0%, 93%);\n" + " --nav-color: hsl(0, 0%, 87%);\n" + "}\n" + "\n" + "@media(prefers-color-scheme: dark) {\n" + " :root {\n" + " --color: white;\n" + " --background-color: black;\n" + " --hover-color: hsl(0, 0%, 7%);\n" + " --nav-color: hsl(0, 0%, 13%);\n" + " }\n" + "\n" + " body {\n" + " color: var(--color);\n" + " background-color: var(--background-color);\n" + " }\n" + "\n" + " a {\n" + " color: hsl(211, 100%, 60%);\n" + " }\n" + "\n" + " a:visited {\n" + " color: hsl(242, 100%, 80%);\n" + " }\n" + "\n" + " .logo {\n" + " color: white;\n" + "\n" + " }\n" + "}\n" + "\n" "body {\n" " font-family: monospace;\n" " max-width: 1100px;\n" @@ -245,19 +279,19 @@ static const char *const STYLE_STR = "" " margin-left: 10px;\n" "}\n" "\n" - "nav a {\n" + "nav a, nav a:visited {\n" " padding: 2px 8px 0px 8px;\n" - " color: black;\n" + " color: var(--color);\n" "}\n" "\n" ".selected-nav-item {\n" - " background-color: hsl(0, 0%, 87%);\n" + " background-color: var(--nav-color);\n" "}\n" "\n" "hr {\n" " margin-top: 0;\n" " border: 0;\n" - " border-top: 3px solid hsl(0, 0%, 87%);\n" + " border-top: 3px solid var(--nav-color);\n" "}\n" "\n" "table {\n" @@ -269,7 +303,7 @@ static const char *const STYLE_STR = "" "}\n" "\n" "tbody tr:hover {\n" - " background-color: hsl(0, 0%, 93%);\n" + " background-color: var(--hover-color);\n" "}\n" "\n" "td {\n" -- cgit v1.2.3