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

Allow setting different primary color for dark mode

Browse Source
This commit is contained in:
daudix
2024-07-15 01:30:31 +03:00
parent 792a4a14ea
commit 0d3c539880
1 changed files with 15 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
templates/partials/head.html
View File

@ -33,7 +33,21 @@
<link rel="stylesheet" href="{{ get_url(path=stylesheet) | safe }}" /> <link rel="stylesheet" href="{{ get_url(path=stylesheet) | safe }}" />
{%- endfor %} {%- endfor %}
<style>:root {--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)") }};}</style> <style>
:root {
--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 | default(value="#9a9996") }};
--primary-color-alpha: {{ config.extra.primary_color_dark_alpha | default(value="rgba(154, 153, 150, 0.2)") }};
}
}
{%- endif %}
</style>
{%- if config.extra.goatcounter %} {%- if config.extra.goatcounter %}
<script data-goatcounter="https://{{ config.extra.goatcounter.user }}.{{ config.extra.goatcounter.host | default(value='goatcounter.com') }}/count" async src="//gc.zgo.at/count.js"></script> <script data-goatcounter="https://{{ config.extra.goatcounter.user }}.{{ config.extra.goatcounter.host | default(value='goatcounter.com') }}/count" async src="//gc.zgo.at/count.js"></script>