diff options
| -rw-r--r-- | src/gistatic.c | 44 | ||||
| -rw-r--r-- | tests/resources/assets/repo/style.css | 44 | ||||
| -rw-r--r-- | tests/resources/assets/style.css | 44 |
3 files changed, 117 insertions, 15 deletions
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 = "" "</svg>\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" diff --git a/tests/resources/assets/repo/style.css b/tests/resources/assets/repo/style.css index f2cad9d..6a5a4e2 100644 --- a/tests/resources/assets/repo/style.css +++ b/tests/resources/assets/repo/style.css @@ -1,3 +1,37 @@ +:root { + --color: black; + --background-color: white; + --hover-color: hsl(0, 0%, 93%); + --nav-color: hsl(0, 0%, 87%); +} + +@media(prefers-color-scheme: dark) { + :root { + --color: white; + --background-color: black; + --hover-color: hsl(0, 0%, 7%); + --nav-color: hsl(0, 0%, 13%); + } + + body { + color: var(--color); + background-color: var(--background-color); + } + + a { + color: hsl(211, 100%, 60%); + } + + a:visited { + color: hsl(242, 100%, 80%); + } + + .logo { + color: white; + + } +} + body { font-family: monospace; max-width: 1100px; @@ -34,19 +68,19 @@ nav li { margin-left: 10px; } -nav a { +nav a, nav a:visited { padding: 2px 8px 0px 8px; - color: black; + color: var(--color); } .selected-nav-item { - background-color: hsl(0, 0%, 87%); + background-color: var(--nav-color); } hr { margin-top: 0; border: 0; - border-top: 3px solid hsl(0, 0%, 87%); + border-top: 3px solid var(--nav-color); } table { @@ -58,7 +92,7 @@ th { } tbody tr:hover { - background-color: hsl(0, 0%, 93%); + background-color: var(--hover-color); } td { diff --git a/tests/resources/assets/style.css b/tests/resources/assets/style.css index f2cad9d..6a5a4e2 100644 --- a/tests/resources/assets/style.css +++ b/tests/resources/assets/style.css @@ -1,3 +1,37 @@ +:root { + --color: black; + --background-color: white; + --hover-color: hsl(0, 0%, 93%); + --nav-color: hsl(0, 0%, 87%); +} + +@media(prefers-color-scheme: dark) { + :root { + --color: white; + --background-color: black; + --hover-color: hsl(0, 0%, 7%); + --nav-color: hsl(0, 0%, 13%); + } + + body { + color: var(--color); + background-color: var(--background-color); + } + + a { + color: hsl(211, 100%, 60%); + } + + a:visited { + color: hsl(242, 100%, 80%); + } + + .logo { + color: white; + + } +} + body { font-family: monospace; max-width: 1100px; @@ -34,19 +68,19 @@ nav li { margin-left: 10px; } -nav a { +nav a, nav a:visited { padding: 2px 8px 0px 8px; - color: black; + color: var(--color); } .selected-nav-item { - background-color: hsl(0, 0%, 87%); + background-color: var(--nav-color); } hr { margin-top: 0; border: 0; - border-top: 3px solid hsl(0, 0%, 87%); + border-top: 3px solid var(--nav-color); } table { @@ -58,7 +92,7 @@ th { } tbody tr:hover { - background-color: hsl(0, 0%, 93%); + background-color: var(--hover-color); } td { |