buninu-browser 0.3.0 → 0.4.0

package/test/fixtures/qml/flea-theme/imports/qs/Commons/BorderGeometry.js

@@ -0,0 +1,373 @@
+.pragma library
+
+function clamp(value, min, max) {
+  var n = Number(value)
+  if (!isFinite(n)) return min
+  return Math.max(min, Math.min(max, n))
+}
+
+function clampAlpha(value) {
+  return clamp(value, 0, 1)
+}
+
+function padHex(value) {
+  var n = clamp(Math.round(Number(value)), 0, 255)
+  var h = n.toString(16)
+  return h.length < 2 ? "0" + h : h
+}
+
+function qmlHexColor(rgb, alphaByte) {
+  var rgbPart = String(rgb || "").replace(/^#/, "")
+  var a = clamp(Math.round(Number(alphaByte)), 0, 255)
+
+  if (typeof Qt !== "undefined" && Qt.rgba && rgbPart.length >= 6) {
+    return Qt.rgba(
+      parseInt(rgbPart.substring(0, 2), 16) / 255,
+      parseInt(rgbPart.substring(2, 4), 16) / 255,
+      parseInt(rgbPart.substring(4, 6), 16) / 255,
+      a / 255
+    )
+  }
+
+  var aHex = padHex(a)
+  return aHex.toLowerCase() === "ff" ? "#" + rgbPart : "#" + rgbPart + aHex
+}
+
+function canonicalColor(value, alpha) {
+  var a = alpha === undefined || alpha === null ? 1 : clampAlpha(alpha)
+  var s = String(value || "").replace(/^\s+|\s+$/g, "")
+  var m
+
+  m = s.match(/^#([0-9A-Fa-f]{3})$/)
+  if (m) {
+    var sh = m[1]
+    return qmlHexColor(
+      sh.charAt(0) + sh.charAt(0)
+        + sh.charAt(1) + sh.charAt(1)
+        + sh.charAt(2) + sh.charAt(2),
+      a * 255
+    )
+  }
+
+  m = s.match(/^#([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})?$/)
+  if (m) {
+    var colorAlpha = m[2] ? parseInt(m[2], 16) / 255 : 1
+    return qmlHexColor(m[1], colorAlpha * a * 255)
+  }
+
+  m = s.match(/^[Rr][Gg][Bb]\(([0-9A-Fa-f]{6})\)$/)
+  if (m) return qmlHexColor(m[1], a * 255)
+
+  m = s.match(/^[Rr][Gg][Bb][Aa]\(([0-9A-Fa-f]{6})([0-9A-Fa-f]{2})\)$/)
+  if (m) return qmlHexColor(m[1], (parseInt(m[2], 16) / 255) * a * 255)
+
+  m = s.match(/^[Rr][Gg][Bb]\(([0-9]+),([0-9]+),([0-9]+)\)$/)
+  if (m) return qmlHexColor(padHex(m[1]) + padHex(m[2]) + padHex(m[3]), a * 255)
+
+  m = s.match(/^[Rr][Gg][Bb][Aa]\(([0-9]+),([0-9]+),([0-9]+),([0-9.]+)\)$/)
+  if (m) return qmlHexColor(padHex(m[1]) + padHex(m[2]) + padHex(m[3]), clampAlpha(m[4]) * a * 255)
+
+  m = s.match(/^0x([0-9A-Fa-f]{2})([0-9A-Fa-f]{6})$/)
+  if (m) return qmlHexColor(m[2], (parseInt(m[1], 16) / 255) * a * 255)
+
+  return s
+}
+
+function parseWidthSpec(value, fallback) {
+  var fb = Number(fallback)
+  if (!isFinite(fb) || fb < 0) fb = 0
+
+  if (value === undefined || value === null || value === "") {
+    return { top: fb, right: fb, bottom: fb, left: fb }
+  }
+
+  var parts = String(value).match(/-?\d+(?:\.\d+)?/g) || []
+  var nums = []
+  for (var i = 0; i < parts.length && i < 4; i++) {
+    var n = Number(parts[i])
+    nums.push(isFinite(n) && n > 0 ? n : 0)
+  }
+
+  if (nums.length === 0) nums = [fb]
+  if (nums.length === 1) return { top: nums[0], right: nums[0], bottom: nums[0], left: nums[0] }
+  if (nums.length === 2) return { top: nums[0], right: nums[1], bottom: nums[0], left: nums[1] }
+  if (nums.length === 3) return { top: nums[0], right: nums[1], bottom: nums[2], left: nums[1] }
+  return { top: nums[0], right: nums[1], bottom: nums[2], left: nums[3] }
+}
+
+function withSideOverrides(widths, top, right, bottom, left) {
+  var out = {
+    top: Number(widths && widths.top) || 0,
+    right: Number(widths && widths.right) || 0,
+    bottom: Number(widths && widths.bottom) || 0,
+    left: Number(widths && widths.left) || 0,
+  }
+  if (top !== undefined && top !== null && top !== "") out.top = Math.max(0, Number(top) || 0)
+  if (right !== undefined && right !== null && right !== "") out.right = Math.max(0, Number(right) || 0)
+  if (bottom !== undefined && bottom !== null && bottom !== "") out.bottom = Math.max(0, Number(bottom) || 0)
+  if (left !== undefined && left !== null && left !== "") out.left = Math.max(0, Number(left) || 0)
+  return out
+}
+
+function parseGradientSpec(value, fallbackColor, alpha) {
+  var s = String(value || "").replace(/^\s+|\s+$/g, "")
+  var colors = []
+  var angle = 0
+  var parts = s.length > 0 ? s.split(/\s+/) : []
+
+  for (var i = 0; i < parts.length; i++) {
+    var part = parts[i]
+    var angleMatch = part.match(/^(-?\d+(?:\.\d+)?)deg$/)
+    if (angleMatch) angle = Number(angleMatch[1])
+    else colors.push(canonicalColor(part, alpha))
+  }
+
+  if (colors.length === 0 && fallbackColor !== undefined && fallbackColor !== null)
+    colors.push(canonicalColor(fallbackColor, alpha))
+
+  return {
+    colors: colors,
+    angle: isFinite(angle) ? angle : 0,
+    enabled: colors.length > 1,
+  }
+}
+
+function isUniform(widths) {
+  if (!widths) return true
+  return widths.top === widths.right && widths.top === widths.bottom && widths.top === widths.left
+}
+
+function maxWidth(widths) {
+  if (!widths) return 0
+  return Math.max(widths.top || 0, widths.right || 0, widths.bottom || 0, widths.left || 0)
+}
+
+function needsOverlay(spec) {
+  if (!spec) return false
+  if (maxWidth(spec.widths) <= 0) return false
+  return !!(spec.gradient && spec.gradient.enabled) || !isUniform(spec.widths)
+}
+
+function canUseNative(spec) {
+  return !!spec && maxWidth(spec.widths) > 0 && !needsOverlay(spec)
+}
+
+function normalizeRadii(w, h, r) {
+  var tl = { rx: Math.max(0, Number(r.tlrx) || 0), ry: Math.max(0, Number(r.tlry) || 0) }
+  var tr = { rx: Math.max(0, Number(r.trrx) || 0), ry: Math.max(0, Number(r.trry) || 0) }
+  var br = { rx: Math.max(0, Number(r.brrx) || 0), ry: Math.max(0, Number(r.brry) || 0) }
+  var bl = { rx: Math.max(0, Number(r.blrx) || 0), ry: Math.max(0, Number(r.blry) || 0) }
+  var scale = 1
+
+  if (tl.rx + tr.rx > w && tl.rx + tr.rx > 0) scale = Math.min(scale, w / (tl.rx + tr.rx))
+  if (bl.rx + br.rx > w && bl.rx + br.rx > 0) scale = Math.min(scale, w / (bl.rx + br.rx))
+  if (tl.ry + bl.ry > h && tl.ry + bl.ry > 0) scale = Math.min(scale, h / (tl.ry + bl.ry))
+  if (tr.ry + br.ry > h && tr.ry + br.ry > 0) scale = Math.min(scale, h / (tr.ry + br.ry))
+
+  if (scale < 1) {
+    tl.rx *= scale; tr.rx *= scale; br.rx *= scale; bl.rx *= scale
+    tl.ry *= scale; tr.ry *= scale; br.ry *= scale; bl.ry *= scale
+  }
+
+  return { tl: tl, tr: tr, br: br, bl: bl }
+}
+
+function appendArc(path, rx, ry, sweep, point) {
+  if (rx > 0 && ry > 0) path.push("A", rx, ry, 0, 0, sweep, point.x, point.y)
+  else path.push("L", point.x, point.y)
+}
+
+function roundedRectPath(x, y, w, h, radii) {
+  if (w <= 0 || h <= 0) return ""
+  var r = normalizeRadii(w, h, radii)
+  var right = x + w
+  var bottom = y + h
+  var p = []
+
+  p.push("M", x + r.tl.rx, y)
+  p.push("H", right - r.tr.rx)
+  appendArc(p, r.tr.rx, r.tr.ry, 1, { x: right, y: y + r.tr.ry })
+  p.push("V", bottom - r.br.ry)
+  appendArc(p, r.br.rx, r.br.ry, 1, { x: right - r.br.rx, y: bottom })
+  p.push("H", x + r.bl.rx)
+  appendArc(p, r.bl.rx, r.bl.ry, 1, { x: x, y: bottom - r.bl.ry })
+  p.push("V", y + r.tl.ry)
+  appendArc(p, r.tl.rx, r.tl.ry, 1, { x: x + r.tl.rx, y: y })
+  p.push("Z")
+
+  return p.join(" ")
+}
+
+function borderBoundary(x, y, w, h, radii) {
+  var r = radii && radii.tl ? radii : normalizeRadii(w, h, radii)
+  var right = x + w
+  var bottom = y + h
+  return {
+    start: [
+      { x: x + r.tl.rx, y: y },
+      { x: right, y: y + r.tr.ry },
+      { x: right - r.br.rx, y: bottom },
+      { x: x, y: bottom - r.bl.ry },
+    ],
+    end: [
+      { x: right - r.tr.rx, y: y },
+      { x: right, y: bottom - r.br.ry },
+      { x: x + r.bl.rx, y: bottom },
+      { x: x, y: y + r.tl.ry },
+    ],
+    corner: [r.tr, r.br, r.bl, r.tl],
+  }
+}
+
+function appendForwardCorner(path, boundary, side) {
+  var corner = boundary.corner[side]
+  appendArc(path, corner.rx, corner.ry, 1, boundary.start[(side + 1) % 4])
+}
+
+function appendReverseCorner(path, boundary, side) {
+  var corner = boundary.corner[side]
+  appendArc(path, corner.rx, corner.ry, 0, boundary.end[side])
+}
+
+function reverseBoundaryPath(boundary) {
+  var p = ["M", boundary.start[0].x, boundary.start[0].y]
+  for (var side = 3; side >= 0; side--) {
+    appendReverseCorner(p, boundary, side)
+    p.push("L", boundary.start[side].x, boundary.start[side].y)
+  }
+  p.push("Z")
+  return p.join(" ")
+}
+
+function runPath(outer, inner, start, length) {
+  var previous = (start + 3) % 4
+  var next = (start + length) % 4
+  var p = ["M", outer.end[previous].x, outer.end[previous].y]
+
+  appendForwardCorner(p, outer, previous)
+  for (var offset = 0; offset < length; offset++) {
+    var side = (start + offset) % 4
+    p.push("L", outer.end[side].x, outer.end[side].y)
+    appendForwardCorner(p, outer, side)
+  }
+
+  p.push("L", inner.start[next].x, inner.start[next].y)
+  for (var reverseOffset = length - 1; reverseOffset >= 0; reverseOffset--) {
+    var reverseSide = (start + reverseOffset) % 4
+    appendReverseCorner(p, inner, reverseSide)
+    p.push("L", inner.start[reverseSide].x, inner.start[reverseSide].y)
+  }
+  appendReverseCorner(p, inner, previous)
+  p.push("Z")
+  return p.join(" ")
+}
+
+function radiiFit(w, h, r) {
+  return r.tlrx + r.trrx <= w
+    && r.blrx + r.brrx <= w
+    && r.tlry + r.blry <= h
+    && r.trry + r.brry <= h
+}
+
+// Internal geometry output used by ringPath and focused topology tests.
+// Connected enabled-side runs share one closed contour; opposite-only sides
+// need two. The all-sides case is one compound winding path with a reversed
+// inner loop. Disabled sides never require touching or epsilon-offset inner
+// geometry, so a zero/zero rounded corner emits no border pixels.
+function borderPaths(w, h, radius, widths) {
+  w = Math.max(0, Number(w) || 0)
+  h = Math.max(0, Number(h) || 0)
+  radius = Math.max(0, Number(radius) || 0)
+  widths = widths || { top: 0, right: 0, bottom: 0, left: 0 }
+  if (w <= 0 || h <= 0) return []
+
+  var top = Math.max(0, Number(widths.top) || 0)
+  var right = Math.max(0, Number(widths.right) || 0)
+  var bottom = Math.max(0, Number(widths.bottom) || 0)
+  var left = Math.max(0, Number(widths.left) || 0)
+  var enabled = [top > 0, right > 0, bottom > 0, left > 0]
+  if (!enabled[0] && !enabled[1] && !enabled[2] && !enabled[3]) return []
+
+  var outerRadii = normalizeRadii(w, h, {
+    tlrx: radius, tlry: radius,
+    trrx: radius, trry: radius,
+    brrx: radius, brry: radius,
+    blrx: radius, blry: radius,
+  })
+  var outerPath = roundedRectPath(0, 0, w, h, {
+    tlrx: outerRadii.tl.rx, tlry: outerRadii.tl.ry,
+    trrx: outerRadii.tr.rx, trry: outerRadii.tr.ry,
+    brrx: outerRadii.br.rx, brry: outerRadii.br.ry,
+    blrx: outerRadii.bl.rx, blry: outerRadii.bl.ry,
+  })
+
+  var iw = w - left - right
+  var ih = h - top - bottom
+  if (iw <= 0 || ih <= 0) return [outerPath]
+
+  var desiredInnerRadii = {
+    tlrx: Math.max(0, outerRadii.tl.rx - left),
+    tlry: Math.max(0, outerRadii.tl.ry - top),
+    trrx: Math.max(0, outerRadii.tr.rx - right),
+    trry: Math.max(0, outerRadii.tr.ry - top),
+    brrx: Math.max(0, outerRadii.br.rx - right),
+    brry: Math.max(0, outerRadii.br.ry - bottom),
+    blrx: Math.max(0, outerRadii.bl.rx - left),
+    blry: Math.max(0, outerRadii.bl.ry - bottom),
+  }
+
+  // Normalizing an inner radius that cannot fit can move its tangent beyond
+  // the outer rounded boundary. Winding fill may then paint outside the outer
+  // contour. Conservatively treat that rounded interior as consumed instead.
+  if (!radiiFit(iw, ih, desiredInnerRadii)) return [outerPath]
+
+  var innerRadii = normalizeRadii(iw, ih, desiredInnerRadii)
+  var outer = borderBoundary(0, 0, w, h, outerRadii)
+  var inner = borderBoundary(left, top, iw, ih, innerRadii)
+
+  if (enabled[0] && enabled[1] && enabled[2] && enabled[3])
+    return [outerPath + " " + reverseBoundaryPath(inner)]
+
+  var paths = []
+  for (var start = 0; start < 4; start++) {
+    if (!enabled[start] || enabled[(start + 3) % 4]) continue
+    var length = 1
+    while (length < 4 && enabled[(start + length) % 4]) length++
+    paths.push(runPath(outer, inner, start, length))
+  }
+  return paths
+}
+
+function ringPath(w, h, radius, widths) {
+  return borderPaths(w, h, radius, widths).join(" ")
+}
+
+function gradientEndpoints(w, h, angle) {
+  w = Math.max(1, Number(w) || 1)
+  h = Math.max(1, Number(h) || 1)
+  var rad = (Number(angle) || 0) * Math.PI / 180
+  var dx = Math.cos(rad)
+  var dy = Math.sin(rad)
+  var len = (Math.abs(w * dx) + Math.abs(h * dy)) / 2
+  var cx = w / 2
+  var cy = h / 2
+  return {
+    x1: cx - dx * len,
+    y1: cy - dy * len,
+    x2: cx + dx * len,
+    y2: cy + dy * len,
+  }
+}
+
+function stopColor(colors, index) {
+  if (!colors || colors.length === 0) return "transparent"
+  if (index < colors.length) return colors[index]
+  return colors[colors.length - 1]
+}
+
+function stopPosition(colors, index) {
+  var count = colors ? colors.length : 0
+  if (count <= 1) return index === 0 ? 0 : 1
+  if (index >= count) return 1
+  return index / (count - 1)
+}

package/test/fixtures/qml/flea-theme/imports/qs/Commons/Color.qml

@@ -0,0 +1,258 @@
+pragma Singleton
+import QtQuick
+import Quickshell
+import Quickshell.Io
+import "BorderGeometry.js" as Geometry
+
+// Color surfaces for the shell. Foundational palette (foreground, background,
+// accent, urgent) comes from theme/colors.toml. Per-surface roles come from
+// theme/shell.toml — generated per theme from default/themed/shell.toml.tpl,
+// or shipped directly by a theme to replace the generated file. Surfaces that
+// don't appear in shell.toml fall back to the foundational palette.
+QtObject {
+  id: root
+
+  readonly property string home: Quickshell.env("HOME")
+  readonly property string stateHome: home + "/.local/state"
+  readonly property string currentThemePath: stateHome + "/omarchy/current/theme"
+
+  property color foreground: "#cacccc"
+  property color background: "#101315"
+  property color accent: "#cacccc"
+  property color urgent: "#a55555"
+  property color muted: "#707880"
+
+  // Flat dictionary of "section.key" -> raw string from shell.toml.
+  // Reassigning this whole property is what makes surface bindings below
+  // re-evaluate when the theme swaps; mutating it in place would not.
+  property var shellValues: ({})
+
+  function pick(key, fallback) {
+    var v = shellValues[key]
+    return (typeof v === "string" && v.length > 0) ? v : fallback
+  }
+
+  function pickAlpha(key, fallback) {
+    var v = shellValues[key]
+    if (typeof v !== "string" || v.length === 0) return fallback
+    var n = Number(v)
+    if (!isFinite(n)) return fallback
+    return Util.clampAlpha(n)
+  }
+
+  function firstColorToken(value) {
+    var parts = String(value || "").replace(/^\s+|\s+$/g, "").split(/\s+/)
+    for (var i = 0; i < parts.length; i++) {
+      if (!parts[i].match(/^-?\d+(?:\.\d+)?deg$/)) return parts[i]
+    }
+    return value
+  }
+
+  function flatColor(value, fallback) {
+    var seen = Object.create(null)
+    var token = firstColorToken(value)
+    var role = String(token || "").replace(/^\s+|\s+$/g, "").toLowerCase()
+    while (root.shellValues[role] && root.shellValues[role] !== token) {
+      if (seen[role]) return fallback
+      seen[role] = true
+      token = firstColorToken(root.shellValues[role])
+      role = String(token || "").replace(/^\s+|\s+$/g, "").toLowerCase()
+    }
+    if (role === "foreground" || role === "text") return root.foreground
+    if (role === "accent") return root.accent
+    if (role === "urgent") return root.urgent
+    if (role === "muted") return root.muted
+    if (role === "background") return root.background
+    if (role === "transparent") return Qt.rgba(0, 0, 0, 0)
+
+    var color = Geometry.canonicalColor(token, 1)
+    if (typeof color === "string" && color === token && token.charAt(0) !== "#") return fallback
+    return color
+  }
+
+  // Compose a color from a base-color key and its `-alpha` companion. If the
+  // base token is a gradient, color-only consumers use the first stop.
+  function composed(colorKey, alphaKey, colorFallback, alphaFallback) {
+    return Util.alpha(flatColor(pick(colorKey, colorFallback), colorFallback), pickAlpha(alphaKey, alphaFallback))
+  }
+
+  readonly property QtObject bar: QtObject {
+    property color background: root.composed("bar.background", "bar.background-alpha", root.background, 1.0)
+    property color text: root.pick("bar.text", root.foreground)
+    property color active: root.pick("bar.active", root.urgent)
+  }
+  readonly property QtObject popups: QtObject {
+    property color background: root.composed("popups.background", "popups.background-alpha", root.background, 1.0)
+    property color text: root.pick("popups.text", root.foreground)
+    property color border: root.composed("popups.border", "popups.border-alpha", root.accent, 1.0)
+  }
+  readonly property QtObject tooltip: QtObject {
+    property color background: root.composed("tooltip.background", "tooltip.background-alpha", root.background, 1.0)
+    property color text: root.pick("tooltip.text", root.foreground)
+    property color border: root.composed("tooltip.border", "tooltip.border-alpha", root.foreground, 1.0)
+  }
+  readonly property QtObject notifications: QtObject {
+    property color background: root.composed("notifications.background", "notifications.background-alpha", root.background, 1.0)
+    property color text: root.pick("notifications.text", root.foreground)
+    property color border: root.composed("notifications.border", "notifications.border-alpha", root.accent, 1.0)
+    property color countdown: root.pick("notifications.countdown", root.accent)
+  }
+  readonly property QtObject menu: QtObject {
+    property color background: root.composed("menu.background", "menu.background-alpha", root.background, 1.0)
+    property color text: root.pick("menu.text", root.foreground)
+    property color border: root.composed("menu.border", "menu.border-alpha", root.foreground, 1.0)
+    property color scrim: root.composed("menu.scrim", "menu.scrim-alpha", root.background, 0.5)
+    property color selectedBackground: root.composed("menu.selected-background", "menu.selected-background-alpha", root.foreground, 0.08)
+    property color selectedText: root.pick("menu.selected-text", root.accent)
+    property color selectedBorder: root.composed("menu.selected-border", "menu.selected-border-alpha", root.foreground, 0.0)
+  }
+  // polkit + lock share a single border-alpha across border / border-active /
+  // border-error: the three states are mutually exclusive in time, so one
+  // companion is enough.
+  readonly property QtObject polkit: QtObject {
+    property color background: root.composed("polkit.background", "polkit.background-alpha", root.background, 1.0)
+    property color text: root.pick("polkit.text", root.foreground)
+    property color textError: root.pick("polkit.text-error", root.urgent)
+    property color border: root.composed("polkit.border", "polkit.border-alpha", root.accent, 1.0)
+    property color borderError: root.composed("polkit.border-error", "polkit.border-alpha", root.urgent, 1.0)
+    property color accent: root.pick("polkit.accent", root.accent)
+    property color scrim: root.composed("polkit.scrim", "polkit.scrim-alpha", root.background, 0.5)
+  }
+  readonly property QtObject lock: QtObject {
+    property color background: root.composed("lock.background", "lock.background-alpha", root.background, 0.8)
+    property color text: root.pick("lock.text", root.foreground)
+    property color placeholder: root.shellValues["lock.placeholder"] ? root.flatColor(root.shellValues["lock.placeholder"], Util.alpha(root.foreground, 0.66)) : Util.alpha(root.foreground, 0.66)
+    property color textError: root.pick("lock.text-error", root.urgent)
+    property color border: root.composed("lock.border", "lock.border-alpha", root.foreground, 1.0)
+    property color borderActive: root.composed("lock.border-active", "lock.border-alpha", root.accent, 1.0)
+    property color borderError: root.composed("lock.border-error", "lock.border-alpha", root.urgent, 1.0)
+    property color selection: root.composed("lock.selection", "lock.selection-alpha", root.accent, 0.45)
+  }
+  // The image picker has no card surface or backdrop; per-slice dim
+  // overlays / text outlines use the foundational `background` color directly.
+  readonly property QtObject imagePicker: QtObject {
+    property color text: root.pick("image-picker.text", root.foreground)
+    property color selectedBorder: root.composed("image-picker.selected-border", "image-picker.selected-border-alpha", root.accent, 1.0)
+    property color unselectedBorder: root.composed("image-picker.unselected-border", "image-picker.unselected-border-alpha", root.foreground, 0.28)
+  }
+
+  function loadColors(raw) {
+    var lines = String(raw || "").split("\n")
+    var foundAccent = false
+    var foundMuted = false
+    var loadedForeground = false
+    var loadedBackground = false
+    var color0Value = ""
+    var color4Value = ""
+    var color7Value = ""
+    var color8Value = ""
+    for (var i = 0; i < lines.length; i++) {
+      var match = lines[i].match(/^\s*([A-Za-z0-9_-]+)\s*=\s*["']?(#[0-9A-Fa-f]{6})/)
+      if (!match) continue
+      if (match[1] === "foreground") { foreground = match[2]; loadedForeground = true }
+      else if (match[1] === "background") { background = match[2]; loadedBackground = true }
+      // Prefer the explicit `accent` key; only fall back to color4 when the
+      // theme doesn't define a separate accent. color4 appears later in the
+      // file so the old single-property approach clobbered accent with it.
+      else if (match[1] === "accent") { accent = match[2]; foundAccent = true }
+      else if (match[1] === "muted") { muted = match[2]; foundMuted = true }
+      else if (match[1] === "color0") color0Value = match[2]
+      else if (match[1] === "color4") color4Value = match[2]
+      else if (match[1] === "color7") color7Value = match[2]
+      else if (match[1] === "color8") color8Value = match[2]
+      else if (match[1] === "red" || match[1] === "color1") urgent = match[2]
+    }
+    if (!loadedBackground && color0Value.length > 0) background = color0Value
+    if (!loadedForeground && color7Value.length > 0) foreground = color7Value
+    if (!foundAccent && color4Value.length > 0) accent = color4Value
+    if (!foundMuted) muted = color8Value.length > 0 ? color8Value : foreground
+  }
+
+  // Last theme-supplied and user-supplied shell.toml dicts, kept separate so
+  // either can be reloaded without re-reading the other. `shellValues` is
+  // always the merge of theme (base) and user (override) — see mergeShell.
+  property var themeShellValues: ({})
+  property var userShellValues: ({})
+
+  // Single TOML walker for shell.toml. Both Color (surface roles) and Style
+  // (typography, spacing, bar, control states) consume the resulting dict.
+  // Accepts quoted strings, bare numeric values, bare width lists, and bare
+  // role names; tolerates inline comments. Numbers are kept as strings here —
+  // readers coerce when they pull a value.
+  function parseShell(raw) {
+    var parsed = {}
+    var text = String(raw || "")
+    if (text) {
+      var lines = text.split("\n")
+      var section = ""
+      for (var i = 0; i < lines.length; i++) {
+        var line = lines[i].replace(/^\s+|\s+$/g, "")
+        if (!line || line.charAt(0) === "#") continue
+        var sectionMatch = line.match(/^\[([A-Za-z0-9_-]+)\]\s*(#.*)?$/)
+        if (sectionMatch) { section = sectionMatch[1]; continue }
+        var stringKv = line.match(/^([A-Za-z0-9_-]+)\s*=\s*["']([^"']+)["']\s*(#.*)?$/)
+        var numKv = line.match(/^([A-Za-z0-9_-]+)\s*=\s*(-?\d+(?:\.\d+)?)\s*(#.*)?$/)
+        var widthKv = line.match(/^([A-Za-z0-9_-]+)\s*=\s*(-?\d+(?:\.\d+)?(?:\s+-?\d+(?:\.\d+)?){1,3})\s*(#.*)?$/)
+        var bareKv = line.match(/^([A-Za-z0-9_-]+)\s*=\s*([A-Za-z][A-Za-z0-9_-]*)\s*(#.*)?$/)
+        var kv = stringKv || numKv || widthKv || bareKv
+        if (!kv || !section) continue
+        parsed[section + "." + kv[1]] = kv[2]
+      }
+    }
+    return parsed
+  }
+
+  // Re-derive `shellValues` from theme base + user override and push it to
+  // Style. User keys win, so a machine-level `~/.config/omarchy/shell.toml`
+  // survives theme switches (which replace only themeShellValues).
+  function mergeShell() {
+    var merged = {}
+    for (var tk in themeShellValues) merged[tk] = themeShellValues[tk]
+    for (var uk in userShellValues) merged[uk] = userShellValues[uk]
+    shellValues = merged
+    Style.applyShellValues(merged)
+  }
+
+  function loadShell(raw) {
+    themeShellValues = parseShell(raw)
+    mergeShell()
+  }
+
+  function loadUserShell(raw) {
+    userShellValues = parseShell(raw)
+    mergeShell()
+  }
+
+  // Startup load only. Runtime theme switches push the payload explicitly
+  // through shell IPC.
+  property FileView colorsFile: FileView {
+    id: colorsFile
+    path: root.currentThemePath + "/colors.toml"
+    watchChanges: false
+    printErrors: false
+    onLoaded: root.loadColors(text())
+  }
+  property FileView shellFile: FileView {
+    id: shellFile
+    path: root.currentThemePath + "/shell.toml"
+    watchChanges: false
+    printErrors: false
+    onLoaded: root.loadShell(text())
+    onLoadFailed: root.loadShell("")
+  }
+  // Machine-level override, layered on top of whatever theme is active. This
+  // is where `omarchy display text size` writes `[font] base-size`. Watched so the
+  // CLI takes effect live without restarting the shell; absent by default.
+  property FileView userShellFile: FileView {
+    id: userShellFile
+    path: root.home + "/.config/omarchy/shell.toml"
+    watchChanges: true
+    printErrors: false
+    onLoaded: root.loadUserShell(text())
+    // Re-read on change (including first creation) before loading — `text()`
+    // is stale in the change signal itself, so route both paths through reload
+    // → onLoaded to always parse fresh content.
+    onFileChanged: reload()
+    onLoadFailed: root.loadUserShell("")
+  }
+}