Set boostrap dark theme correcly on site load

noah-severyn · noah-severyn · commit e85bf9b27f3d · 2026-02-06T21:33:17.000-05:00
If dark theme is preferred, also initialize bootstrap theme as dark
diff --git a/assets/js/darkmode-init.js b/assets/js/darkmode-init.js
@@ -5,17 +5,20 @@ if (globalDark && (localMode === null)) {
 
   localStorage.setItem('theme', 'dark');
   document.documentElement.setAttribute('data-dark-mode', '');
+  document.documentElement.setAttribute('data-bs-theme', 'dark');
 
 }
 
 if (globalDark && (localMode === 'dark')) {
 
   document.documentElement.setAttribute('data-dark-mode', '');
+  document.documentElement.setAttribute('data-bs-theme', 'dark');
 
 }
 
 if (localMode === 'dark') {
 
   document.documentElement.setAttribute('data-dark-mode', '');
+  document.documentElement.setAttribute('data-bs-theme', 'dark');
 
 }

Original file line number	Diff line number	Diff line change
`@@ -5,17 +5,20 @@ if (globalDark && (localMode === null)) {`
`5`	`5`
`6`	`6`	`localStorage.setItem('theme', 'dark');`
`7`	`7`	`document.documentElement.setAttribute('data-dark-mode', '');`
	`8`	`+ document.documentElement.setAttribute('data-bs-theme', 'dark');`
`8`	`9`
`9`	`10`	`}`
`10`	`11`
`11`	`12`	`if (globalDark && (localMode === 'dark')) {`
`12`	`13`
`13`	`14`	`document.documentElement.setAttribute('data-dark-mode', '');`
	`15`	`+ document.documentElement.setAttribute('data-bs-theme', 'dark');`
`14`	`16`
`15`	`17`	`}`
`16`	`18`
`17`	`19`	`if (localMode === 'dark') {`
`18`	`20`
`19`	`21`	`document.documentElement.setAttribute('data-dark-mode', '');`
	`22`	`+ document.documentElement.setAttribute('data-bs-theme', 'dark');`
`20`	`23`
`21`	`24`	`}`