From df1a4bf40f0748e3514c778a4abc0c64b8a64931 Mon Sep 17 00:00:00 2001
From: Lars Eggert <lars@eggert.org>
Date: Wed, 19 Apr 2023 23:37:10 +0300
Subject: [PATCH] Enable dark mode in other views

---
 ietf/static/css/datepicker.scss    | 4 ++++
 ietf/static/css/document_html.scss | 4 ++++
 ietf/static/css/ietf.scss          | 2 +-
 ietf/static/css/list.scss          | 4 ++++
 ietf/static/css/select2.scss       | 4 ++++
 5 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/ietf/static/css/datepicker.scss b/ietf/static/css/datepicker.scss
index d8473086d..9b2639a37 100644
--- a/ietf/static/css/datepicker.scss
+++ b/ietf/static/css/datepicker.scss
@@ -1,4 +1,8 @@
 @import "bootstrap/scss/functions";
+
+// Enable automatic dark mode
+$color-mode-type: media-query;
+
 @import "bootstrap/scss/variables";
 @import "bootstrap/scss/variables-dark";
 @import "bootstrap/scss/maps";
diff --git a/ietf/static/css/document_html.scss b/ietf/static/css/document_html.scss
index 9b9e5a7fa..21c1106e0 100644
--- a/ietf/static/css/document_html.scss
+++ b/ietf/static/css/document_html.scss
@@ -10,6 +10,10 @@ $font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto,
 $font-family-monospace: "Noto Sans Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
 @import "bootstrap/scss/functions";
+
+// Enable automatic dark mode
+$color-mode-type: media-query;
+
 @import "bootstrap/scss/variables";
 @import "bootstrap/scss/variables-dark";
 @import "bootstrap/scss/maps";
diff --git a/ietf/static/css/ietf.scss b/ietf/static/css/ietf.scss
index 62d6868f3..9d40faf2e 100644
--- a/ietf/static/css/ietf.scss
+++ b/ietf/static/css/ietf.scss
@@ -15,7 +15,7 @@ $popover-max-width: 100%;
 $font-family-sans-serif: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
 $font-family-monospace: "Noto Sans Mono", SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 
-// Allow color modes
+// Enable automatic dark mode
 
 $color-mode-type: media-query;
 
diff --git a/ietf/static/css/list.scss b/ietf/static/css/list.scss
index af5ceab61..20eafb6df 100644
--- a/ietf/static/css/list.scss
+++ b/ietf/static/css/list.scss
@@ -1,5 +1,9 @@
 // Import bootstrap helpers
 @import "bootstrap/scss/functions";
+
+// Enable automatic dark mode
+$color-mode-type: media-query;
+
 @import "bootstrap/scss/variables";
 @import "bootstrap/scss/variables-dark";
 
diff --git a/ietf/static/css/select2.scss b/ietf/static/css/select2.scss
index 9a0a591ed..498837f75 100644
--- a/ietf/static/css/select2.scss
+++ b/ietf/static/css/select2.scss
@@ -1,4 +1,8 @@
 @import "bootstrap/scss/functions";
+
+// Enable automatic dark mode
+$color-mode-type: media-query;
+
 @import "bootstrap/scss/variables";
 @import "bootstrap/scss/variables-dark";
 @import "bootstrap/scss/maps";