diff --git a/blog/sass/css/edition-2/main.scss b/blog/sass/css/edition-2/main.scss index e59b1131..f4712bbe 100644 --- a/blog/sass/css/edition-2/main.scss +++ b/blog/sass/css/edition-2/main.scss @@ -820,6 +820,10 @@ div.warning p:last-child { margin-bottom: 0; } +div.warning h2 { + margin-top: 0rem; +} + form.subscribe { margin: 1rem; } @@ -956,3 +960,21 @@ a strong { img { background-color: white; } + + +.dark-mode-note { + display: none; +} +body.dark .dark-mode-note { + display: block; +} +@media (prefers-color-scheme: dark) { + /* defaults to dark theme */ + .dark-mode-note { + display: block; + } + /* Override dark mode with light mode styles if the user decides to swap */ + body.light .dark-mode-note { + display: none; + } +} diff --git a/blog/templates/edition-2/index.html b/blog/templates/edition-2/index.html index 4c893f5c..bab56839 100644 --- a/blog/templates/edition-2/index.html +++ b/blog/templates/edition-2/index.html @@ -118,6 +118,8 @@

+ + {{ snippets::dark_mode_note() }} {% endblock after_main %} diff --git a/blog/templates/edition-2/page.html b/blog/templates/edition-2/page.html index ba5f3e03..e1117506 100644 --- a/blog/templates/edition-2/page.html +++ b/blog/templates/edition-2/page.html @@ -130,6 +130,8 @@ {% endfor %} {%- endif %} + + {{ snippets::dark_mode_note() }} {% endblock main %} diff --git a/blog/templates/snippets.html b/blog/templates/snippets.html index 452fed9a..96dbcf57 100644 --- a/blog/templates/snippets.html +++ b/blog/templates/snippets.html @@ -45,3 +45,12 @@ Instead of authenticating the giscus application, you can also comment directly on GitHub.

{% endmacro giscus %} + +{% macro dark_mode_note() %} +
+

Dark Mode is Experimental

+

+ We're still working on adjusting text colors, fixing images, and removing inconsistencies. If you have any problems, please file an issue. +

+ +{% endmacro dark_mode_note %}