@stackone/malachite 2.21.0 → 2.23.0

package/dist/theme.js

@@ -0,0 +1,1959 @@
+const h = {
+  background: "rgba(0, 175, 102)",
+  foreground: "rgb(2, 122, 66)",
+  border: "rgba(0, 175, 102, 0.2)",
+  backgroundGlass: "rgba(0, 175, 102, 0.08)"
+}, B = "0px 1px 0px 0px rgba(0, 175, 102, 0.15)", p = {
+  small: "28px",
+  medium: "32px",
+  large: "42px"
+}, e = {
+  fontSizes: {
+    xsmall: "11px",
+    small: "13px",
+    medium: "14px",
+    15: "15px",
+    large: "16px",
+    xlarge: "18px",
+    xxlarge: "22px"
+  },
+  controlHeights: { ...p },
+  iconSizes: {
+    xsmall: "12px",
+    small: "13px",
+    medium: "13px",
+    large: "15px"
+  },
+  radius: {
+    xs: "2px",
+    sm: "4px",
+    md: "6px",
+    lg: "8px",
+    10: "10px",
+    xl: "12px",
+    xxl: "14px",
+    xxxl: "16px"
+  },
+  shadows: {
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+    xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+    glow: "0px 0px 10px 0px rgba(0, 0, 0, 0.2)",
+    glowLg: "0px 0px 20px 0px rgba(0, 0, 0, 0.2)",
+    default: "0px 1px 0px 0px rgba(0, 0, 0, 0.15)",
+    accent: B,
+    success: "0px 1px 0px 0px rgba(0, 175, 102, 0.15)",
+    warning: "0px 1px 0px 0px rgba(241, 139, 10, 0.15)",
+    error: "0px 1px 0px 0px rgba(197, 63, 63, 0.15)"
+  },
+  colors: {
+    shadowColor: "0, 0, 0",
+    shadowOpacity: 0.1,
+    card: {
+      background: "rgb(255, 255, 255)",
+      foreground: "rgb(10, 10, 10)",
+      border: "rgb(232, 232, 232)",
+      shadow: "rgba(0, 0, 0, 0.1)",
+      dimmedBackground: "rgb(247, 247, 247)",
+      sunkenBackground: "rgb(250, 250, 250)",
+      warmBackground: "rgb(244, 242, 240)",
+      headerBackground: "rgb(255, 255, 255)",
+      footerBackground: "rgb(255, 255, 255)",
+      footerGlassBackground: "rgba(255, 255, 255, 0.7)",
+      trayNeutral: "rgb(247, 247, 247)",
+      // Figma #F7F7F7
+      trayWarning: "rgb(253, 243, 230)",
+      // Figma #FDF3E6
+      trayError: "rgb(254, 241, 241)",
+      // Figma #FEF1F1
+      traySuccess: "rgb(236, 249, 244)",
+      // Figma #ECF9F4
+      subtleDivider: "rgb(241, 241, 241)"
+      // Figma #F1F1F1
+    },
+    overlay: {
+      scrim: "rgba(0, 0, 0, 0.1)"
+    },
+    alert: {
+      info: {
+        background: "rgb(247, 247, 247)",
+        foreground: "rgb(10, 10, 10)"
+      },
+      success: {
+        background: "rgba(0, 175, 102, 0.08)",
+        foreground: "rgb(2, 122, 66)"
+      },
+      error: {
+        background: "rgba(197, 63, 63, 0.08)",
+        foreground: "rgb(237, 53, 54)"
+      },
+      warning: {
+        background: "rgba(241, 139, 10, 0.08)",
+        foreground: "rgb(150, 88, 10)"
+      },
+      assistant: {
+        background: "rgb(242, 238, 254)",
+        // #F2EEFE, the assistant tag's ground
+        foreground: "rgb(110, 86, 207)"
+        // #6E56CF
+      }
+    },
+    tooltip: {
+      background: "rgb(59, 59, 59)",
+      foreground: "rgb(255, 255, 255)",
+      border: "rgb(60, 60, 60)",
+      shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.20)"
+    },
+    primary: {
+      background: "rgb(48, 48, 48)",
+      foreground: "rgb(10, 10, 10)",
+      border: "rgb(232, 232, 232)",
+      borderHover: "rgb(186, 186, 186)"
+    },
+    accent: h,
+    control: {
+      borderHover: "rgba(0, 175, 102, 0.4)"
+    },
+    outline: {
+      foreground: "rgb(10, 10, 10)"
+    },
+    secondary: {
+      background: "rgb(9, 9, 9)",
+      foreground: "rgb(255, 255, 255)",
+      border: "rgb(232, 232, 232)",
+      borderHover: "rgb(186, 186, 186)"
+    },
+    destructive: {
+      background: "transparent",
+      foreground: "rgb(196, 62, 62)",
+      border: "rgb(239, 55, 55)",
+      borderHover: "rgb(239, 55, 55)",
+      shadow: "rgb(239, 55, 55)",
+      shadowLight: "rgba(239, 55, 55, 0.4)",
+      shadowMedium: "rgba(239, 55, 55, 0.6)"
+    },
+    success: {
+      background: "rgba(0, 175, 102)",
+      foreground: "rgb(2, 122, 66)",
+      border: "rgba(0, 175, 102, 0.2)",
+      borderHover: "rgba(0, 175, 102, 0.4)",
+      backgroundGlass: "rgba(0, 175, 102, 0.08)",
+      shadowLight: "rgba(0, 175, 102, 0.4)",
+      shadowMedium: "rgba(0, 175, 102, 0.6)"
+    },
+    warning: {
+      background: "rgb(241, 139, 10)",
+      foreground: "rgb(150, 88, 10)",
+      border: "rgba(241, 139, 10, 0.2)",
+      borderHover: "rgba(241, 139, 10, 0.4)",
+      backgroundGlass: "rgba(241, 139, 10, 0.08)",
+      shadowLight: "rgba(241, 139, 10, 0.4)",
+      shadowMedium: "rgba(241, 139, 10, 0.6)"
+    },
+    error: {
+      background: "rgb(197, 63, 63)",
+      foreground: "rgb(237, 53, 54)",
+      border: "rgba(197, 63, 63, 0.2)",
+      borderHover: "rgba(197, 63, 63, 0.4)",
+      backgroundGlass: "rgba(197, 63, 63, 0.08)",
+      shadowLight: "rgba(197, 63, 63, 0.4)",
+      shadowMedium: "rgba(197, 63, 63, 0.6)"
+    },
+    buttonList: {
+      background: "rgb(255, 255, 255)",
+      foreground: "rgb(10, 10, 10)",
+      hoverBackground: "rgb(245, 245, 245)",
+      hoverForeground: "rgb(10, 10, 10)"
+    },
+    pillButton: {
+      background: "rgb(241, 241, 241)",
+      // Figma #f1f1f1
+      foreground: "rgb(123, 123, 123)",
+      // Figma #7b7b7b
+      hoverBackground: "rgb(232, 232, 232)",
+      // Figma #e8e8e8
+      hoverForeground: "rgb(10, 10, 10)",
+      // Figma neutral-950 (almost black)
+      pressedBackground: "rgb(232, 232, 232)",
+      // Figma #e8e8e8 (same as hover)
+      pressedForeground: "rgb(10, 10, 10)",
+      // Figma neutral-950 (same as hover)
+      pressedOpacity: "0.6",
+      // Figma opacity-60
+      activeBackground: "rgb(48, 48, 48)",
+      activeForeground: "rgb(255, 255, 255)",
+      staticBackground: "rgb(224, 222, 220)",
+      // #e0dedc — used by interactive=false pills
+      staticForeground: "rgb(76, 75, 75)",
+      // #4c4b4b
+      invertedBackground: "rgb(255, 255, 255)",
+      invertedForeground: "rgb(76, 75, 75)",
+      // #4c4b4b
+      invertedHoverBackground: "rgb(10, 10, 10)",
+      // neutral-950
+      invertedHoverForeground: "rgb(255, 255, 255)",
+      invertedPressedBackground: "rgb(10, 10, 10)",
+      invertedPressedForeground: "rgb(255, 255, 255)"
+    },
+    toggle: {
+      track: "rgb(232, 232, 232)",
+      // #e8e8e8 neutral off track
+      trackChecked: "rgb(0, 175, 102)",
+      // #00AF66 brand green
+      trackCheckedPending: "rgb(241, 139, 10)",
+      // #F18B0A, the pending amber
+      knob: "rgb(255, 255, 255)"
+    },
+    segmentedControl: {
+      trackBackground: "rgb(241, 241, 241)",
+      // Figma #f1f1f1 sunken track
+      // Deliberately text.muted, not text.secondary: #7b7b7b on the #f1f1f1 track is
+      // only 3.7:1, below WCAG AA for body text. #4c4b4b is 7.7:1.
+      itemForeground: "rgb(76, 75, 75)",
+      // #4c4b4b text.muted
+      itemHoverForeground: "rgb(10, 10, 10)",
+      // neutral-950
+      selectedBackground: "rgb(255, 255, 255)",
+      selectedForeground: "rgb(10, 10, 10)",
+      // neutral-950
+      selectedShadow: "0px 1px 5px 0px rgba(0, 0, 0, 0.1)"
+    },
+    selectableCard: {
+      background: "rgb(241, 241, 241)",
+      border: "rgb(221, 221, 221)",
+      selectedTint: "rgb(231, 248, 241)",
+      selectedSurfaceEnd: "rgb(255, 255, 255)",
+      selectedBorder: "rgb(4, 123, 67)",
+      librarySelectedTint: "rgb(241, 241, 241)",
+      librarySelectedBorder: "rgb(187, 187, 187)",
+      editingTint: "rgb(249, 242, 233)",
+      // Figma #F9F2E9
+      accent: "rgb(4, 123, 67)",
+      // Figma #047B43 primary (dark)
+      mutedForeground: "rgb(123, 123, 123)",
+      // Figma #7B7B7B, the same grey as text-secondary
+      hoverBackground: "rgb(232, 232, 232)",
+      hoverRule: "rgb(187, 187, 187)",
+      pendingForeground: "rgb(150, 88, 10)"
+    },
+    cardStrip: {
+      background: "rgb(241, 241, 241)",
+      // Figma #F1F1F1
+      divider: "rgb(221, 221, 221)",
+      // Figma #DDDDDD — hairline between adjacent cards
+      fade: "rgb(255, 255, 255)",
+      arrowBackground: "rgb(255, 255, 255)",
+      arrowBorder: "rgb(232, 232, 232)",
+      // Figma #E8E8E8, same hairline as dropdown.border
+      addPrimaryBackground: "rgb(10, 10, 10)",
+      addPrimaryForeground: "rgb(255, 255, 255)"
+    },
+    selectionBar: {
+      background: "rgb(10, 10, 10)",
+      // Figma #0a0a0a
+      foreground: "rgb(255, 255, 255)",
+      mutedForeground: "rgb(123, 123, 123)",
+      divider: "rgb(64, 64, 64)",
+      border: "transparent",
+      // edgeless in light
+      primaryBorder: "rgb(232, 232, 232)",
+      shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.2)",
+      noticeBackground: "rgb(237, 217, 190)",
+      noticeForeground: "rgb(132, 77, 9)",
+      noticeShadow: "0px 0px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 4px 0px rgba(0, 0, 0, 0.08), 0px 4px 10px 0px rgba(0, 0, 0, 0.05)"
+    },
+    inlineConfirm: {
+      background: "rgb(34, 33, 33)",
+      // Figma #222121
+      foreground: "rgb(255, 255, 255)",
+      divider: "rgba(255, 255, 255, 0.1)",
+      shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.2)"
+    },
+    dropdown: {
+      border: "rgb(232, 232, 232)",
+      borderActive: "rgba(0, 175, 102, 0.6)",
+      borderFilter: "rgba(0, 175, 102, 0.4)",
+      borderError: "rgba(239, 55, 55, 0.6)",
+      borderPending: "rgba(241, 139, 10, 0.6)",
+      shadow: "0px 1px 0px 0px rgba(0, 0, 0, 0.15)",
+      shadowHover: "0px 1px 0px 0px rgba(0, 175, 102, 0.6)",
+      shadowActive: "0px 1px 0px 0px rgba(0, 175, 102, 0.8)",
+      shadowFilter: "0px 1px 0px 0px rgba(0, 175, 102, 0.6)",
+      shadowError: "0px 1px 0px 0px rgba(239, 55, 55, 0.8), 0px 0px 0px 2px rgba(239, 55, 55, 0.1)",
+      shadowPending: "0px 1px 0px 0px rgba(241, 139, 10, 0.8), 0px 0px 0px 2px rgba(241, 139, 10, 0.1)",
+      disabledBackground: "rgb(241, 241, 241)"
+      // Figma #f1f1f1
+    },
+    tag: {
+      primary: {
+        background: "rgba(37, 130, 234, 0.1)",
+        // #2582EA1A
+        foreground: "rgb(37, 130, 234)",
+        // #2582EA
+        border: "rgb(37, 130, 234)",
+        // #2582EA
+        shadow: "rgba(37, 130, 234, 0.5)"
+        // #2582EA with 50% opacity
+      },
+      secondary: {
+        background: "rgba(0, 175, 102, 0.1)",
+        // #00AF661A
+        foreground: "rgb(0, 175, 102)",
+        // #00AF66
+        border: "rgb(0, 175, 102)",
+        // #00AF66
+        shadow: "rgba(0, 175, 102, 0.5)"
+        // #00AF66 with 50% opacity
+      },
+      default: {
+        background: "rgba(123, 123, 123, 0.1)",
+        // #7B7B7B1A
+        foreground: "rgb(123, 123, 123)",
+        // #7B7B7B
+        border: "rgb(123, 123, 123)",
+        // #7B7B7B
+        shadow: "rgba(123, 123, 123, 0.5)"
+        // #7B7B7B with 50% opacity
+      },
+      error: {
+        background: "rgba(196, 62, 62, 0.1)",
+        // #C43E3E1A
+        foreground: "rgb(196, 62, 62)",
+        // #C43E3E
+        border: "rgb(196, 62, 62)",
+        // #C43E3E
+        shadow: "rgba(196, 62, 62, 0.5)"
+        // #C43E3E with 50% opacity
+      },
+      warning: {
+        background: "rgba(150, 88, 10, 0.1)",
+        // #96580A1A
+        foreground: "rgb(150, 88, 10)",
+        // #96580A
+        border: "rgb(150, 88, 10)",
+        // #96580A
+        shadow: "rgba(150, 88, 10, 0.5)"
+        // #96580A with 50% opacity
+      },
+      success: {
+        background: "rgba(0, 175, 102, 0.1)",
+        // #00AF661A
+        foreground: "rgb(2, 122, 66)",
+        // #027A42
+        border: "rgb(2, 122, 66)",
+        // #027A42
+        shadow: "rgba(2, 122, 66, 0.5)"
+        // #027A42 with 50% opacity
+      },
+      emphasis: {
+        background: "rgba(123, 123, 123, 0.1)",
+        foreground: "rgb(10, 10, 10)",
+        border: "rgb(10, 10, 10)",
+        shadow: "rgba(0, 0, 0, 0.2)"
+      },
+      info: {
+        background: "rgba(12, 88, 174, 0.1)",
+        // #0C58AE1A
+        foreground: "rgb(12, 88, 174)",
+        // Blue (Dark) from Figma #0C58AE
+        border: "rgb(12, 88, 174)",
+        // #0C58AE
+        shadow: "rgba(12, 88, 174, 0.5)"
+        // #0C58AE with 50% opacity
+      },
+      assistant: {
+        background: "rgb(242, 238, 254)",
+        // #F2EEFE
+        foreground: "rgb(110, 86, 207)",
+        // #6E56CF
+        border: "rgb(227, 221, 251)",
+        // #E3DDFB
+        shadow: "rgba(110, 86, 207, 0.5)"
+        // #6E56CF with 50% opacity
+      }
+    },
+    numberTag: {
+      background: "rgba(0, 0, 0, 0.08)",
+      foreground: "rgb(123, 123, 123)",
+      // text secondary
+      emphasisBackground: "rgba(0, 0, 0, 0.15)",
+      emphasisForeground: "rgb(34, 33, 33)"
+      // text emphasis
+    },
+    table: {
+      background: "rgb(247, 247, 247)",
+      // #F7F7F7
+      boxShadow: "none",
+      // The designed container is a flat grey frame, not elevated
+      header: {
+        background: "rgb(247, 247, 247)",
+        // #F7F7F7
+        foreground: "rgb(55, 65, 81)",
+        // #374151
+        border: "rgb(229, 231, 235)"
+        // #e5e7eb
+      },
+      row: {
+        background: "rgb(255, 255, 255)",
+        // #ffffff
+        foreground: "rgb(75, 85, 99)",
+        // #4b5563
+        hoverBackground: "rgb(249, 250, 251)",
+        // #f9fafb
+        border: "rgb(229, 231, 235)",
+        // #e5e7eb
+        // Translucent, so it layers over the row (or a rowVariant tint). 15% not 10%:
+        // at 10% the step was 1.11:1 from a plain row, near-invisible without colour
+        // vision. Capped there to keep the foreground's AA headroom (4.64:1).
+        selectedBackground: "rgba(0, 175, 102, 0.15)",
+        // #00AF66 at 15%
+        selectedAccent: "rgb(2, 122, 66)",
+        // #027A42, matches text.success
+        selectedForeground: "rgb(2, 122, 66)"
+        // #027A42
+      },
+      border: "rgb(229, 231, 235)",
+      // #e5e7eb
+      borderedRow: {
+        background: "rgb(255, 255, 255)",
+        // #FFF
+        outline: "rgb(232, 232, 232)"
+        // #e8e8e8
+      },
+      rowVariant: {
+        success: {
+          background: "rgb(236, 249, 244)"
+          // #ECF9F4
+        },
+        warning: {
+          background: "rgb(253, 243, 230)"
+          // #FDF3E6
+        },
+        error: {
+          background: "rgb(253, 236, 236)"
+          // #FDECEC
+        },
+        info: {
+          background: "rgb(230, 244, 253)"
+          // #E6F4FD
+        }
+      },
+      error: {
+        iconBackground: "rgb(254, 243, 199)",
+        // #fef3c7
+        iconForeground: "rgb(217, 119, 6)",
+        // #d97706
+        titleForeground: "rgb(17, 24, 39)",
+        // #111827
+        subtitleForeground: "rgb(107, 114, 128)"
+        // #6b7280
+      }
+    },
+    text: {
+      primary: "rgb(10, 10, 10)",
+      secondary: "rgb(123, 123, 123)",
+      dimmed: "rgb(161, 161, 161)",
+      emphasis: "rgb(34, 33, 33)",
+      muted: "rgb(76, 75, 75)",
+      placeholder: "rgb(187, 187, 187)",
+      // Figma #bbbbbb for input placeholders
+      destructive: "rgb(237, 53, 54)",
+      success: "rgb(2, 122, 66)",
+      highlight: "rgb(118, 214, 174)",
+      warning: "rgb(150, 88, 10)",
+      warningMuted: "rgb(206, 163, 108)",
+      // Figma #CEA36C
+      error: "rgb(237, 53, 54)",
+      info: "rgb(12, 88, 174)",
+      // Blue (Dark) from Figma #0C58AE
+      linkForeground: "rgba(0, 0, 0, 0.45)",
+      linkForegroundHover: "rgb(10, 10, 10)",
+      rightSideText: {
+        muted: "rgb(123, 123, 123)",
+        // #7B7B7B for less prominent right side text
+        primary: "rgb(10, 10, 10)",
+        // #0A0A0A for more prominent right side text
+        alignment: "right",
+        // Default to right alignment
+        fontSize: "12px",
+        minWidth: "80px"
+      }
+    },
+    codeBlock: {
+      background: "rgb(255, 255, 255)",
+      // White background from Figma
+      foreground: "rgb(10, 10, 10)",
+      // Header color from Figma #0A0A0A
+      border: "rgb(232, 232, 232)",
+      // Light border
+      lineNumber: "rgb(123, 123, 123)",
+      // Text color from Figma #7B7B7B
+      keyword: "rgb(12, 88, 174)",
+      // Blue (Dark) from Figma #0C58AE
+      comment: "rgb(123, 123, 123)",
+      // Text color for comments
+      string: "rgb(2, 122, 66)",
+      // Green for strings
+      number: "rgb(150, 88, 10)",
+      // Orange for numbers
+      type: "rgb(12, 88, 174)",
+      // Blue for types
+      // Low alpha, so highlighted code stays readable through the tint.
+      diffAddedBackground: "rgba(0, 175, 102, 0.12)",
+      diffRemovedBackground: "rgba(239, 55, 55, 0.1)",
+      // The assistant diff palette, from the design mock for AI-authored changes.
+      diffAssistantBackground: "#F5F1FE",
+      diffAssistantForeground: "#6E56CF",
+      diffAssistantRemovedBackground: "#F7F6FB",
+      diffRemovedForeground: "#5E5876",
+      diffContextForeground: "#D9D9D9",
+      diffContextText: "#3B3B3B"
+    },
+    chat: {
+      userBubbleBackground: "rgb(246, 246, 246)",
+      // #F6F6F6
+      userBubbleBorder: "rgb(237, 237, 237)",
+      // #EDEDED
+      // Deliberately neutral, not violet. The violet marks a pending change in the form
+      // beside this column; spending the same hue on "the assistant said it" leaves the
+      // reader two meanings for one colour. The bubble differs from the user's by being
+      // a white card against their filled grey, and the assistant is named in violet
+      // above the thread instead.
+      assistantBubbleBackground: "rgb(255, 255, 255)",
+      assistantBubbleBorder: "rgb(232, 232, 232)",
+      // The neutral hairline, as codeBlock.border
+      assistantBubbleForeground: "rgb(10, 10, 10)"
+      // text.primary — this is body copy, read at length
+    },
+    assistant: {
+      foreground: "rgb(110, 86, 207)",
+      // #6E56CF, matches tag.assistant.foreground
+      surfaceBackground: "rgb(251, 250, 255)",
+      // #FBFAFF, a faint tint for a card or callout
+      surfaceBorder: "rgb(220, 211, 250)",
+      // #DCD3FA, drawn dashed by the consumer
+      surfaceForeground: "rgb(74, 63, 122)"
+      // #4A3F7A, from the Chat.Suggestion mock
+    }
+  }
+}, f = {
+  fontSizes: {
+    xsmall: "11px",
+    small: "13px",
+    medium: "14px",
+    15: "15px",
+    large: "16px",
+    xlarge: "18px",
+    xxlarge: "22px"
+  },
+  controlHeights: { ...p },
+  iconSizes: {
+    xsmall: "12px",
+    small: "13px",
+    medium: "13px",
+    large: "15px"
+  },
+  radius: {
+    xs: "2px",
+    sm: "4px",
+    md: "6px",
+    lg: "8px",
+    10: "10px",
+    xl: "12px",
+    xxl: "14px",
+    xxxl: "16px"
+  },
+  shadows: {
+    sm: "0 1px 2px 0 rgba(0, 0, 0, 0.3)",
+    md: "0 4px 6px -1px rgba(0, 0, 0, 0.3), 0 2px 4px -2px rgba(0, 0, 0, 0.3)",
+    lg: "0 10px 15px -3px rgba(0, 0, 0, 0.3), 0 4px 6px -4px rgba(0, 0, 0, 0.3)",
+    xl: "0 20px 25px -5px rgba(0, 0, 0, 0.3), 0 8px 10px -6px rgba(0, 0, 0, 0.3)",
+    glow: "0px 0px 10px 0px rgba(0, 0, 0, 0.5)",
+    glowLg: "0px 0px 20px 0px rgba(0, 0, 0, 0.5)",
+    default: "0px 1px 0px 0px rgba(0, 0, 0, 0.4)",
+    accent: "0px 1px 0px 0px rgba(0, 175, 102, 0.4)",
+    success: "0px 1px 0px 0px rgba(0, 175, 102, 0.4)",
+    warning: "0px 1px 0px 0px rgba(241, 139, 10, 0.4)",
+    error: "0px 1px 0px 0px rgba(197, 63, 63, 0.4)"
+  },
+  colors: {
+    shadowColor: "0, 0, 0",
+    shadowOpacity: 0.3,
+    card: {
+      background: "rgb(30, 30, 30)",
+      foreground: "rgb(255, 255, 255)",
+      border: "rgb(64, 64, 64)",
+      shadow: "rgba(0, 0, 0, 0.3)",
+      dimmedBackground: "rgb(70, 70, 70)",
+      sunkenBackground: "rgb(10, 10, 10)",
+      warmBackground: "rgb(45, 43, 41)",
+      headerBackground: "rgb(30, 30, 30)",
+      footerBackground: "rgb(30, 30, 30)",
+      footerGlassBackground: "rgba(30, 30, 30, 0.7)",
+      trayNeutral: "rgb(56, 56, 56)",
+      trayWarning: "rgb(74, 62, 29)",
+      trayError: "rgb(70, 44, 44)",
+      traySuccess: "rgb(31, 63, 40)",
+      subtleDivider: "rgb(48, 48, 48)"
+    },
+    overlay: {
+      scrim: "rgba(0, 0, 0, 0.4)"
+    },
+    alert: {
+      info: {
+        background: "rgb(70, 70, 70)",
+        foreground: "rgb(255, 255, 255)"
+      },
+      success: {
+        background: "rgba(0, 175, 102, 0.08)",
+        foreground: "rgb(2, 122, 66)"
+      },
+      error: {
+        background: "rgba(197, 63, 63, 0.08)",
+        foreground: "rgb(237, 53, 54)"
+      },
+      warning: {
+        background: "rgba(241, 139, 10, 0.08)",
+        foreground: "rgb(150, 88, 10)"
+      },
+      assistant: {
+        // The dark violet the assistant Tag and diff palette already use; the light
+        // pair here would render an opaque near-white block on a dark surface.
+        background: "rgba(158, 130, 255, 0.18)",
+        foreground: "rgb(184, 158, 255)"
+      }
+    },
+    tooltip: {
+      background: "rgb(42, 42, 42)",
+      foreground: "rgb(255, 255, 255)",
+      border: "rgb(80, 80, 80)",
+      shadow: "0px 0px 12px 0px rgba(0, 0, 0, 0.30)"
+    },
+    primary: {
+      background: "rgb(60, 60, 60)",
+      foreground: "rgb(255, 255, 255)",
+      border: "rgb(100, 100, 100)",
+      borderHover: "rgb(140, 140, 140)"
+    },
+    accent: {
+      background: "rgba(50, 205, 132)",
+      foreground: "rgb(20, 170, 100)",
+      border: "rgba(50, 205, 132, 0.3)",
+      backgroundGlass: "rgba(50, 205, 132, 0.12)"
+    },
+    control: {
+      borderHover: "rgba(50, 205, 132, 0.5)"
+    },
+    outline: {
+      foreground: "rgb(255, 255, 255)"
+    },
+    // Filled buttons invert in dark mode: white surface, near-black text.
+    secondary: {
+      background: "rgb(255, 255, 255)",
+      foreground: "rgb(10, 10, 10)",
+      border: "rgb(255, 255, 255)",
+      borderHover: "rgb(220, 220, 220)"
+    },
+    destructive: {
+      background: "transparent",
+      foreground: "rgb(255, 120, 120)",
+      border: "rgb(255, 100, 100)",
+      borderHover: "rgb(255, 100, 100)",
+      shadow: "rgb(255, 100, 100)",
+      shadowLight: "rgba(255, 100, 100, 0.4)",
+      shadowMedium: "rgba(255, 100, 100, 0.6)"
+    },
+    success: {
+      background: "rgba(50, 205, 132)",
+      foreground: "rgb(20, 170, 100)",
+      border: "rgba(50, 205, 132, 0.3)",
+      borderHover: "rgba(50, 205, 132, 0.5)",
+      backgroundGlass: "rgba(50, 205, 132, 0.12)",
+      shadowLight: "rgba(50, 205, 132, 0.4)",
+      shadowMedium: "rgba(50, 205, 132, 0.6)"
+    },
+    warning: {
+      background: "rgb(255, 180, 50)",
+      foreground: "rgb(200, 130, 20)",
+      border: "rgba(255, 180, 50, 0.3)",
+      borderHover: "rgba(255, 180, 50, 0.5)",
+      backgroundGlass: "rgba(255, 180, 50, 0.12)",
+      shadowLight: "rgba(255, 180, 50, 0.4)",
+      shadowMedium: "rgba(255, 180, 50, 0.6)"
+    },
+    error: {
+      background: "rgb(255, 120, 120)",
+      foreground: "rgb(255, 80, 80)",
+      border: "rgba(255, 120, 120, 0.3)",
+      borderHover: "rgba(255, 120, 120, 0.5)",
+      backgroundGlass: "rgba(255, 120, 120, 0.12)",
+      shadowLight: "rgba(255, 120, 120, 0.4)",
+      shadowMedium: "rgba(255, 120, 120, 0.6)"
+    },
+    buttonList: {
+      background: "rgb(30, 30, 30)",
+      foreground: "rgb(255, 255, 255)",
+      hoverBackground: "rgb(60, 60, 60)",
+      hoverForeground: "rgb(255, 255, 255)"
+    },
+    pillButton: {
+      background: "rgb(70, 70, 70)",
+      // Dark theme equivalent
+      foreground: "rgb(161, 161, 161)",
+      // Dark theme equivalent
+      hoverBackground: "rgb(90, 90, 90)",
+      // Lighter for dark theme hover
+      hoverForeground: "rgb(255, 255, 255)",
+      // White text on hover in dark mode
+      pressedBackground: "rgb(90, 90, 90)",
+      // Same as hover for dark theme
+      pressedForeground: "rgb(255, 255, 255)",
+      // Same as hover for dark theme
+      pressedOpacity: "0.6",
+      // Same opacity reduction for dark theme
+      activeBackground: "rgb(255, 255, 255)",
+      activeForeground: "rgb(10, 10, 10)",
+      staticBackground: "rgb(60, 60, 60)",
+      staticForeground: "rgb(220, 220, 220)",
+      invertedBackground: "rgb(38, 38, 38)",
+      invertedForeground: "rgb(220, 220, 220)",
+      invertedHoverBackground: "rgb(255, 255, 255)",
+      invertedHoverForeground: "rgb(10, 10, 10)",
+      invertedPressedBackground: "rgb(255, 255, 255)",
+      invertedPressedForeground: "rgb(10, 10, 10)"
+    },
+    toggle: {
+      track: "rgb(70, 70, 70)",
+      // neutral off track for dark theme
+      trackChecked: "rgb(34, 197, 94)",
+      // lighter green to match dark theme success
+      trackCheckedPending: "rgb(240, 138, 7)",
+      // dark-theme pending amber
+      knob: "rgb(255, 255, 255)"
+    },
+    segmentedControl: {
+      // Inverted from light mode: the track is the DARKER surface and the selected
+      // thumb sits lighter on top, so "raised" still reads as raised.
+      trackBackground: "rgb(38, 38, 38)",
+      itemForeground: "rgb(161, 161, 161)",
+      // text.secondary — 5.9:1 on the track
+      itemHoverForeground: "rgb(255, 255, 255)",
+      selectedBackground: "rgb(82, 82, 82)",
+      selectedForeground: "rgb(255, 255, 255)",
+      // 7.8:1 on the thumb
+      selectedShadow: "0px 1px 2px 0px rgba(0, 0, 0, 0.4)"
+    },
+    selectableCard: {
+      background: "rgb(45, 45, 45)",
+      border: "rgb(64, 64, 64)",
+      selectedTint: "rgb(30, 62, 48)",
+      selectedSurfaceEnd: "rgb(52, 52, 52)",
+      selectedBorder: "rgb(50, 205, 132)",
+      librarySelectedTint: "rgb(45, 45, 45)",
+      librarySelectedBorder: "rgb(115, 115, 115)",
+      editingTint: "rgb(58, 48, 36)",
+      // the amber tint re-picked for a dark sheet
+      accent: "rgb(50, 205, 132)",
+      // dark success — #047B43 is unreadable on dark
+      mutedForeground: "rgb(161, 161, 161)",
+      // 4.82:1 on the selected card, 5.86:1 on the trough
+      hoverBackground: "rgb(64, 64, 64)",
+      hoverRule: "rgb(115, 115, 115)",
+      pendingForeground: "rgb(240, 138, 7)"
+    },
+    cardStrip: {
+      background: "rgb(38, 38, 38)",
+      // one step under the selected card, as #F1F1F1 is under white
+      divider: "rgb(64, 64, 64)",
+      fade: "rgb(30, 30, 30)",
+      // matches card.background so the mask disappears into it
+      arrowBackground: "rgb(45, 45, 45)",
+      arrowBorder: "rgb(100, 100, 100)",
+      // dark dropdown.border, the light pair of #E8E8E8
+      addPrimaryBackground: "rgb(245, 245, 245)",
+      addPrimaryForeground: "rgb(23, 23, 23)"
+    },
+    selectionBar: {
+      background: "rgb(56, 56, 56)",
+      // lifts off the dark sheet
+      foreground: "rgb(255, 255, 255)",
+      mutedForeground: "rgb(176, 176, 176)",
+      divider: "rgb(96, 96, 96)",
+      border: "rgb(96, 96, 96)",
+      // hairline on the dark sheet
+      primaryBorder: "rgb(120, 120, 120)",
+      shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.45)",
+      noticeBackground: "rgb(96, 70, 28)",
+      noticeForeground: "rgb(240, 202, 148)",
+      noticeShadow: "0px 4px 10px 0px rgba(0, 0, 0, 0.45)"
+    },
+    inlineConfirm: {
+      background: "rgb(64, 64, 64)",
+      // lifts off the dark sheet
+      foreground: "rgb(255, 255, 255)",
+      divider: "rgba(255, 255, 255, 0.16)",
+      shadow: "0px 0px 10px 0px rgba(0, 0, 0, 0.45)"
+    },
+    dropdown: {
+      border: "rgb(100, 100, 100)",
+      borderActive: "rgba(50, 205, 132, 0.7)",
+      borderFilter: "rgba(50, 205, 132, 0.5)",
+      borderError: "rgba(255, 100, 100, 0.6)",
+      borderPending: "rgba(240, 138, 7, 0.7)",
+      shadow: "0px 1px 0px 0px rgba(0, 0, 0, 0.4)",
+      shadowHover: "0px 1px 0px 0px rgba(50, 205, 132, 0.6)",
+      shadowActive: "0px 1px 0px 0px rgba(50, 205, 132, 0.8)",
+      shadowFilter: "0px 1px 0px 0px rgba(50, 205, 132, 0.6)",
+      shadowError: "0px 1px 0px 0px rgba(255, 100, 100, 0.8), 0px 0px 0px 2px rgba(255, 100, 100, 0.1)",
+      shadowPending: "0px 1px 0px 0px rgba(240, 138, 7, 0.8), 0px 0px 0px 2px rgba(240, 138, 7, 0.15)",
+      disabledBackground: "rgb(70, 70, 70)"
+    },
+    tag: {
+      primary: {
+        background: "rgba(37, 130, 234, 0.2)",
+        // Darker background for dark theme
+        foreground: "rgb(96, 165, 250)",
+        // Lighter blue for dark theme
+        border: "rgb(96, 165, 250)",
+        // Lighter blue border
+        shadow: "rgba(96, 165, 250, 0.5)"
+        // Lighter blue shadow
+      },
+      secondary: {
+        background: "rgba(0, 175, 102, 0.2)",
+        // Darker background for dark theme
+        foreground: "rgb(34, 197, 94)",
+        // Lighter green for dark theme
+        border: "rgb(34, 197, 94)",
+        // Lighter green border
+        shadow: "rgba(34, 197, 94, 0.5)"
+        // Lighter green shadow
+      },
+      default: {
+        background: "rgba(161, 161, 161, 0.2)",
+        // Darker background for dark theme
+        foreground: "rgb(161, 161, 161)",
+        // Light gray for dark theme
+        border: "rgb(161, 161, 161)",
+        // Light gray border
+        shadow: "rgba(161, 161, 161, 0.5)"
+        // Light gray shadow
+      },
+      error: {
+        background: "rgba(239, 68, 68, 0.2)",
+        // Darker background for dark theme
+        foreground: "rgb(248, 113, 113)",
+        // Lighter red for dark theme
+        border: "rgb(248, 113, 113)",
+        // Lighter red border
+        shadow: "rgba(248, 113, 113, 0.5)"
+        // Lighter red shadow
+      },
+      warning: {
+        background: "rgba(245, 158, 11, 0.2)",
+        // Darker background for dark theme
+        foreground: "rgb(251, 191, 36)",
+        // Lighter orange for dark theme
+        border: "rgb(251, 191, 36)",
+        // Lighter orange border
+        shadow: "rgba(251, 191, 36, 0.5)"
+        // Lighter orange shadow
+      },
+      success: {
+        background: "rgba(0, 175, 102, 0.2)",
+        // Darker background for dark theme
+        foreground: "rgb(34, 197, 94)",
+        // Lighter green for dark theme
+        border: "rgb(34, 197, 94)",
+        // Lighter green border
+        shadow: "rgba(34, 197, 94, 0.5)"
+        // Lighter green shadow
+      },
+      emphasis: {
+        background: "rgb(59, 59, 59)",
+        // Figma #3b3b3b
+        foreground: "rgb(255, 255, 255)",
+        border: "rgb(255, 255, 255)",
+        shadow: "rgba(0, 0, 0, 0.2)"
+      },
+      info: {
+        background: "rgba(12, 88, 174, 0.25)",
+        foreground: "rgb(125, 171, 245)",
+        // Blue (Dark) lifted for dark surfaces
+        border: "rgb(125, 171, 245)",
+        shadow: "rgba(125, 171, 245, 0.5)"
+      },
+      assistant: {
+        // Same violet the assistant diff palette already picked for dark ground
+        // (see codeBlock.diffAssistantBackground below) — one hue, reused everywhere
+        // "made by the assistant" needs to read in dark mode.
+        background: "rgba(158, 130, 255, 0.18)",
+        foreground: "rgb(184, 158, 255)",
+        // Matches diffAssistantForeground
+        border: "rgba(158, 130, 255, 0.32)",
+        // Same hue as the background, more opaque so the edge reads
+        shadow: "rgba(184, 158, 255, 0.5)"
+        // Lighter violet shadow
+      }
+    },
+    numberTag: {
+      background: "rgba(255, 255, 255, 0.1)",
+      // Light pill on dark surfaces
+      foreground: "rgb(161, 161, 161)",
+      // Dark theme text secondary
+      emphasisBackground: "rgba(255, 255, 255, 0.2)",
+      // Stronger pill for emphasis
+      emphasisForeground: "rgb(237, 237, 237)"
+      // Dark theme text emphasis
+    },
+    table: {
+      // Copied from the light theme and never darkened, so dark mode rendered a light
+      // container, header and white rows with pale grey text.
+      background: "rgb(23, 23, 23)",
+      // Darker than rows, as #F7F7F7 is in light
+      boxShadow: "none",
+      // The designed container is a flat grey frame, not elevated
+      header: {
+        background: "rgb(42, 42, 42)",
+        // Dark theme header surface
+        foreground: "rgb(237, 237, 237)",
+        // Dark theme text emphasis
+        border: "rgb(75, 85, 99)"
+        // Dark theme header border
+      },
+      row: {
+        background: "rgb(30, 30, 30)",
+        // Dark theme row background
+        foreground: "rgb(209, 213, 219)",
+        // Dark theme row text
+        hoverBackground: "rgb(42, 42, 42)",
+        // Dark theme row hover
+        border: "rgb(75, 85, 99)",
+        // Dark theme row border
+        // Not the light theme's brand green: over a near-black row it composites darker
+        // than hoverBackground. 20%, because at 15% the step past hover was 1.12:1.
+        selectedBackground: "rgba(34, 197, 94, 0.2)",
+        selectedAccent: "rgb(20, 170, 100)",
+        // non-text, 3:1 applies
+        selectedForeground: "rgb(34, 197, 94)"
+        // 5.09:1 — text needs AA 4.5:1
+      },
+      border: "rgb(75, 85, 99)",
+      // Dark theme table border
+      borderedRow: {
+        background: "rgb(30, 30, 30)",
+        // Matches row.background and card.background
+        outline: "rgb(75, 85, 99)"
+        // Dark theme bordered row outline
+      },
+      rowVariant: {
+        success: {
+          background: "rgba(34, 197, 94, 0.15)"
+          // Dark theme success background
+        },
+        warning: {
+          background: "rgba(251, 191, 36, 0.15)"
+          // Dark theme warning background
+        },
+        error: {
+          background: "rgba(248, 113, 113, 0.15)"
+          // Dark theme error background
+        },
+        info: {
+          background: "rgba(96, 165, 250, 0.15)"
+          // Dark theme info background
+        }
+      },
+      error: {
+        iconBackground: "rgba(245, 158, 11, 0.2)",
+        // Dark theme warning background
+        iconForeground: "rgb(251, 191, 36)",
+        // Dark theme warning foreground
+        titleForeground: "rgb(255, 255, 255)",
+        // Dark theme title
+        subtitleForeground: "rgb(161, 161, 161)"
+        // Dark theme subtitle
+      }
+    },
+    text: {
+      primary: "rgb(255, 255, 255)",
+      secondary: "rgb(161, 161, 161)",
+      dimmed: "rgb(115, 115, 115)",
+      emphasis: "rgb(237, 237, 237)",
+      muted: "rgb(199, 199, 199)",
+      placeholder: "rgb(140, 140, 140)",
+      // Dark theme placeholder color
+      destructive: "rgb(255, 120, 120)",
+      success: "rgb(20, 170, 100)",
+      highlight: "rgb(118, 214, 174)",
+      warning: "rgb(200, 130, 20)",
+      warningMuted: "rgb(206, 163, 108)",
+      // Same tan reads as muted on dark too
+      error: "rgb(255, 80, 80)",
+      info: "rgb(125, 171, 245)",
+      linkForeground: "rgba(255, 255, 255, 0.45)",
+      linkForegroundHover: "rgb(255, 255, 255)",
+      rightSideText: {
+        // Mirrors text.secondary / text.primary, exactly as the light theme does.
+        muted: "rgb(161, 161, 161)",
+        primary: "rgb(255, 255, 255)",
+        alignment: "right",
+        fontSize: "12px",
+        minWidth: "80px"
+      }
+    },
+    codeBlock: {
+      background: "rgb(42, 42, 42)",
+      // Dark background
+      foreground: "rgb(255, 255, 255)",
+      // Light text
+      border: "rgb(80, 80, 80)",
+      // Dark border
+      lineNumber: "rgb(161, 161, 161)",
+      // Light gray for line numbers
+      keyword: "rgb(100, 150, 220)",
+      // Light blue for keywords
+      comment: "rgb(161, 161, 161)",
+      // Gray for comments
+      string: "rgb(120, 220, 150)",
+      // Light green for strings
+      number: "rgb(255, 180, 100)",
+      // Light orange for numbers
+      type: "rgb(100, 150, 220)",
+      // Light blue for types
+      diffAddedBackground: "rgba(34, 197, 94, 0.16)",
+      // Lighter green for dark theme
+      diffRemovedBackground: "rgba(255, 100, 100, 0.14)",
+      // Lighter red for dark theme
+      // Assistant diff palette, kept at the same relationships as the light theme values.
+      diffAssistantBackground: "rgba(158, 130, 255, 0.18)",
+      // Violet tint that still reads on a dark ground
+      diffAssistantForeground: "rgb(184, 158, 255)",
+      // Lighter violet so the marker holds contrast
+      diffAssistantRemovedBackground: "rgba(190, 185, 210, 0.08)",
+      // Faint neutral-violet tint
+      diffRemovedForeground: "rgb(168, 162, 190)",
+      // Muted violet-grey marker, lightened for dark contrast
+      diffContextForeground: "rgb(90, 90, 90)",
+      // Low-contrast marker, dark counterpart to the near-white D9D9D9
+      diffContextText: "rgb(170, 170, 170)"
+      // De-emphasised text, in line with the existing comment grey
+    },
+    chat: {
+      userBubbleBackground: "rgb(45, 45, 45)",
+      // One step up from the page, matching selectableCard's dark surface
+      userBubbleBorder: "rgb(64, 64, 64)",
+      // Matches card.border, the dark theme's neutral hairline
+      // Neutral for the same reason as the light theme: the violet belongs to the
+      // pending-change marks, not to authorship. Here the assistant sits one step BELOW
+      // the user's surface rather than above it, since dark has no room above 45.
+      assistantBubbleBackground: "rgb(30, 30, 30)",
+      // card.background
+      assistantBubbleBorder: "rgb(64, 64, 64)",
+      // card.border, the same hairline the user bubble uses
+      assistantBubbleForeground: "rgb(255, 255, 255)"
+      // card.foreground
+    },
+    assistant: {
+      foreground: "rgb(184, 158, 255)",
+      // Matches diffAssistantForeground / tag.assistant.foreground
+      surfaceBackground: "rgba(158, 130, 255, 0.08)",
+      // Faint tint, still distinguishable from the dark page
+      surfaceBorder: "rgba(158, 130, 255, 0.35)",
+      // A dashed outline needs more presence than the surface tint
+      // Light theme darkens the violet accent (#6E56CF) to #4A3F7A for body text; dark
+      // theme instead lifts it, the same transform `text.info` applies to its accent, so
+      // the muted violet still reads against a near-black ground rather than going darker.
+      surfaceForeground: "rgb(134, 120, 186)"
+    }
+  }
+}, C = "malachite-theme-mode", V = "malachite-custom-theme", H = /^--[A-Za-z0-9_-]+$/, F = /[{};]|\/\*|\*\//, K = /^[A-Za-z0-9_-]+$/;
+function E(r, s) {
+  if (typeof r == "string") {
+    if (F.test(r)) {
+      console.warn(
+        `Malachite: ignoring theme value at ${s} — CSS syntax characters ({ } ; /* */) are not allowed.`
+      );
+      return;
+    }
+    return r;
+  }
+  if (r === null || typeof r != "object") return r;
+  const a = {};
+  for (const [o, n] of Object.entries(r)) {
+    const t = s ? `${s}.${o}` : o;
+    if (!K.test(o)) {
+      console.warn(
+        `Malachite: ignoring a theme key under ${s || "<root>"} — theme keys may contain only letters, digits, hyphens and underscores.`
+      );
+      continue;
+    }
+    const d = E(n, t);
+    d !== void 0 && (a[o] = d);
+  }
+  return a;
+}
+const k = /* @__PURE__ */ new Set();
+function _(r) {
+  try {
+    if (k.has(r))
+      return;
+    k.add(r), Z(r);
+  } catch (s) {
+    console.error("Error registering shadow root:", s);
+  }
+}
+function N(r) {
+  try {
+    k.delete(r);
+  } catch (s) {
+    console.error("Error unregistering shadow root:", s);
+  }
+}
+const z = {
+  rowVariant: "row-variant",
+  boxShadow: "box-shadow"
+};
+function v(r, s, a) {
+  Object.entries(r).forEach(([o, n]) => {
+    const t = z[o] ?? o;
+    typeof n == "object" && n !== null ? Object.entries(n).forEach(([d, g]) => {
+      const l = d.replace(/([A-Z])/g, "-$1").toLowerCase();
+      typeof g == "object" && g !== null ? Object.entries(g).forEach(([c, i]) => {
+        const u = c.replace(/([A-Z])/g, "-$1").toLowerCase();
+        a(
+          `${s}-${t}-${l}-${u}`,
+          i
+        );
+      }) : a(`${s}-${t}-${l}`, g);
+    }) : a(`${s}-${t}`, n);
+  });
+}
+function m(r, s) {
+  const a = r.colors.accent ?? h, o = { ...r.shadows, accent: r.shadows.accent ?? B };
+  if (s instanceof ShadowRoot) {
+    let n = s.querySelector("#malachite-theme-vars");
+    n || (n = document.createElement("style"), n.id = "malachite-theme-vars", s.appendChild(n));
+    const t = [];
+    Object.entries(r.fontSizes).forEach(([l, c]) => {
+      t.push(`--malachite-font-size-${l}: ${c}`);
+    }), Object.entries(r.iconSizes).forEach(([l, c]) => {
+      t.push(`--malachite-icon-size-${l}: ${c}`);
+    }), Object.entries(r.radius).forEach(([l, c]) => {
+      t.push(`--malachite-radius-${l}: ${c}`);
+    }), Object.entries(r.controlHeights ?? p).forEach(([l, c]) => {
+      t.push(`--malachite-control-height-${l}: ${c}`);
+    }), Object.entries(o).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-shadow-${i}: ${c}`);
+    }), t.push(`--malachite-shadow-color: ${r.colors.shadowColor}`), t.push(`--malachite-shadow-opacity: ${r.colors.shadowOpacity}`), Object.entries(r.colors.card).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-card-${i}: ${c}`);
+    }), Object.entries(r.colors.overlay).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-overlay-${i}: ${c}`);
+    }), Object.entries(r.colors.alert).forEach(([l, c]) => {
+      Object.entries(c).forEach(([i, u]) => {
+        const b = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+        t.push(`--malachite-alert-${l}-${b}: ${u}`);
+      });
+    }), Object.entries(r.colors.tooltip).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-tooltip-${i}: ${c}`);
+    }), Object.entries(r.colors.buttonList).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-buttonlist-${i}: ${c}`);
+    }), Object.entries(r.colors.pillButton).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-pillbutton-${i}: ${c}`);
+    }), Object.entries(r.colors.toggle).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-toggle-${i}: ${c}`);
+    }), Object.entries(r.colors.segmentedControl).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-segmented-control-${i}: ${c}`);
+    }), Object.entries(r.colors.selectableCard).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-selectable-card-${i}: ${c}`);
+    }), Object.entries(r.colors.cardStrip).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-card-strip-${i}: ${c}`);
+    }), Object.entries(r.colors.selectionBar).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-selection-bar-${i}: ${c}`);
+    }), Object.entries(r.colors.inlineConfirm).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-inline-confirm-${i}: ${c}`);
+    }), Object.entries(r.colors.dropdown).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-dropdown-${i}: ${c}`);
+    }), Object.entries(r.colors.control).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-control-${i}: ${c}`);
+    }), Object.entries(a).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-accent-${i}: ${c}`);
+    }), Object.entries(r.colors.tag).forEach(([l, c]) => {
+      Object.entries(c).forEach(([i, u]) => {
+        const b = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+        t.push(`--malachite-tag-${l}-${b}: ${u}`);
+      });
+    }), Object.entries(r.colors.numberTag).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-number-tag-${i}: ${c}`);
+    }), v(
+      r.colors.table,
+      "--malachite-table",
+      (l, c) => t.push(`${l}: ${c}`)
+    ), Object.entries(r.colors.text).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      typeof c == "object" && c !== null ? Object.entries(c).forEach(([u, b]) => {
+        const P = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+        typeof b == "object" && b !== null ? Object.entries(b).forEach(
+          ([L, T]) => {
+            const j = L.replace(/([A-Z])/g, "-$1").toLowerCase();
+            t.push(
+              `--malachite-text-${i}-${P}-${j}: ${T}`
+            );
+          }
+        ) : t.push(
+          `--malachite-text-${i}-${P}: ${b}`
+        );
+      }) : t.push(`--malachite-text-${i}: ${c}`);
+    }), Object.entries(r.colors.codeBlock).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-codeblock-${i}: ${c}`);
+    }), Object.entries(r.colors.chat).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-chat-${i}: ${c}`);
+    }), Object.entries(r.colors.assistant).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      t.push(`--malachite-assistant-${i}: ${c}`);
+    }), [
+      "primary",
+      "secondary",
+      "outline",
+      "destructive",
+      "success",
+      "warning",
+      "error"
+    ].forEach((l) => {
+      const c = r.colors[l];
+      Object.entries(c).forEach(([i, u]) => {
+        const b = i.replace(/([A-Z])/g, "-$1").toLowerCase();
+        t.push(`--malachite-${l}-${b}: ${u}`);
+      });
+    });
+    const g = t.filter((l) => {
+      if (!F.test(l)) return !0;
+      const c = l.split(":", 1)[0].trim(), i = H.test(c) ? c : "an unnamed token";
+      return console.warn(`Malachite: dropped an unsafe theme declaration for ${i}`), !1;
+    });
+    n.textContent = `:host { ${g.join("; ")} }`;
+  } else s instanceof HTMLElement && (Object.entries(r.fontSizes).forEach(([t, d]) => {
+    s.style.setProperty(`--malachite-font-size-${t}`, d);
+  }), Object.entries(r.iconSizes).forEach(([t, d]) => {
+    s.style.setProperty(`--malachite-icon-size-${t}`, d);
+  }), Object.entries(r.radius).forEach(([t, d]) => {
+    s.style.setProperty(`--malachite-radius-${t}`, d);
+  }), Object.entries(r.controlHeights ?? p).forEach(([t, d]) => {
+    s.style.setProperty(`--malachite-control-height-${t}`, d);
+  }), Object.entries(o).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-shadow-${g}`, d);
+  }), s.style.setProperty("--malachite-shadow-color", r.colors.shadowColor), s.style.setProperty(
+    "--malachite-shadow-opacity",
+    r.colors.shadowOpacity.toString()
+  ), Object.entries(r.colors.card).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-card-${g}`, d);
+  }), Object.entries(r.colors.overlay).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-overlay-${g}`, d);
+  }), Object.entries(r.colors.alert).forEach(([t, d]) => {
+    Object.entries(d).forEach(([g, l]) => {
+      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
+      s.style.setProperty(`--malachite-alert-${t}-${c}`, l);
+    });
+  }), Object.entries(r.colors.tooltip).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-tooltip-${g}`, d);
+  }), Object.entries(r.colors.buttonList).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-buttonlist-${g}`, d);
+  }), Object.entries(r.colors.pillButton).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-pillbutton-${g}`, d);
+  }), Object.entries(r.colors.toggle).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-toggle-${g}`, d);
+  }), Object.entries(r.colors.segmentedControl).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-segmented-control-${g}`, d);
+  }), Object.entries(r.colors.selectableCard).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-selectable-card-${g}`, d);
+  }), Object.entries(r.colors.cardStrip).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-card-strip-${g}`, d);
+  }), Object.entries(r.colors.selectionBar).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-selection-bar-${g}`, d);
+  }), Object.entries(r.colors.inlineConfirm).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-inline-confirm-${g}`, d);
+  }), Object.entries(r.colors.dropdown).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-dropdown-${g}`, d);
+  }), Object.entries(r.colors.control).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-control-${g}`, d);
+  }), Object.entries(a).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-accent-${g}`, d);
+  }), Object.entries(r.colors.tag).forEach(([t, d]) => {
+    Object.entries(d).forEach(([g, l]) => {
+      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
+      s.style.setProperty(`--malachite-tag-${t}-${c}`, l);
+    });
+  }), Object.entries(r.colors.numberTag).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-number-tag-${g}`, d);
+  }), v(
+    r.colors.table,
+    "--malachite-table",
+    (t, d) => s.style.setProperty(t, d)
+  ), Object.entries(r.colors.text).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    typeof d == "object" && d !== null ? Object.entries(d).forEach(([l, c]) => {
+      const i = l.replace(/([A-Z])/g, "-$1").toLowerCase();
+      typeof c == "object" && c !== null ? Object.entries(c).forEach(
+        ([u, b]) => {
+          const P = u.replace(/([A-Z])/g, "-$1").toLowerCase();
+          s.style.setProperty(
+            `--malachite-text-${g}-${i}-${P}`,
+            b
+          );
+        }
+      ) : s.style.setProperty(
+        `--malachite-text-${g}-${i}`,
+        c
+      );
+    }) : s.style.setProperty(`--malachite-text-${g}`, d);
+  }), Object.entries(r.colors.codeBlock).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-codeblock-${g}`, d);
+  }), Object.entries(r.colors.chat).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-chat-${g}`, d);
+  }), Object.entries(r.colors.assistant).forEach(([t, d]) => {
+    const g = t.replace(/([A-Z])/g, "-$1").toLowerCase();
+    s.style.setProperty(`--malachite-assistant-${g}`, d);
+  }), [
+    "primary",
+    "secondary",
+    "outline",
+    "destructive",
+    "success",
+    "warning",
+    "error"
+  ].forEach((t) => {
+    const d = r.colors[t];
+    Object.entries(d).forEach(([g, l]) => {
+      const c = g.replace(/([A-Z])/g, "-$1").toLowerCase();
+      s.style.setProperty(`--malachite-${t}-${c}`, l);
+    });
+  }));
+}
+function Z(r) {
+  try {
+    const s = w(), a = x(), o = s === "dark" ? f : e, n = a ? y(o, a) : o;
+    m(n, r);
+  } catch (s) {
+    console.error("Error applying theme to shadow root:", s);
+  }
+}
+function w() {
+  return typeof window > "u" ? "light" : localStorage.getItem(C) || "light";
+}
+function x() {
+  if (typeof window > "u") return null;
+  const r = localStorage.getItem(V);
+  if (!r) return null;
+  try {
+    return JSON.parse(r);
+  } catch {
+    return localStorage.removeItem(V), null;
+  }
+}
+function S(r) {
+  typeof window < "u" && localStorage.setItem(C, r);
+}
+function M(r) {
+  typeof window < "u" && localStorage.setItem(V, JSON.stringify(r));
+}
+function y(r, s) {
+  const a = E(s, ""), o = { ...r };
+  if (a.fontSizes && (o.fontSizes = { ...o.fontSizes, ...a.fontSizes }), a.iconSizes && (o.iconSizes = { ...o.iconSizes, ...a.iconSizes }), a.radius && (o.radius = { ...o.radius, ...a.radius }), a.controlHeights && (o.controlHeights = {
+    ...o.controlHeights ?? p,
+    ...a.controlHeights
+  }), a.shadows && (o.shadows = { ...o.shadows, ...a.shadows }), a.colors) {
+    if (o.colors = { ...o.colors }, a.colors.shadowColor !== void 0 && (o.colors.shadowColor = a.colors.shadowColor), a.colors.shadowOpacity !== void 0 && (o.colors.shadowOpacity = a.colors.shadowOpacity), a.colors.card && (o.colors.card = { ...o.colors.card, ...a.colors.card }), a.colors.overlay && (o.colors.overlay = { ...o.colors.overlay, ...a.colors.overlay }), a.colors.alert) {
+      o.colors.alert = { ...o.colors.alert };
+      for (const n of Object.keys(
+        a.colors.alert
+      )) {
+        const t = a.colors.alert[n];
+        t && (o.colors.alert[n] = { ...o.colors.alert[n], ...t });
+      }
+    }
+    if (a.colors.tooltip && (o.colors.tooltip = { ...o.colors.tooltip, ...a.colors.tooltip }), a.colors.primary && (o.colors.primary = { ...o.colors.primary, ...a.colors.primary }), a.colors.accent && (o.colors.accent = {
+      ...o.colors.accent ?? h,
+      ...a.colors.accent
+    }), a.colors.control && (o.colors.control = { ...o.colors.control, ...a.colors.control }), a.colors.outline && (o.colors.outline = { ...o.colors.outline, ...a.colors.outline }), a.colors.secondary && (o.colors.secondary = { ...o.colors.secondary, ...a.colors.secondary }), a.colors.destructive && (o.colors.destructive = {
+      ...o.colors.destructive,
+      ...a.colors.destructive
+    }), a.colors.success && (o.colors.success = { ...o.colors.success, ...a.colors.success }), a.colors.warning && (o.colors.warning = { ...o.colors.warning, ...a.colors.warning }), a.colors.error && (o.colors.error = { ...o.colors.error, ...a.colors.error }), a.colors.buttonList && (o.colors.buttonList = { ...o.colors.buttonList, ...a.colors.buttonList }), a.colors.pillButton && (o.colors.pillButton = { ...o.colors.pillButton, ...a.colors.pillButton }), a.colors.toggle && (o.colors.toggle = { ...o.colors.toggle, ...a.colors.toggle }), a.colors.segmentedControl && (o.colors.segmentedControl = {
+      ...o.colors.segmentedControl,
+      ...a.colors.segmentedControl
+    }), a.colors.selectableCard && (o.colors.selectableCard = {
+      ...o.colors.selectableCard,
+      ...a.colors.selectableCard
+    }), a.colors.cardStrip && (o.colors.cardStrip = { ...o.colors.cardStrip, ...a.colors.cardStrip }), a.colors.selectionBar && (o.colors.selectionBar = {
+      ...o.colors.selectionBar,
+      ...a.colors.selectionBar
+    }), a.colors.inlineConfirm && (o.colors.inlineConfirm = {
+      ...o.colors.inlineConfirm,
+      ...a.colors.inlineConfirm
+    }), a.colors.dropdown && (o.colors.dropdown = { ...o.colors.dropdown, ...a.colors.dropdown }), a.colors.tag) {
+      o.colors.tag = { ...o.colors.tag };
+      for (const n of Object.keys(
+        a.colors.tag
+      )) {
+        const t = a.colors.tag[n];
+        t && (o.colors.tag[n] = { ...o.colors.tag[n], ...t });
+      }
+    }
+    if (a.colors.numberTag && (o.colors.numberTag = { ...o.colors.numberTag, ...a.colors.numberTag }), a.colors.text) {
+      const { rightSideText: n, ...t } = a.colors.text;
+      o.colors.text = { ...o.colors.text, ...t }, n && (o.colors.text.rightSideText = {
+        ...o.colors.text.rightSideText,
+        ...n
+      });
+    }
+    if (a.colors.codeBlock && (o.colors.codeBlock = { ...o.colors.codeBlock, ...a.colors.codeBlock }), a.colors.chat && (o.colors.chat = { ...o.colors.chat, ...a.colors.chat }), a.colors.assistant && (o.colors.assistant = { ...o.colors.assistant, ...a.colors.assistant }), a.colors.table) {
+      const { header: n, row: t, borderedRow: d, rowVariant: g, error: l, ...c } = a.colors.table;
+      if (o.colors.table = { ...o.colors.table, ...c }, n && (o.colors.table.header = { ...o.colors.table.header, ...n }), t && (o.colors.table.row = { ...o.colors.table.row, ...t }), d && (o.colors.table.borderedRow = {
+        ...o.colors.table.borderedRow,
+        ...d
+      }), l && (o.colors.table.error = { ...o.colors.table.error, ...l }), g) {
+        const i = { ...o.colors.table.rowVariant };
+        for (const u of Object.keys(g)) {
+          const b = g[u];
+          b && (i[u] = { ...i[u], ...b });
+        }
+        o.colors.table.rowVariant = i;
+      }
+    }
+  }
+  return o;
+}
+function R(r) {
+  M(r);
+  const s = w(), o = y(s === "dark" ? f : e, r);
+  m(o, document.documentElement), k.forEach((n) => {
+    m(o, n);
+  }), s === "dark" ? document.documentElement.setAttribute("data-theme", "dark") : document.documentElement.removeAttribute("data-theme");
+}
+function D(r, s) {
+  const a = s === "dark" ? f : e, o = x(), n = o ? y(a, o) : a;
+  m(n, r);
+}
+function A() {
+  S("light"), document.documentElement.removeAttribute("data-theme");
+  const r = x(), s = r ? y(e, r) : e;
+  m(s, document.documentElement), k.forEach((a) => {
+    m(s, a);
+  });
+}
+function O() {
+  S("dark"), document.documentElement.setAttribute("data-theme", "dark");
+  const r = x(), s = r ? y(f, r) : f;
+  m(s, document.documentElement), k.forEach((a) => {
+    m(s, a);
+  });
+}
+function I() {
+  return w() === "dark" ? (A(), "light") : (O(), "dark");
+}
+function W(r) {
+  R(r);
+}
+function Y() {
+  const r = w();
+  localStorage.removeItem(V), r === "dark" ? O() : A();
+}
+function G() {
+  if (typeof window < "u") {
+    const r = w(), s = x();
+    if (r === "dark") {
+      if (s) {
+        const a = y(f, s);
+        m(a, document.documentElement);
+      } else
+        m(f, document.documentElement);
+      document.documentElement.setAttribute("data-theme", "dark");
+    } else {
+      if (s) {
+        const a = y(e, s);
+        m(a, document.documentElement);
+      } else
+        m(e, document.documentElement);
+      document.documentElement.removeAttribute("data-theme");
+    }
+  }
+}
+function U() {
+  const r = getComputedStyle(document.documentElement);
+  return {
+    fontSizes: {
+      xsmall: r.getPropertyValue("--malachite-font-size-xsmall").trim() || e.fontSizes.xsmall,
+      small: r.getPropertyValue("--malachite-font-size-small").trim() || e.fontSizes.small,
+      medium: r.getPropertyValue("--malachite-font-size-medium").trim() || e.fontSizes.medium,
+      15: r.getPropertyValue("--malachite-font-size-15").trim() || e.fontSizes[15],
+      large: r.getPropertyValue("--malachite-font-size-large").trim() || e.fontSizes.large,
+      xlarge: r.getPropertyValue("--malachite-font-size-xlarge").trim() || e.fontSizes.xlarge,
+      xxlarge: r.getPropertyValue("--malachite-font-size-xxlarge").trim() || e.fontSizes.xxlarge
+    },
+    iconSizes: {
+      xsmall: r.getPropertyValue("--malachite-icon-size-xsmall").trim() || e.iconSizes.xsmall,
+      small: r.getPropertyValue("--malachite-icon-size-small").trim() || e.iconSizes.small,
+      medium: r.getPropertyValue("--malachite-icon-size-medium").trim() || e.iconSizes.medium,
+      large: r.getPropertyValue("--malachite-icon-size-large").trim() || e.iconSizes.large
+    },
+    controlHeights: {
+      small: r.getPropertyValue("--malachite-control-height-small").trim() || p.small,
+      medium: r.getPropertyValue("--malachite-control-height-medium").trim() || p.medium,
+      large: r.getPropertyValue("--malachite-control-height-large").trim() || p.large
+    },
+    radius: {
+      xs: r.getPropertyValue("--malachite-radius-xs").trim() || e.radius.xs,
+      sm: r.getPropertyValue("--malachite-radius-sm").trim() || e.radius.sm,
+      md: r.getPropertyValue("--malachite-radius-md").trim() || e.radius.md,
+      lg: r.getPropertyValue("--malachite-radius-lg").trim() || e.radius.lg,
+      10: r.getPropertyValue("--malachite-radius-10").trim() || e.radius[10],
+      xl: r.getPropertyValue("--malachite-radius-xl").trim() || e.radius.xl,
+      xxl: r.getPropertyValue("--malachite-radius-xxl").trim() || e.radius.xxl,
+      xxxl: r.getPropertyValue("--malachite-radius-xxxl").trim() || e.radius.xxxl
+    },
+    shadows: {
+      sm: r.getPropertyValue("--malachite-shadow-sm").trim() || e.shadows.sm,
+      md: r.getPropertyValue("--malachite-shadow-md").trim() || e.shadows.md,
+      lg: r.getPropertyValue("--malachite-shadow-lg").trim() || e.shadows.lg,
+      xl: r.getPropertyValue("--malachite-shadow-xl").trim() || e.shadows.xl,
+      glow: r.getPropertyValue("--malachite-shadow-glow").trim() || e.shadows.glow,
+      glowLg: r.getPropertyValue("--malachite-shadow-glow-lg").trim() || e.shadows.glowLg,
+      default: r.getPropertyValue("--malachite-shadow-default").trim() || e.shadows.default,
+      accent: r.getPropertyValue("--malachite-shadow-accent").trim() || B,
+      success: r.getPropertyValue("--malachite-shadow-success").trim() || e.shadows.success,
+      warning: r.getPropertyValue("--malachite-shadow-warning").trim() || e.shadows.warning,
+      error: r.getPropertyValue("--malachite-shadow-error").trim() || e.shadows.error
+    },
+    colors: {
+      shadowColor: r.getPropertyValue("--malachite-shadow-color").trim() || e.colors.shadowColor,
+      shadowOpacity: parseFloat(r.getPropertyValue("--malachite-shadow-opacity").trim()) || e.colors.shadowOpacity,
+      card: {
+        background: r.getPropertyValue("--malachite-card-background").trim() || e.colors.card.background,
+        foreground: r.getPropertyValue("--malachite-card-foreground").trim() || e.colors.card.foreground,
+        border: r.getPropertyValue("--malachite-card-border").trim() || e.colors.card.border,
+        shadow: r.getPropertyValue("--malachite-card-shadow").trim() || e.colors.card.shadow,
+        dimmedBackground: r.getPropertyValue("--malachite-card-dimmed-background").trim() || e.colors.card.dimmedBackground,
+        sunkenBackground: r.getPropertyValue("--malachite-card-sunken-background").trim() || e.colors.card.sunkenBackground,
+        warmBackground: r.getPropertyValue("--malachite-card-warm-background").trim() || e.colors.card.warmBackground,
+        headerBackground: r.getPropertyValue("--malachite-card-header-background").trim() || e.colors.card.headerBackground,
+        footerBackground: r.getPropertyValue("--malachite-card-footer-background").trim() || e.colors.card.footerBackground,
+        footerGlassBackground: r.getPropertyValue("--malachite-card-footer-glass-background").trim() || e.colors.card.footerGlassBackground,
+        trayNeutral: r.getPropertyValue("--malachite-card-tray-neutral").trim() || e.colors.card.trayNeutral,
+        trayWarning: r.getPropertyValue("--malachite-card-tray-warning").trim() || e.colors.card.trayWarning,
+        trayError: r.getPropertyValue("--malachite-card-tray-error").trim() || e.colors.card.trayError,
+        traySuccess: r.getPropertyValue("--malachite-card-tray-success").trim() || e.colors.card.traySuccess,
+        subtleDivider: r.getPropertyValue("--malachite-card-subtle-divider").trim() || e.colors.card.subtleDivider
+      },
+      overlay: {
+        scrim: r.getPropertyValue("--malachite-overlay-scrim").trim() || e.colors.overlay.scrim
+      },
+      alert: {
+        info: {
+          background: r.getPropertyValue("--malachite-alert-info-background").trim() || e.colors.alert.info.background,
+          foreground: r.getPropertyValue("--malachite-alert-info-foreground").trim() || e.colors.alert.info.foreground
+        },
+        success: {
+          background: r.getPropertyValue("--malachite-alert-success-background").trim() || e.colors.alert.success.background,
+          foreground: r.getPropertyValue("--malachite-alert-success-foreground").trim() || e.colors.alert.success.foreground
+        },
+        error: {
+          background: r.getPropertyValue("--malachite-alert-error-background").trim() || e.colors.alert.error.background,
+          foreground: r.getPropertyValue("--malachite-alert-error-foreground").trim() || e.colors.alert.error.foreground
+        },
+        warning: {
+          background: r.getPropertyValue("--malachite-alert-warning-background").trim() || e.colors.alert.warning.background,
+          foreground: r.getPropertyValue("--malachite-alert-warning-foreground").trim() || e.colors.alert.warning.foreground
+        },
+        assistant: {
+          background: r.getPropertyValue("--malachite-alert-assistant-background").trim() || e.colors.alert.assistant.background,
+          foreground: r.getPropertyValue("--malachite-alert-assistant-foreground").trim() || e.colors.alert.assistant.foreground
+        }
+      },
+      tooltip: {
+        background: r.getPropertyValue("--malachite-tooltip-background").trim() || e.colors.tooltip.background,
+        foreground: r.getPropertyValue("--malachite-tooltip-foreground").trim() || e.colors.tooltip.foreground,
+        border: r.getPropertyValue("--malachite-tooltip-border").trim() || e.colors.tooltip.border,
+        shadow: r.getPropertyValue("--malachite-tooltip-shadow").trim() || e.colors.tooltip.shadow
+      },
+      primary: {
+        background: r.getPropertyValue("--malachite-primary-background").trim() || e.colors.primary.background,
+        foreground: r.getPropertyValue("--malachite-primary-foreground").trim() || e.colors.primary.foreground,
+        border: r.getPropertyValue("--malachite-primary-border").trim() || e.colors.primary.border,
+        borderHover: r.getPropertyValue("--malachite-primary-border-hover").trim() || e.colors.primary.borderHover
+      },
+      accent: {
+        background: r.getPropertyValue("--malachite-accent-background").trim() || h.background,
+        foreground: r.getPropertyValue("--malachite-accent-foreground").trim() || h.foreground,
+        border: r.getPropertyValue("--malachite-accent-border").trim() || h.border,
+        backgroundGlass: r.getPropertyValue("--malachite-accent-background-glass").trim() || h.backgroundGlass
+      },
+      control: {
+        borderHover: r.getPropertyValue("--malachite-control-border-hover").trim() || e.colors.control.borderHover
+      },
+      outline: {
+        foreground: r.getPropertyValue("--malachite-outline-foreground").trim() || e.colors.outline.foreground
+      },
+      secondary: {
+        background: r.getPropertyValue("--malachite-secondary-background").trim() || e.colors.secondary.background,
+        foreground: r.getPropertyValue("--malachite-secondary-foreground").trim() || e.colors.secondary.foreground,
+        border: r.getPropertyValue("--malachite-secondary-border").trim() || e.colors.secondary.border,
+        borderHover: r.getPropertyValue("--malachite-secondary-border-hover").trim() || e.colors.secondary.borderHover
+      },
+      destructive: {
+        background: r.getPropertyValue("--malachite-destructive-background").trim() || e.colors.destructive.background,
+        foreground: r.getPropertyValue("--malachite-destructive-foreground").trim() || e.colors.destructive.foreground,
+        border: r.getPropertyValue("--malachite-destructive-border").trim() || e.colors.destructive.border,
+        borderHover: r.getPropertyValue("--malachite-destructive-border-hover").trim() || e.colors.destructive.borderHover,
+        shadow: r.getPropertyValue("--malachite-destructive-shadow").trim() || e.colors.destructive.shadow,
+        shadowLight: r.getPropertyValue("--malachite-destructive-shadow-light").trim() || e.colors.destructive.shadowLight,
+        shadowMedium: r.getPropertyValue("--malachite-destructive-shadow-medium").trim() || e.colors.destructive.shadowMedium
+      },
+      success: {
+        background: r.getPropertyValue("--malachite-success-background").trim() || e.colors.success.background,
+        foreground: r.getPropertyValue("--malachite-success-foreground").trim() || e.colors.success.foreground,
+        border: r.getPropertyValue("--malachite-success-border").trim() || e.colors.success.border,
+        borderHover: r.getPropertyValue("--malachite-success-border-hover").trim() || e.colors.success.borderHover,
+        backgroundGlass: r.getPropertyValue("--malachite-success-background-glass").trim() || e.colors.success.backgroundGlass,
+        shadowLight: r.getPropertyValue("--malachite-success-shadow-light").trim() || e.colors.success.shadowLight,
+        shadowMedium: r.getPropertyValue("--malachite-success-shadow-medium").trim() || e.colors.success.shadowMedium
+      },
+      warning: {
+        background: r.getPropertyValue("--malachite-warning-background").trim() || e.colors.warning.background,
+        foreground: r.getPropertyValue("--malachite-warning-foreground").trim() || e.colors.warning.foreground,
+        border: r.getPropertyValue("--malachite-warning-border").trim() || e.colors.warning.border,
+        borderHover: r.getPropertyValue("--malachite-warning-border-hover").trim() || e.colors.warning.borderHover,
+        backgroundGlass: r.getPropertyValue("--malachite-warning-background-glass").trim() || e.colors.warning.backgroundGlass,
+        shadowLight: r.getPropertyValue("--malachite-warning-shadow-light").trim() || e.colors.warning.shadowLight,
+        shadowMedium: r.getPropertyValue("--malachite-warning-shadow-medium").trim() || e.colors.warning.shadowMedium
+      },
+      error: {
+        background: r.getPropertyValue("--malachite-error-background").trim() || e.colors.error.background,
+        foreground: r.getPropertyValue("--malachite-error-foreground").trim() || e.colors.error.foreground,
+        border: r.getPropertyValue("--malachite-error-border").trim() || e.colors.error.border,
+        borderHover: r.getPropertyValue("--malachite-error-border-hover").trim() || e.colors.error.borderHover,
+        backgroundGlass: r.getPropertyValue("--malachite-error-background-glass").trim() || e.colors.error.backgroundGlass,
+        shadowLight: r.getPropertyValue("--malachite-error-shadow-light").trim() || e.colors.error.shadowLight,
+        shadowMedium: r.getPropertyValue("--malachite-error-shadow-medium").trim() || e.colors.error.shadowMedium
+      },
+      buttonList: {
+        background: r.getPropertyValue("--malachite-buttonlist-background").trim() || e.colors.buttonList.background,
+        foreground: r.getPropertyValue("--malachite-buttonlist-foreground").trim() || e.colors.buttonList.foreground,
+        hoverBackground: r.getPropertyValue("--malachite-buttonlist-hover-background").trim() || e.colors.buttonList.hoverBackground,
+        hoverForeground: r.getPropertyValue("--malachite-buttonlist-hover-foreground").trim() || e.colors.buttonList.hoverForeground
+      },
+      pillButton: {
+        background: r.getPropertyValue("--malachite-pillbutton-background").trim() || e.colors.pillButton.background,
+        foreground: r.getPropertyValue("--malachite-pillbutton-foreground").trim() || e.colors.pillButton.foreground,
+        hoverBackground: r.getPropertyValue("--malachite-pillbutton-hover-background").trim() || e.colors.pillButton.hoverBackground,
+        hoverForeground: r.getPropertyValue("--malachite-pillbutton-hover-foreground").trim() || e.colors.pillButton.hoverForeground,
+        pressedBackground: r.getPropertyValue("--malachite-pillbutton-pressed-background").trim() || e.colors.pillButton.pressedBackground,
+        pressedForeground: r.getPropertyValue("--malachite-pillbutton-pressed-foreground").trim() || e.colors.pillButton.pressedForeground,
+        pressedOpacity: r.getPropertyValue("--malachite-pillbutton-pressed-opacity").trim() || e.colors.pillButton.pressedOpacity,
+        activeBackground: r.getPropertyValue("--malachite-pillbutton-active-background").trim() || e.colors.pillButton.activeBackground,
+        activeForeground: r.getPropertyValue("--malachite-pillbutton-active-foreground").trim() || e.colors.pillButton.activeForeground,
+        staticBackground: r.getPropertyValue("--malachite-pillbutton-static-background").trim() || e.colors.pillButton.staticBackground,
+        staticForeground: r.getPropertyValue("--malachite-pillbutton-static-foreground").trim() || e.colors.pillButton.staticForeground,
+        invertedBackground: r.getPropertyValue("--malachite-pillbutton-inverted-background").trim() || e.colors.pillButton.invertedBackground,
+        invertedForeground: r.getPropertyValue("--malachite-pillbutton-inverted-foreground").trim() || e.colors.pillButton.invertedForeground,
+        invertedHoverBackground: r.getPropertyValue("--malachite-pillbutton-inverted-hover-background").trim() || e.colors.pillButton.invertedHoverBackground,
+        invertedHoverForeground: r.getPropertyValue("--malachite-pillbutton-inverted-hover-foreground").trim() || e.colors.pillButton.invertedHoverForeground,
+        invertedPressedBackground: r.getPropertyValue("--malachite-pillbutton-inverted-pressed-background").trim() || e.colors.pillButton.invertedPressedBackground,
+        invertedPressedForeground: r.getPropertyValue("--malachite-pillbutton-inverted-pressed-foreground").trim() || e.colors.pillButton.invertedPressedForeground
+      },
+      toggle: {
+        track: r.getPropertyValue("--malachite-toggle-track").trim() || e.colors.toggle.track,
+        trackChecked: r.getPropertyValue("--malachite-toggle-track-checked").trim() || e.colors.toggle.trackChecked,
+        trackCheckedPending: r.getPropertyValue("--malachite-toggle-track-checked-pending").trim() || e.colors.toggle.trackCheckedPending,
+        knob: r.getPropertyValue("--malachite-toggle-knob").trim() || e.colors.toggle.knob
+      },
+      segmentedControl: {
+        trackBackground: r.getPropertyValue("--malachite-segmented-control-track-background").trim() || e.colors.segmentedControl.trackBackground,
+        itemForeground: r.getPropertyValue("--malachite-segmented-control-item-foreground").trim() || e.colors.segmentedControl.itemForeground,
+        itemHoverForeground: r.getPropertyValue("--malachite-segmented-control-item-hover-foreground").trim() || e.colors.segmentedControl.itemHoverForeground,
+        selectedBackground: r.getPropertyValue("--malachite-segmented-control-selected-background").trim() || e.colors.segmentedControl.selectedBackground,
+        selectedForeground: r.getPropertyValue("--malachite-segmented-control-selected-foreground").trim() || e.colors.segmentedControl.selectedForeground,
+        selectedShadow: r.getPropertyValue("--malachite-segmented-control-selected-shadow").trim() || e.colors.segmentedControl.selectedShadow
+      },
+      selectableCard: {
+        background: r.getPropertyValue("--malachite-selectable-card-background").trim() || e.colors.selectableCard.background,
+        border: r.getPropertyValue("--malachite-selectable-card-border").trim() || e.colors.selectableCard.border,
+        selectedTint: r.getPropertyValue("--malachite-selectable-card-selected-tint").trim() || e.colors.selectableCard.selectedTint,
+        selectedSurfaceEnd: r.getPropertyValue("--malachite-selectable-card-selected-surface-end").trim() || e.colors.selectableCard.selectedSurfaceEnd,
+        selectedBorder: r.getPropertyValue("--malachite-selectable-card-selected-border").trim() || e.colors.selectableCard.selectedBorder,
+        librarySelectedTint: r.getPropertyValue("--malachite-selectable-card-library-selected-tint").trim() || e.colors.selectableCard.librarySelectedTint,
+        librarySelectedBorder: r.getPropertyValue("--malachite-selectable-card-library-selected-border").trim() || e.colors.selectableCard.librarySelectedBorder,
+        editingTint: r.getPropertyValue("--malachite-selectable-card-editing-tint").trim() || e.colors.selectableCard.editingTint,
+        accent: r.getPropertyValue("--malachite-selectable-card-accent").trim() || e.colors.selectableCard.accent,
+        mutedForeground: r.getPropertyValue("--malachite-selectable-card-muted-foreground").trim() || e.colors.selectableCard.mutedForeground,
+        hoverBackground: r.getPropertyValue("--malachite-selectable-card-hover-background").trim() || e.colors.selectableCard.hoverBackground,
+        hoverRule: r.getPropertyValue("--malachite-selectable-card-hover-rule").trim() || e.colors.selectableCard.hoverRule,
+        pendingForeground: r.getPropertyValue("--malachite-selectable-card-pending-foreground").trim() || e.colors.selectableCard.pendingForeground
+      },
+      cardStrip: {
+        background: r.getPropertyValue("--malachite-card-strip-background").trim() || e.colors.cardStrip.background,
+        divider: r.getPropertyValue("--malachite-card-strip-divider").trim() || e.colors.cardStrip.divider,
+        fade: r.getPropertyValue("--malachite-card-strip-fade").trim() || e.colors.cardStrip.fade,
+        arrowBackground: r.getPropertyValue("--malachite-card-strip-arrow-background").trim() || e.colors.cardStrip.arrowBackground,
+        arrowBorder: r.getPropertyValue("--malachite-card-strip-arrow-border").trim() || e.colors.cardStrip.arrowBorder,
+        addPrimaryBackground: r.getPropertyValue("--malachite-card-strip-add-primary-background").trim() || e.colors.cardStrip.addPrimaryBackground,
+        addPrimaryForeground: r.getPropertyValue("--malachite-card-strip-add-primary-foreground").trim() || e.colors.cardStrip.addPrimaryForeground
+      },
+      selectionBar: {
+        background: r.getPropertyValue("--malachite-selection-bar-background").trim() || e.colors.selectionBar.background,
+        foreground: r.getPropertyValue("--malachite-selection-bar-foreground").trim() || e.colors.selectionBar.foreground,
+        mutedForeground: r.getPropertyValue("--malachite-selection-bar-muted-foreground").trim() || e.colors.selectionBar.mutedForeground,
+        divider: r.getPropertyValue("--malachite-selection-bar-divider").trim() || e.colors.selectionBar.divider,
+        border: r.getPropertyValue("--malachite-selection-bar-border").trim() || e.colors.selectionBar.border,
+        primaryBorder: r.getPropertyValue("--malachite-selection-bar-primary-border").trim() || e.colors.selectionBar.primaryBorder,
+        shadow: r.getPropertyValue("--malachite-selection-bar-shadow").trim() || e.colors.selectionBar.shadow,
+        noticeBackground: r.getPropertyValue("--malachite-selection-bar-notice-background").trim() || e.colors.selectionBar.noticeBackground,
+        noticeForeground: r.getPropertyValue("--malachite-selection-bar-notice-foreground").trim() || e.colors.selectionBar.noticeForeground,
+        noticeShadow: r.getPropertyValue("--malachite-selection-bar-notice-shadow").trim() || e.colors.selectionBar.noticeShadow
+      },
+      inlineConfirm: {
+        background: r.getPropertyValue("--malachite-inline-confirm-background").trim() || e.colors.inlineConfirm.background,
+        foreground: r.getPropertyValue("--malachite-inline-confirm-foreground").trim() || e.colors.inlineConfirm.foreground,
+        divider: r.getPropertyValue("--malachite-inline-confirm-divider").trim() || e.colors.inlineConfirm.divider,
+        shadow: r.getPropertyValue("--malachite-inline-confirm-shadow").trim() || e.colors.inlineConfirm.shadow
+      },
+      dropdown: {
+        border: r.getPropertyValue("--malachite-dropdown-border").trim() || e.colors.dropdown.border,
+        borderActive: r.getPropertyValue("--malachite-dropdown-border-active").trim() || e.colors.dropdown.borderActive,
+        borderFilter: r.getPropertyValue("--malachite-dropdown-border-filter").trim() || e.colors.dropdown.borderFilter,
+        borderError: r.getPropertyValue("--malachite-dropdown-border-error").trim() || e.colors.dropdown.borderError,
+        borderPending: r.getPropertyValue("--malachite-dropdown-border-pending").trim() || e.colors.dropdown.borderPending,
+        shadow: r.getPropertyValue("--malachite-dropdown-shadow").trim() || e.colors.dropdown.shadow,
+        shadowHover: r.getPropertyValue("--malachite-dropdown-shadow-hover").trim() || e.colors.dropdown.shadowHover,
+        shadowActive: r.getPropertyValue("--malachite-dropdown-shadow-active").trim() || e.colors.dropdown.shadowActive,
+        shadowFilter: r.getPropertyValue("--malachite-dropdown-shadow-filter").trim() || e.colors.dropdown.shadowFilter,
+        shadowError: r.getPropertyValue("--malachite-dropdown-shadow-error").trim() || e.colors.dropdown.shadowError,
+        shadowPending: r.getPropertyValue("--malachite-dropdown-shadow-pending").trim() || e.colors.dropdown.shadowPending,
+        disabledBackground: r.getPropertyValue("--malachite-dropdown-disabled-background").trim() || e.colors.dropdown.disabledBackground
+      },
+      tag: {
+        primary: {
+          background: r.getPropertyValue("--malachite-tag-primary-background").trim() || e.colors.tag.primary.background,
+          foreground: r.getPropertyValue("--malachite-tag-primary-foreground").trim() || e.colors.tag.primary.foreground,
+          border: r.getPropertyValue("--malachite-tag-primary-border").trim() || e.colors.tag.primary.border,
+          shadow: r.getPropertyValue("--malachite-tag-primary-shadow").trim() || e.colors.tag.primary.shadow
+        },
+        secondary: {
+          background: r.getPropertyValue("--malachite-tag-secondary-background").trim() || e.colors.tag.secondary.background,
+          foreground: r.getPropertyValue("--malachite-tag-secondary-foreground").trim() || e.colors.tag.secondary.foreground,
+          border: r.getPropertyValue("--malachite-tag-secondary-border").trim() || e.colors.tag.secondary.border,
+          shadow: r.getPropertyValue("--malachite-tag-secondary-shadow").trim() || e.colors.tag.secondary.shadow
+        },
+        default: {
+          background: r.getPropertyValue("--malachite-tag-default-background").trim() || e.colors.tag.default.background,
+          foreground: r.getPropertyValue("--malachite-tag-default-foreground").trim() || e.colors.tag.default.foreground,
+          border: r.getPropertyValue("--malachite-tag-default-border").trim() || e.colors.tag.default.border,
+          shadow: r.getPropertyValue("--malachite-tag-default-shadow").trim() || e.colors.tag.default.shadow
+        },
+        error: {
+          background: r.getPropertyValue("--malachite-tag-error-background").trim() || e.colors.tag.error.background,
+          foreground: r.getPropertyValue("--malachite-tag-error-foreground").trim() || e.colors.tag.error.foreground,
+          border: r.getPropertyValue("--malachite-tag-error-border").trim() || e.colors.tag.error.border,
+          shadow: r.getPropertyValue("--malachite-tag-error-shadow").trim() || e.colors.tag.error.shadow
+        },
+        warning: {
+          background: r.getPropertyValue("--malachite-tag-warning-background").trim() || e.colors.tag.warning.background,
+          foreground: r.getPropertyValue("--malachite-tag-warning-foreground").trim() || e.colors.tag.warning.foreground,
+          border: r.getPropertyValue("--malachite-tag-warning-border").trim() || e.colors.tag.warning.border,
+          shadow: r.getPropertyValue("--malachite-tag-warning-shadow").trim() || e.colors.tag.warning.shadow
+        },
+        success: {
+          background: r.getPropertyValue("--malachite-tag-success-background").trim() || e.colors.tag.success.background,
+          foreground: r.getPropertyValue("--malachite-tag-success-foreground").trim() || e.colors.tag.success.foreground,
+          border: r.getPropertyValue("--malachite-tag-success-border").trim() || e.colors.tag.success.border,
+          shadow: r.getPropertyValue("--malachite-tag-success-shadow").trim() || e.colors.tag.success.shadow
+        },
+        emphasis: {
+          background: r.getPropertyValue("--malachite-tag-emphasis-background").trim() || e.colors.tag.emphasis.background,
+          foreground: r.getPropertyValue("--malachite-tag-emphasis-foreground").trim() || e.colors.tag.emphasis.foreground,
+          border: r.getPropertyValue("--malachite-tag-emphasis-border").trim() || e.colors.tag.emphasis.border,
+          shadow: r.getPropertyValue("--malachite-tag-emphasis-shadow").trim() || e.colors.tag.emphasis.shadow
+        },
+        info: {
+          background: r.getPropertyValue("--malachite-tag-info-background").trim() || e.colors.tag.info.background,
+          foreground: r.getPropertyValue("--malachite-tag-info-foreground").trim() || e.colors.tag.info.foreground,
+          border: r.getPropertyValue("--malachite-tag-info-border").trim() || e.colors.tag.info.border,
+          shadow: r.getPropertyValue("--malachite-tag-info-shadow").trim() || e.colors.tag.info.shadow
+        },
+        assistant: {
+          background: r.getPropertyValue("--malachite-tag-assistant-background").trim() || e.colors.tag.assistant.background,
+          foreground: r.getPropertyValue("--malachite-tag-assistant-foreground").trim() || e.colors.tag.assistant.foreground,
+          border: r.getPropertyValue("--malachite-tag-assistant-border").trim() || e.colors.tag.assistant.border,
+          shadow: r.getPropertyValue("--malachite-tag-assistant-shadow").trim() || e.colors.tag.assistant.shadow
+        }
+      },
+      numberTag: {
+        background: r.getPropertyValue("--malachite-number-tag-background").trim() || e.colors.numberTag.background,
+        foreground: r.getPropertyValue("--malachite-number-tag-foreground").trim() || e.colors.numberTag.foreground,
+        emphasisBackground: r.getPropertyValue("--malachite-number-tag-emphasis-background").trim() || e.colors.numberTag.emphasisBackground,
+        emphasisForeground: r.getPropertyValue("--malachite-number-tag-emphasis-foreground").trim() || e.colors.numberTag.emphasisForeground
+      },
+      text: {
+        primary: r.getPropertyValue("--malachite-text-primary").trim() || e.colors.text.primary,
+        secondary: r.getPropertyValue("--malachite-text-secondary").trim() || e.colors.text.secondary,
+        dimmed: r.getPropertyValue("--malachite-text-dimmed").trim() || e.colors.text.dimmed,
+        emphasis: r.getPropertyValue("--malachite-text-emphasis").trim() || e.colors.text.emphasis,
+        muted: r.getPropertyValue("--malachite-text-muted").trim() || e.colors.text.muted,
+        placeholder: r.getPropertyValue("--malachite-text-placeholder").trim() || e.colors.text.placeholder,
+        destructive: r.getPropertyValue("--malachite-text-destructive").trim() || e.colors.text.destructive,
+        success: r.getPropertyValue("--malachite-text-success").trim() || e.colors.text.success,
+        highlight: r.getPropertyValue("--malachite-text-highlight").trim() || e.colors.text.highlight,
+        warning: r.getPropertyValue("--malachite-text-warning").trim() || e.colors.text.warning,
+        warningMuted: r.getPropertyValue("--malachite-text-warning-muted").trim() || e.colors.text.warningMuted,
+        error: r.getPropertyValue("--malachite-text-error").trim() || e.colors.text.error,
+        info: r.getPropertyValue("--malachite-text-info").trim() || e.colors.text.info,
+        linkForeground: r.getPropertyValue("--malachite-text-link-foreground").trim() || e.colors.text.linkForeground,
+        linkForegroundHover: r.getPropertyValue("--malachite-text-link-foreground-hover").trim() || e.colors.text.linkForegroundHover,
+        rightSideText: {
+          muted: r.getPropertyValue("--malachite-text-right-side-text-muted").trim() || e.colors.text.rightSideText.muted,
+          primary: r.getPropertyValue("--malachite-text-right-side-text-primary").trim() || e.colors.text.rightSideText.primary,
+          alignment: r.getPropertyValue("--malachite-text-right-side-text-alignment").trim() || e.colors.text.rightSideText.alignment,
+          fontSize: r.getPropertyValue("--malachite-text-right-side-text-font-size").trim() || e.colors.text.rightSideText.fontSize,
+          minWidth: r.getPropertyValue("--malachite-text-right-side-text-min-width").trim() || e.colors.text.rightSideText.minWidth
+        }
+      },
+      codeBlock: {
+        background: r.getPropertyValue("--malachite-codeblock-background").trim() || e.colors.codeBlock.background,
+        foreground: r.getPropertyValue("--malachite-codeblock-foreground").trim() || e.colors.codeBlock.foreground,
+        border: r.getPropertyValue("--malachite-codeblock-border").trim() || e.colors.codeBlock.border,
+        lineNumber: r.getPropertyValue("--malachite-codeblock-line-number").trim() || e.colors.codeBlock.lineNumber,
+        keyword: r.getPropertyValue("--malachite-codeblock-keyword").trim() || e.colors.codeBlock.keyword,
+        comment: r.getPropertyValue("--malachite-codeblock-comment").trim() || e.colors.codeBlock.comment,
+        string: r.getPropertyValue("--malachite-codeblock-string").trim() || e.colors.codeBlock.string,
+        number: r.getPropertyValue("--malachite-codeblock-number").trim() || e.colors.codeBlock.number,
+        type: r.getPropertyValue("--malachite-codeblock-type").trim() || e.colors.codeBlock.type,
+        diffAddedBackground: r.getPropertyValue("--malachite-codeblock-diff-added-background").trim() || e.colors.codeBlock.diffAddedBackground,
+        diffRemovedBackground: r.getPropertyValue("--malachite-codeblock-diff-removed-background").trim() || e.colors.codeBlock.diffRemovedBackground,
+        diffAssistantBackground: r.getPropertyValue("--malachite-codeblock-diff-assistant-background").trim() || e.colors.codeBlock.diffAssistantBackground,
+        diffAssistantForeground: r.getPropertyValue("--malachite-codeblock-diff-assistant-foreground").trim() || e.colors.codeBlock.diffAssistantForeground,
+        diffAssistantRemovedBackground: r.getPropertyValue("--malachite-codeblock-diff-assistant-removed-background").trim() || e.colors.codeBlock.diffAssistantRemovedBackground,
+        diffRemovedForeground: r.getPropertyValue("--malachite-codeblock-diff-removed-foreground").trim() || e.colors.codeBlock.diffRemovedForeground,
+        diffContextForeground: r.getPropertyValue("--malachite-codeblock-diff-context-foreground").trim() || e.colors.codeBlock.diffContextForeground,
+        diffContextText: r.getPropertyValue("--malachite-codeblock-diff-context-text").trim() || e.colors.codeBlock.diffContextText
+      },
+      chat: {
+        userBubbleBackground: r.getPropertyValue("--malachite-chat-user-bubble-background").trim() || e.colors.chat.userBubbleBackground,
+        userBubbleBorder: r.getPropertyValue("--malachite-chat-user-bubble-border").trim() || e.colors.chat.userBubbleBorder,
+        assistantBubbleBackground: r.getPropertyValue("--malachite-chat-assistant-bubble-background").trim() || e.colors.chat.assistantBubbleBackground,
+        assistantBubbleBorder: r.getPropertyValue("--malachite-chat-assistant-bubble-border").trim() || e.colors.chat.assistantBubbleBorder,
+        assistantBubbleForeground: r.getPropertyValue("--malachite-chat-assistant-bubble-foreground").trim() || e.colors.chat.assistantBubbleForeground
+      },
+      assistant: {
+        foreground: r.getPropertyValue("--malachite-assistant-foreground").trim() || e.colors.assistant.foreground,
+        surfaceBackground: r.getPropertyValue("--malachite-assistant-surface-background").trim() || e.colors.assistant.surfaceBackground,
+        surfaceBorder: r.getPropertyValue("--malachite-assistant-surface-border").trim() || e.colors.assistant.surfaceBorder,
+        surfaceForeground: r.getPropertyValue("--malachite-assistant-surface-foreground").trim() || e.colors.assistant.surfaceForeground
+      },
+      table: {
+        background: r.getPropertyValue("--malachite-table-background").trim() || e.colors.table.background,
+        boxShadow: r.getPropertyValue("--malachite-table-box-shadow").trim() || e.colors.table.boxShadow,
+        header: {
+          background: r.getPropertyValue("--malachite-table-header-background").trim() || e.colors.table.header.background,
+          foreground: r.getPropertyValue("--malachite-table-header-foreground").trim() || e.colors.table.header.foreground,
+          border: r.getPropertyValue("--malachite-table-header-border").trim() || e.colors.table.header.border
+        },
+        row: {
+          background: r.getPropertyValue("--malachite-table-row-background").trim() || e.colors.table.row.background,
+          foreground: r.getPropertyValue("--malachite-table-row-foreground").trim() || e.colors.table.row.foreground,
+          hoverBackground: r.getPropertyValue("--malachite-table-row-hover-background").trim() || e.colors.table.row.hoverBackground,
+          border: r.getPropertyValue("--malachite-table-row-border").trim() || e.colors.table.row.border,
+          selectedBackground: r.getPropertyValue("--malachite-table-row-selected-background").trim() || e.colors.table.row.selectedBackground,
+          selectedAccent: r.getPropertyValue("--malachite-table-row-selected-accent").trim() || e.colors.table.row.selectedAccent,
+          selectedForeground: r.getPropertyValue("--malachite-table-row-selected-foreground").trim() || e.colors.table.row.selectedForeground
+        },
+        border: r.getPropertyValue("--malachite-table-border").trim() || e.colors.table.border,
+        borderedRow: {
+          background: r.getPropertyValue("--malachite-table-borderedRow-background").trim() || e.colors.table.borderedRow.background,
+          outline: r.getPropertyValue("--malachite-table-borderedRow-outline").trim() || e.colors.table.borderedRow.outline
+        },
+        rowVariant: {
+          success: {
+            background: r.getPropertyValue(
+              "--malachite-table-row-variant-success-background"
+            ).trim() || e.colors.table.rowVariant.success.background
+          },
+          warning: {
+            background: r.getPropertyValue(
+              "--malachite-table-row-variant-warning-background"
+            ).trim() || e.colors.table.rowVariant.warning.background
+          },
+          error: {
+            background: r.getPropertyValue("--malachite-table-row-variant-error-background").trim() || e.colors.table.rowVariant.error.background
+          },
+          info: {
+            background: r.getPropertyValue("--malachite-table-row-variant-info-background").trim() || e.colors.table.rowVariant.info.background
+          }
+        },
+        error: {
+          iconBackground: r.getPropertyValue("--malachite-table-error-icon-background").trim() || e.colors.table.error.iconBackground,
+          iconForeground: r.getPropertyValue("--malachite-table-error-icon-foreground").trim() || e.colors.table.error.iconForeground,
+          titleForeground: r.getPropertyValue("--malachite-table-error-title-foreground").trim() || e.colors.table.error.titleForeground,
+          subtitleForeground: r.getPropertyValue("--malachite-table-error-subtitle-foreground").trim() || e.colors.table.error.subtitleForeground
+        }
+      }
+    }
+  };
+}
+let $ = !1;
+const J = () => {
+  $ || ($ = !0, G());
+};
+export {
+  p as CONTROL_HEIGHT,
+  W as applyCustomTheme,
+  O as applyDarkTheme,
+  A as applyLightTheme,
+  R as applyTheme,
+  D as applyThemeVars,
+  f as darkTheme,
+  e as defaultTheme,
+  J as ensureThemeInitialized,
+  U as getCurrentTheme,
+  w as getCurrentThemeMode,
+  G as initializeTheme,
+  _ as registerShadowRoot,
+  Y as resetTheme,
+  I as toggleTheme,
+  N as unregisterShadowRoot
+};
+//# sourceMappingURL=theme.js.map