hak8or/blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Allow setting different primary color for dark mode (fixes #35)

Browse Source
This commit is contained in:
daudix
2024-07-20 22:07:29 +03:00
parent 8b200e577d
commit 9a2b0aca95
3 changed files with 31 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/partials/head.html
View File

@ -4,6 +4,9 @@
<meta name="description" content="{{ config.description }}" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="{{ config.extra.primary_color | default(value='#9a9996') }}" />
{%- if config.extra.primary_color_dark %}
<meta name="theme-color" content="{{ config.extra.primary_color_dark }}" media="(prefers-color-scheme:dark)" />
{%- endif %}
<link rel="canonical" href="{{ current_url | default(value='/') | safe }}" />
<title>{% include "partials/title.html" %}</title>
@ -37,6 +40,15 @@
--primary-color: {{ config.extra.primary_color | default(value="#9a9996") }};
--primary-color-alpha: {{ config.extra.primary_color_alpha | default(value="rgba(154, 153, 150, 0.2)") }};
}
{%- if config.extra.primary_color_dark %}
@media (prefers-color-scheme: dark) {
:root {
--primary-color: {{ config.extra.primary_color_dark }};
--primary-color-alpha: {{ config.extra.primary_color_dark_alpha }};
}
}
{%- endif %}
</style>
{%- if config.extra.goatcounter %}