(function () { 'use strict'; var ACCENT_PRESETS = { cyanotype: '#7eb8d4', safelight: '#d97f1f', selenium: '#9a86c9', sepia: '#c49a6c', chlorophyll: '#7bb37a', rhodamine: '#d97a9e', slate: '#8fa3b2', ivory: '#d9cfb8' }; var BACKGROUND_PRESETS = { darkroom: { texture: 'canvas-texture.jpg', scrimPct: 80 }, linen: { texture: 'canvas-linen.jpg', scrimPct: 82 }, paper: { texture: 'canvas-paper.jpg', scrimPct: 84 }, concrete: { texture: 'canvas-concrete.jpg', scrimPct: 78 }, plain: { texture: null, scrimPct: 100 } }; var CACHE_KEY = 'drift_space_themes'; var SPACE_ID_PATTERN = /^[A-Za-z0-9_-]{1,64}$/; var MIN_ACCENT_LUMINANCE = 0.2; var LIGHT_END = 0.95; var LIGHT_STEPS = [1, 0.8, 0.55, 0.28, 0.1]; var LIGHT_DESATURATION = 0.25; var LIGHT_LUMINANCE_FLOORS = [0.8, 0.62, 0.45, 0.32, 0.24]; var DARK_END_FACTOR = 0.47; var DARK_STEPS = [0.28, 0.45, 0.72, 1]; var DARK_LIGHTNESS_CEILINGS = [0.7, 0.58, 0.46, 0.34]; var MIN_STEP = 0.03; var LUM_STEP = 0.01; var LIGHT_CAP = 0.985; var DARK_FLOOR = 0.02; var CONTRAST_CROSSOVER = 0.179; var LIGHT_ALPHA = 0.15; var LIGHT_HOVER_ALPHA = 0.2; var OUTLINE_HOVER_ALPHA = 0.05; var TILE_PX = 600; var IMAGE_SCRIM_PCT = 55; var TEXTURE_PATH = '/textures/'; function clamp01(v) { return v < 0 ? 0 : v > 1 ? 1 : v; } function channel(v) { var c = v / 255; return c <= 0.03928 ? c / 12.92 : Math.pow((c + 0.055) / 1.055, 2.4); } function luminance(hex) { var n = parseInt(hex.slice(1), 16); return 0.2126 * channel((n >> 16) & 255) + 0.7152 * channel((n >> 8) & 255) + 0.0722 * channel(n & 255); } function hexToHsl(hex) { var n = parseInt(hex.slice(1), 16); var r = ((n >> 16) & 255) / 255; var g = ((n >> 8) & 255) / 255; var b = (n & 255) / 255; var max = Math.max(r, g, b); var min = Math.min(r, g, b); var l = (max + min) / 2; if (max === min) return { h: 0, s: 0, l: l }; var d = max - min; var s = l > 0.5 ? d / (2 - max - min) : d / (max + min); var h; if (max === r) h = (g - b) / d + (g < b ? 6 : 0); else if (max === g) h = (b - r) / d + 2; else h = (r - g) / d + 4; return { h: h / 6, s: s, l: l }; } function hueToRgb(p, q, t) { var x = t; if (x < 0) x += 1; if (x > 1) x -= 1; if (x < 1 / 6) return p + (q - p) * 6 * x; if (x < 1 / 2) return q; if (x < 2 / 3) return p + (q - p) * (2 / 3 - x) * 6; return p; } function to(v) { var s = Math.round(clamp01(v) * 255).toString(16); return s.length === 1 ? '0' + s : s; } function hslToHex(h, s, l) { var r, g, b; if (s === 0) { r = g = b = l; } else { var q = l < 0.5 ? l * (1 + s) : l + s - l * s; var p = 2 * l - q; r = hueToRgb(p, q, h + 1 / 3); g = hueToRgb(p, q, h); b = hueToRgb(p, q, h - 1 / 3); } return '#' + to(r) + to(g) + to(b); } function liftToLuminance(h, s, from, minLuminance) { if (luminance(hslToHex(h, s, from)) >= minLuminance) return from; var lo = from; var hi = 1; for (var i = 0; i < 16; i += 1) { var mid = (lo + hi) / 2; if (luminance(hslToHex(h, s, mid)) >= minLuminance) hi = mid; else lo = mid; } return hi; } function normalizeHex(hex) { var m = /^#?([0-9a-f]{6})$/i.exec(String(hex).trim()); return m ? '#' + m[1].toLowerCase() : ACCENT_PRESETS.cyanotype; } function rgba(hex, alpha) { var n = parseInt(hex.slice(1), 16); return 'rgba(' + ((n >> 16) & 255) + ', ' + ((n >> 8) & 255) + ', ' + (n & 255) + ', ' + alpha + ')'; } function accentTuple(hex) { var base = hexToHsl(normalizeHex(hex)); var l5 = liftToLuminance(base.h, base.s, base.l, MIN_ACCENT_LUMINANCE); var lightness = [l5, l5, l5, l5, l5, l5, l5, l5, l5, l5]; var saturation = [base.s, base.s, base.s, base.s, base.s, base.s, base.s, base.s, base.s, base.s]; var prevLuminance = luminance(hslToHex(base.h, base.s, l5)); for (var i = 4; i >= 0; i -= 1) { var t = LIGHT_STEPS[i]; var s = base.s * (1 - LIGHT_DESATURATION * t); var l = l5 + (LIGHT_END - l5) * t; l = Math.max(l, lightness[i + 1] + MIN_STEP); l = liftToLuminance(base.h, s, l, Math.max(LIGHT_LUMINANCE_FLOORS[i], prevLuminance + LUM_STEP)); l = Math.min(l, LIGHT_CAP); lightness[i] = l; saturation[i] = s; prevLuminance = luminance(hslToHex(base.h, s, l)); } var darkEnd = l5 * DARK_END_FACTOR; for (var j = 6; j <= 9; j += 1) { var lj = l5 - (l5 - darkEnd) * DARK_STEPS[j - 6]; lj = Math.min(lj, DARK_LIGHTNESS_CEILINGS[j - 6], lightness[j - 1] - MIN_STEP); lightness[j] = Math.max(lj, DARK_FLOOR); } var tuple = []; for (var k = 0; k < 10; k += 1) tuple.push(hslToHex(base.h, saturation[k], lightness[k])); return tuple; } function accentCssVars(hex) { var tuple = accentTuple(hex); var vars = {}; for (var i = 0; i < 10; i += 1) { vars['--mantine-color-brand-' + i] = tuple[i]; vars['--mantine-primary-color-' + i] = tuple[i]; } var derived = { 'filled': tuple[5], 'filled-hover': tuple[6], 'light': rgba(tuple[3], LIGHT_ALPHA), 'light-hover': rgba(tuple[3], LIGHT_HOVER_ALPHA), 'light-color': tuple[0], 'outline': tuple[1], 'outline-hover': rgba(tuple[1], OUTLINE_HOVER_ALPHA), 'text': tuple[4], 'contrast': luminance(tuple[5]) > CONTRAST_CROSSOVER ? 'var(--mantine-color-black)' : 'var(--mantine-color-white)' }; for (var key in derived) { vars['--mantine-color-brand-' + key] = derived[key]; vars['--mantine-primary-color-' + key] = derived[key]; } vars['--mantine-color-anchor'] = tuple[4]; return vars; } function backgroundCssVars(background, backgroundUrl) { var preset = background && background.preset ? BACKGROUND_PRESETS[background.preset] : null; if (!preset && background && background.imageKey && backgroundUrl) { return { '--canvas-texture-url': 'url(' + JSON.stringify(backgroundUrl) + ')', '--canvas-scrim-pct': IMAGE_SCRIM_PCT + '%', '--canvas-texture-size': 'cover' }; } var tile = preset || BACKGROUND_PRESETS.darkroom; return { '--canvas-texture-url': tile.texture ? 'url(' + TEXTURE_PATH + tile.texture + ')' : 'none', '--canvas-scrim-pct': tile.scrimPct + '%', '--canvas-texture-size': TILE_PX + 'px ' + TILE_PX + 'px' }; } function parseScope(pathname) { if (typeof pathname !== 'string' || pathname.indexOf('/s/') !== 0) return null; var rest = pathname.slice(3); var end = rest.indexOf('/'); var segment = end === -1 ? rest : rest.slice(0, end); if (!segment) return null; var id; try { id = decodeURIComponent(segment); } catch (e) { return null; } return SPACE_ID_PATTERN.test(id) ? id : null; } function apply(entry) { var accent = entry.accent || {}; var hex = accent.hex ? normalizeHex(accent.hex) : ACCENT_PRESETS[accent.preset] || ACCENT_PRESETS.cyanotype; var root = document.documentElement; // The default accent is Mantine's own brand palette: nothing to override. if (hex !== ACCENT_PRESETS.cyanotype) { var vars = accentCssVars(hex); for (var name in vars) root.style.setProperty(name, vars[name]); } var bg = backgroundCssVars(entry.background, entry.backgroundUrl); for (var bgName in bg) root.style.setProperty(bgName, bg[bgName]); root.setAttribute('data-space-accent', accent.hex ? 'custom' : (accent.preset || 'cyanotype')); root.setAttribute('data-space-background', entry.background && entry.background.imageKey ? 'image' : ((entry.background && entry.background.preset) || 'darkroom')); if (typeof entry.name === 'string') root.setAttribute('data-space-name', entry.name); var meta = document.querySelector('meta[name="theme-color"]'); if (meta) meta.setAttribute('content', accentTuple(hex)[5]); } function boot() { if (typeof document === 'undefined' || typeof location === 'undefined') return; var spaceId = parseScope(location.pathname); if (!spaceId) return; var raw = null; try { raw = window.localStorage.getItem(CACHE_KEY); } catch (e) { return; } if (!raw) return; var cache; try { cache = JSON.parse(raw); } catch (e) { return; } if (!cache || typeof cache !== 'object') return; var entry = cache[spaceId]; if (!entry) { // /s//...: find the space by its URL slug. for (var key in cache) { if (cache[key] && cache[key].slug === spaceId) { entry = cache[key]; break; } } } if (!entry || typeof entry !== 'object') return; apply(entry); } var api = { accentTuple: accentTuple, accentCssVars: accentCssVars, backgroundCssVars: backgroundCssVars, parseScope: parseScope, ACCENT_PRESETS: ACCENT_PRESETS, BACKGROUND_PRESETS: BACKGROUND_PRESETS }; try { (typeof window !== 'undefined' ? window : globalThis).__cobaltSpaceTheme = api; } catch (e) { /* no global to hang the seam on */ } try { boot(); } catch (e) { /* theming is a nicety: never block first paint */ } })();