@castlabs/ui 7.17.0 → 7.18.0

package/dist/castlabs-ui.module.d.ts

@@ -73,6 +73,10 @@ declare module '@castlabs/ui/dist/castlabs-ui.module.js' {
   ): Promise<any>
   export function clReloadStore (component: any, forced?: any[], optional?: any[], loading?: boolean): Promise<any>
 
+  // theme utils
+  export function clThemeSetup (): boolean
+  export function clThemeSetDark (dark: boolean): void
+
   // search utils
   export function clMatch (string: string, expression?: string, caseSensitive?: boolean): boolean
 

package/dist/castlabs-ui.module.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 @@ export const CONST = {
     CLAY: '#cfc8c8',
     EGGSHELL: '#fbf9f2',
     HAZE: '#eeece6',
+    HAZEDARK: '#333947',
     HONEY: '#dc9404',
     LEAF: '#53965d',
     NIGHT: '#262a35',
@@ -1709,3 +1710,50 @@ export function clReload (component, forced = [], optional = [], loading = true)
 export function clSleep (ms) {
   return new Promise(resolve => setTimeout(resolve, ms))
 }
+
+// -----------------------------------------------------------------------------
+// --- themes ------------------------------------------------------------------
+// -----------------------------------------------------------------------------
+
+export 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
+}
+
+export function clThemeSetDark (dark) {
+  try {
+    localStorage.setItem('themeDark', dark)
+  } catch (e) {
+    e.ignore?.()
+  } // catch & ignore private mode
+}