Enable dark mode in other views

Author: larseggert

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";

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";

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;
 

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";
 

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";