@castlabs/ui 7.17.0 → 7.18.0

package/dist/castlabs-ui.core.js

@@ -1,4 +1,4 @@
-/* @castlabs/ui v7.17.0 */
+/* @castlabs/ui v7.18.0 */
 
 /*!
   * Bootstrap v5.3.8 (https://getbootstrap.com/)
@@ -324,6 +324,7 @@ const CONST = {
     CLAY: '#cfc8c8',
     EGGSHELL: '#fbf9f2',
     HAZE: '#eeece6',
+    HAZEDARK: '#333947',
     HONEY: '#dc9404',
     LEAF: '#53965d',
     NIGHT: '#262a35',
@@ -1710,6 +1711,53 @@ function clSleep (ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
 }
 
+// -----------------------------------------------------------------------------
+// --- themes ------------------------------------------------------------------
+// -----------------------------------------------------------------------------
+
+function clThemeSetup () {
+  let dark = null
+
+  // try to load settings
+  try {
+    switch (localStorage.getItem('themeDark')) {
+      case 'true':
+        dark = true
+        break
+      case 'false':
+        dark = false
+        break
+      default:
+        dark = null
+    }
+  } catch (e) {
+    e.ignore?.()
+  } // catch & ignore private mode
+
+  // use OS default if unknown
+  if (dark === null) {
+    const darkModeMql = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)')
+    if (darkModeMql?.matches) {
+      dark = true
+    } else {
+      dark = false
+    }
+  }
+
+  // persist value
+  clThemeSetDark(dark)
+
+  return dark
+}
+
+function clThemeSetDark (dark) {
+  try {
+    localStorage.setItem('themeDark', dark)
+  } catch (e) {
+    e.ignore?.()
+  } // catch & ignore private mode
+}
+
 const NBSP = '✺' // non-breakable space for searching substrings
 
 let cache = {}