fix: force disqus to use dark theme

2023-08-08 01:21:15 +01:00 · 2023-08-08 01:21:15 +01:00 · 8768a90d48
parent 951e44743f
commit 8768a90d48
2 changed files with 9 additions and 0 deletions
--- a/OliverBooth/Pages/Shared/_Layout.cshtml
+++ b/OliverBooth/Pages/Shared/_Layout.cshtml
@ -3,6 +3,7 @@
 <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="color-scheme" content="dark"/>
    <title>Oliver Booth</title>
    <link rel="shortcut icon" href="~/img/favicon.png">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap/5.3.1/css/bootstrap.min.css" integrity="sha512-Z/def5z5u2aR89OuzYcxmDJ0Bnd5V1cKqBEbvLOiUNWdg9PQeXVvXLI90SE4QOHGlfLqUnDNVAYyZi8UwUTmWQ==" crossorigin="anonymous" referrerpolicy="no-referrer">
--- a/src/scss/app.scss
+++ b/src/scss/app.scss
@ -152,6 +152,14 @@ pre code span.line {
  padding-right: 15px;
 }

+:root {
+  color-scheme: light dark;
+}
+
+#disqus_thread iframe {
+  color-scheme: light;
+}
+
 .hljs-ln-code {
  padding-left: 10px;
 }