@node-projects/web-component-designer 0.2.30 → 0.2.32

package/README.md

@@ -39,6 +39,12 @@ https://www.npmjs.com/package/@node-projects/web-component-designer
 
 At first you have to setup a service container providing services for history, properties, elements, ...
 
+## Theming
+
+The designer chrome is styled with CSS custom properties, so it can be restyled from the
+outside without patching component styles. See [THEMING.md](THEMING.md) for the token
+reference.
+
 ## Code Editor
 
 You can select to use one of 3 code editors available (ACE, CodeMirrow, Monaco).

package/THEMING.md

@@ -0,0 +1,217 @@
+# Theming
+
+The designer chrome is styled through CSS custom properties. Set them anywhere above
+the designer in the DOM — custom properties inherit through shadow boundaries, so a
+declaration on `:root` reaches every widget.
+
+```css
+:root {
+  --wcd-color-surface: #1b1b1f;
+  --wcd-color-surface-raised: #26262c;
+  --wcd-color-surface-hover: #32323a;
+  --wcd-color-text: #e6e6e6;
+  --wcd-color-accent: #4f9cf9;
+}
+```
+
+These style the **designer's own UI**. To style the document being edited, use
+`documentContainer.additionalStyles` / `additionalStylesheets` instead — that is a
+separate mechanism that injects stylesheets into the design surface.
+
+## How a value resolves
+
+Every themable declaration reads through a fallback chain:
+
+```css
+background: var(--wcd-tab-header-background,          /* 1. component token   */
+             var(--dark-grey,                          /* 2. legacy alias      */
+              var(--wcd-color-surface, #232733)));     /* 3. global role, 4. built-in default */
+```
+
+1. **Component token** — the most specific knob, for one part of one widget.
+2. **Legacy alias** — the pre-`--wcd-` variable name, still honoured (see below).
+3. **Global role** — the broad knob; set these to reskin the whole designer.
+4. **Built-in default** — the value that shipped before theming existed.
+
+Set nothing and you get exactly the previous appearance. The defaults live only in
+`var()` fallbacks — the designer never *declares* a public token internally, so a value
+you set on an ancestor is never overridden from inside a shadow root.
+
+## Global roles
+
+The complete set. Everything else is a component token.
+
+| Token | Role |
+| --- | --- |
+| `--wcd-color-surface` | Panel / window background |
+| `--wcd-color-surface-raised` | Controls, inputs and rows sitting on a surface |
+| `--wcd-color-surface-hover` | Hover and selected-row background |
+| `--wcd-color-text` | Primary text |
+| `--wcd-color-text-muted` | Secondary, disabled and unset-value text |
+| `--wcd-color-border` | Default border |
+| `--wcd-color-border-strong` | High-contrast border |
+| `--wcd-color-accent` | Active indicators, selected tab marker |
+| `--wcd-color-accent-text` | Text rendered in the accent colour |
+| `--wcd-color-accent-border` | Border rendered in the accent colour |
+| `--wcd-color-focus` | Focus ring |
+| `--wcd-color-error` | Invalid-input border |
+| `--wcd-color-error-glow` | Invalid-input glow |
+| `--wcd-color-selection` | Selection outline on the canvas |
+| `--wcd-color-selection-fill` | Selection rectangle fill |
+| `--wcd-color-snapline` | Snapline stroke |
+| `--wcd-color-handle` | Geometry handle fill |
+| `--wcd-color-handle-stroke` | Geometry handle stroke |
+| `--wcd-color-handle-active` | Active geometry handle fill |
+
+> `--wcd-color-editor-background` is **not** a global role — it is the ColorEditor
+> widget's background. The table above is exhaustive.
+
+### Two default palettes
+
+The classic chrome (tab control, tree view, palette, property grid) and the tool
+windows (border-radius, box-shadow, gradient, text-shadow editors) ship with different
+dark palettes. Both read the same global roles but keep their own literal defaults, so
+setting `--wcd-color-surface` unifies them while changing nothing by default.
+
+### Light-by-default components
+
+`ContextMenu` and `PlainScrollbar` default to a light palette and are deliberately
+**not** wired to the global roles — chaining them to the dark chrome roles would invert
+them. Theme them through their own tokens (`--wcd-context-menu-*`,
+`--wcd-plain-scrollbar-*`).
+
+## Component tokens
+
+Named `--wcd-<component>-<part>-<property>`.
+
+**Tab control** — `tab-header-background`, `tab-header-hover-background`,
+`tab-selected-background`, `tab-selected-indicator-color`, `tab-panel-background`,
+`tab-font-family`, `tab-font-size`, `tab-text-transform`, `tab-letter-spacing`,
+`tab-padding-inline`
+
+**Tree view** — `tree-view-background`, `tree-view-item-hover-background`,
+`tree-view-item-selected-background`, `tree-view-id-color`, `tree-view-connector-color`
+
+**Property grid** — `property-grid-background`, `property-grid-text-color`,
+`property-grid-unset-value-color`, `property-grid-group-header-hover-color`,
+`property-grid-drop-target-color`, `property-grid-select-option-color`,
+`property-grid-header-highlight-color`, `property-grid-tab-indicator-color`,
+`property-grid-tab-indicator-inactive-color`, `property-grid-columns`,
+`property-grid-row-gap`, `property-grid-label-font-size`,
+`property-grid-editor-height`, `property-grid-editor-border-radius`
+
+**Palette** — `palette-item-hover-background`
+
+**Designer view** — `designer-view-toolbar-background`, `designer-view-statusbar-background`,
+`designer-view-statusbar-color`, `designer-view-statusbar-height`,
+`designer-view-tool-selected-background`, `designer-view-tool-hover-background`,
+`designer-view-corner-background`
+
+**Canvas** — `canvas-background`, `canvas-shadow`, `screenshot-background`, `canvas-search-background`,
+`canvas-search-container-background`, `canvas-search-border-color`,
+`canvas-search-button-hover-background`, `canvas-drag-file-outline-color`,
+`canvas-loading-background`, `grid-stroke-color`, `grid-fill-color`
+
+**Overlay layer** — `overlay-toolbar-background`, `overlay-toolbar-button-border-color`,
+`overlay-toolbar-button-hover-background`
+
+**Tool windows / popups** — `tool-popup-background`, `tool-popup-title-background`,
+`tool-popup-border-color`, `tool-window-shadow-color`, `tool-window-close-hover-background`,
+`toolbar-button-selected-background`, `transform-tool-divider-color`,
+`border-radius-editor-preview-background`, `box-shadow-editor-preview-background`,
+`box-shadow-editor-preview-box-background`, `gradient-editor-stop-border-color`,
+`gradient-editor-stop-selected-border-color`, `gradient-editor-stop-selected-glow-color`
+
+**Inputs and editors** — `input-background-color`, `input-border-color`,
+`color-editor-background`, `numeric-style-input-select-option-color`,
+`thickness-editor-background`, `thickness-editor-border-color`,
+`metrics-editor-margin-background`, `metrics-editor-border-background`,
+`metrics-editor-padding-background`, `metrics-editor-content-background`,
+`metrics-editor-label-background`, `image-button-list-selector-property-color`,
+`image-button-list-selector-value-color`, `image-button-list-selector-value-set-color`,
+`image-button-list-selector-button-background`,
+`image-button-list-selector-button-border-color`
+
+**Other views** — `layer-depth-view-background`, `layer-depth-view-text-color`,
+`layer-depth-view-muted-color`, `layer-depth-view-card-background`,
+`layer-depth-view-card-border-color`, `miniature-view-border-color`,
+`demo-view-background`, `demo-view-toolbar-background`, `demo-view-toolbar-border-color`,
+`debug-view-cell-border-color`, `debug-view-header-background`,
+`debug-view-row-hover-background`, `debug-view-link-color`
+
+**Context menu** — `context-menu-background`, `context-menu-color`,
+`context-menu-hover-background`, `context-menu-marked-background`,
+`context-menu-disabled-color`, `context-menu-divider-color`, `context-menu-border`,
+`context-menu-border-radius`, `context-menu-shadow`, `context-menu-padding`,
+`context-menu-item-padding-y`, `context-menu-icon-size`, `context-menu-icon-column-width`,
+`context-menu-font-family`, `context-menu-font-size`, `context-menu-font-weight`
+
+**Scrollbar** — `plain-scrollbar-thumb-background-color`,
+`plain-scrollbar-thumb-background-color-hover`, `plain-scrollbar-thumb-background-color-active`,
+`plain-scrollbar-thumb-border-color`, `plain-scrollbar-thumb-border-width`,
+`plain-scrollbar-thumb-border-radius`, `plain-scrollbar-track-background-color`,
+`plain-scrollbar-track-border-color`, `plain-scrollbar-button-color`,
+`plain-scrollbar-button-color-hover`, `plain-scrollbar-button-color-active`,
+`plain-scrollbar-button-size`
+
+### Spacing and typography
+
+These optional tokens retain the existing dimensions and typography when unset:
+
+| Token (with `--wcd-` prefix) | Default |
+| --- | --- |
+| `tab-font-family` | `Arial` |
+| `tab-font-size` | `12px` |
+| `tab-text-transform` | `uppercase` |
+| `tab-letter-spacing` | `1px` |
+| `tab-padding-inline` | `5px` |
+| `property-grid-columns` | `11px minmax(80px, auto) minmax(120px, 1fr)` |
+| `property-grid-row-gap` | `0` |
+| `property-grid-label-font-size` | `13px` |
+| `property-grid-editor-height` | `24px` |
+| `property-grid-editor-border-radius` | `0` |
+| `canvas-shadow` | `none` |
+
+The canvas controls use SVG icons colored with `designer-view-statusbar-color`
+(default `#354348`). `designer-view-statusbar-height` defaults to `28px`; use at
+least `28px` to accommodate the buttons. Active snap controls use
+`designer-view-tool-selected-background`.
+
+Keep three columns in `property-grid-columns`: the value indicator, label, and editor.
+For a narrow inspector, use `11px minmax(0, 1fr) minmax(0, 1fr)` to let both text
+columns shrink. `canvas-shadow` outlines the design surface without changing its size.
+
+## Legacy variable names
+
+The variables that were themable before this scheme existed still work and take
+precedence over the global roles, so existing setups are unaffected. Prefer the
+`--wcd-` names in new code.
+
+| Legacy | Replacement |
+| --- | --- |
+| `--dark-grey` | `--wcd-color-surface` |
+| `--medium-grey` | `--wcd-color-surface-raised` |
+| `--light-grey` | `--wcd-color-surface-hover` |
+| `--highlight-pink` | `--wcd-color-accent` |
+| `--input-border-color` | `--wcd-input-border-color` |
+| `--input-background-color` | `--wcd-input-background-color` |
+| `--property-grid-text-color` | `--wcd-property-grid-text-color` |
+| `--color-editor-background` | `--wcd-color-editor-background` |
+| `--numeric-style-input-select-option-color` | `--wcd-numeric-style-input-select-option-color` |
+| `--svg-grid-stroke-color` | `--wcd-grid-stroke-color` |
+| `--svg-grid-fill-color` | `--wcd-grid-fill-color` |
+| `--node-projects-web-component-designer-background` | `--wcd-canvas-background` |
+| `--node-projects-web-component-designer-screenshot-background` | `--wcd-screenshot-background` |
+| `--context-menu-*` | `--wcd-context-menu-*` |
+| `--plain-scrollbar-*` | `--wcd-plain-scrollbar-*` |
+
+`--wcd-grid-stroke-color`, `--wcd-grid-fill-color` and
+`--wcd-property-grid-tab-indicator-inactive-color` have **no built-in default**, matching
+the previous behaviour: leave them unset and the declaration stays invalid, so nothing is
+painted.
+
+## Not themable
+
+The colour picker's handle rings, focus glows and alpha checkerboards are left as
+literals on purpose — they have to stay legible against whatever colour is being
+edited, so a theme must not be able to wash them out.

package/dist/elements/controls/ColorEditor.js

@@ -8,7 +8,7 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
       display: block;
       box-sizing: border-box;
       width: 280px;
-      color: var(--property-grid-text-color, #e8edf2);
+      color: var(--wcd-property-grid-text-color, var(--property-grid-text-color, var(--wcd-color-text, #e8edf2)));
       font: 12px system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
     }
 
@@ -19,7 +19,7 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
       padding: 12px;
       border: 1px solid rgba(255, 255, 255, .14);
       border-radius: 8px;
-      background: var(--color-editor-background, #20252b);
+      background: var(--wcd-color-editor-background, var(--color-editor-background, var(--wcd-color-surface, #20252b)));
       box-shadow: 0 14px 38px rgba(0, 0, 0, .36);
     }
 
@@ -57,7 +57,7 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
     }
 
     .slider-row span {
-      color: rgba(232, 237, 242, .68);
+      color: var(--wcd-color-text-muted, rgba(232, 237, 242, .68));
       font-size: 11px;
       text-transform: uppercase;
     }
@@ -152,7 +152,7 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
       min-width: 0;
       border: 1px solid rgba(255, 255, 255, .14);
       border-radius: 5px;
-      background: #161a1f;
+      background: var(--wcd-color-surface, #161a1f);
       color: inherit;
       font: inherit;
       outline: none;
@@ -168,7 +168,7 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
       display: grid;
       gap: 3px;
       min-width: 0;
-      color: rgba(232, 237, 242, .68);
+      color: var(--wcd-color-text-muted, rgba(232, 237, 242, .68));
       font-size: 10px;
       text-transform: uppercase;
     }
@@ -181,7 +181,7 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
       height: 26px;
       border: 1px solid rgba(255, 255, 255, .14);
       border-radius: 5px;
-      background: #161a1f;
+      background: var(--wcd-color-surface, #161a1f);
       color: inherit;
       font: inherit;
       outline: none;
@@ -198,13 +198,13 @@ export class ColorEditor extends BaseCustomWebComponentConstructorAppend {
     }
 
     #text.invalid {
-      border-color: #e66b6b;
-      box-shadow: 0 0 0 1px rgba(230, 107, 107, .35);
+      border-color: var(--wcd-color-error, #e66b6b);
+      box-shadow: 0 0 0 1px var(--wcd-color-error-glow, rgba(230, 107, 107, .35));
     }
 
     input:focus,
     select:focus {
-      border-color: #79b8ff;
+      border-color: var(--wcd-color-focus, #79b8ff);
       box-shadow: 0 0 0 1px rgba(121, 184, 255, .28);
     }
 
@@ -479,15 +479,15 @@ export class ColorInput extends BaseCustomWebComponentConstructorAppend {
       width: 100%;
       height: 100%;
       padding: 3px;
-      border: 1px solid var(--input-border-color, #596c7a);
+      border: 1px solid var(--wcd-input-border-color, var(--input-border-color, var(--wcd-color-border, #596c7a)));
       border-radius: 4px;
-      background: var(--input-background-color, #1d2228);
+      background: var(--wcd-input-background-color, var(--input-background-color, var(--wcd-color-surface, #1d2228)));
       cursor: pointer;
       outline: none;
     }
 
     button:focus {
-      border-color: #79b8ff;
+      border-color: var(--wcd-color-focus, #79b8ff);
       box-shadow: 0 0 0 1px rgba(121, 184, 255, .28);
     }
 

package/dist/elements/controls/DesignerTabControl.js

@@ -27,7 +27,7 @@ export class DesignerTabControl extends BaseCustomWebComponentLazyAppend {
             cursor: pointer; 
             height: 30px;
             width: calc(100% - 30px);
-            background-color: var(--dark-grey, #232733);
+            background-color: var(--wcd-tab-header-background, var(--dark-grey, var(--wcd-color-surface, #232733)));
             overflow-x: auto;
             scrollbar-width: none;  /* Firefox */
         }
@@ -36,24 +36,24 @@ export class DesignerTabControl extends BaseCustomWebComponentLazyAppend {
             top: 0;
             width: 30px;
             position: absolute;
-            color: white;
+            color: var(--wcd-color-text, white);
             display: flex;
             justify-content: center;
             align-items: center;
             font-family: math;
         }
         .header-more:hover {
-            background: var(--light-grey, #383f52);
+            background: var(--wcd-tab-header-hover-background, var(--light-grey, var(--wcd-color-surface-hover, #383f52)));
         }
         .more-container {
             z-index: 1;
             user-select: none;
             -webkit-user-select: none;
-            background-color: var(--dark-grey, #232733);
+            background-color: var(--wcd-tab-header-background, var(--dark-grey, var(--wcd-color-surface, #232733)));
             right: 0;
             top: 30px;
             position: absolute;
-            color: white;
+            color: var(--wcd-color-text, white);
             display: flex;
             flex-direction: column;
             align-items: flex-start;
@@ -67,31 +67,31 @@ export class DesignerTabControl extends BaseCustomWebComponentLazyAppend {
         }
         .tab-header {
             height: 30px;
-            font-family: Arial;
+            font-family: var(--wcd-tab-font-family, Arial);
             display: flex;
             justify-content: center;
             align-items: center;                
-            text-transform: uppercase;                
+            text-transform: var(--wcd-tab-text-transform, uppercase);
             box-sizing: content-box;                
-            padding-left: 5px;
-            padding-right: 5px;
-            color: white;
-            font-size: 12px;
+            padding-left: var(--wcd-tab-padding-inline, 5px);
+            padding-right: var(--wcd-tab-padding-inline, 5px);
+            color: var(--wcd-color-text, white);
+            font-size: var(--wcd-tab-font-size, 12px);
             font-weight: 500;
             line-height: 1.5;
-            letter-spacing: 1px;
+            letter-spacing: var(--wcd-tab-letter-spacing, 1px);
             white-space: nowrap;
         }
         .tab-header:hover {
-            background: var(--light-grey, #383f52);
+            background: var(--wcd-tab-header-hover-background, var(--light-grey, var(--wcd-color-surface-hover, #383f52)));
         }
         .selected {
-            background: var(--medium-grey, #2f3545);
-            box-shadow: inset 0 3px 0 var(--highlight-pink, #e91e63);
+            background: var(--wcd-tab-selected-background, var(--medium-grey, var(--wcd-color-surface-raised, #2f3545)));
+            box-shadow: inset 0 3px 0 var(--wcd-tab-selected-indicator-color, var(--highlight-pink, var(--wcd-color-accent, #e91e63)));
         }
         .panels {
             z-index: 0;
-            background: var(--medium-grey, #2f3545);
+            background: var(--wcd-tab-panel-background, var(--medium-grey, var(--wcd-color-surface-raised, #2f3545)));
             height: calc(100% - 30px);
         }
         `;

package/dist/elements/controls/ImageButtonListSelector.js

@@ -3,16 +3,16 @@ export class ImageButtonListSelector extends BaseCustomWebComponentConstructorAp
     static style = css `
     div {
       font-size: 10px;
-      color: white;
+      color: var(--wcd-color-text, white);
     }
     #property {
-      color: #00aff0;
+      color: var(--wcd-image-button-list-selector-property-color, #00aff0);
     }
     #value {
-      color: lightgray;
+      color: var(--wcd-image-button-list-selector-value-color, lightgray);
     }
     #value.value-set {
-      color: wheat;
+      color: var(--wcd-image-button-list-selector-value-set-color, wheat);
     }
     .container {
       display: flex;
@@ -22,8 +22,8 @@ export class ImageButtonListSelector extends BaseCustomWebComponentConstructorAp
       min-width: 24px;
       height: 24px;
       padding: 1px;
-      background: white;
-      border: 1px solid lightgray;
+      background: var(--wcd-image-button-list-selector-button-background, white);
+      border: 1px solid var(--wcd-image-button-list-selector-button-border-color, lightgray);
     }
   `;
     static template = html `

package/dist/elements/controls/MetricsEditor.js

@@ -50,7 +50,7 @@ export class MetricsEditor extends BaseCustomWebComponentConstructorAppend {
       display: block;
       box-sizing: border-box;
       min-width: 0;
-      color: var(--property-grid-text-color, white);
+      color: var(--wcd-property-grid-text-color, var(--property-grid-text-color, var(--wcd-color-text, white)));
       font: 11px monospace;
       overflow: hidden;
     }
@@ -95,19 +95,19 @@ export class MetricsEditor extends BaseCustomWebComponentConstructorAppend {
 
     #margin {
       grid-area: margin;
-      background: #f6c89f;
+      background: var(--wcd-metrics-editor-margin-background, #f6c89f);
     }
 
     #border {
       grid-area: inner;
-      background: #f7dd9c;
+      background: var(--wcd-metrics-editor-border-background, #f7dd9c);
       border-style: solid;
       min-height: 76px;
     }
 
     #padding {
       grid-area: inner;
-      background: #c8d08f;
+      background: var(--wcd-metrics-editor-padding-background, #c8d08f);
       min-height: 38px;
     }
 
@@ -122,7 +122,7 @@ export class MetricsEditor extends BaseCustomWebComponentConstructorAppend {
       height: 100%;
       min-height: 24px;
       box-sizing: border-box;
-      background: #8fb9c3;
+      background: var(--wcd-metrics-editor-content-background, #8fb9c3);
       border: 1px solid rgba(0, 0, 0, .65);
     }
 
@@ -169,7 +169,7 @@ export class MetricsEditor extends BaseCustomWebComponentConstructorAppend {
 
     input:hover,
     input:focus {
-      background: rgba(255, 255, 255, .72);
+      background: var(--wcd-metrics-editor-label-background, rgba(255, 255, 255, .72));
       box-shadow: 0 0 0 1px rgba(0, 0, 0, .35);
     }
 

package/dist/elements/controls/NumericStyleInput.js

@@ -42,7 +42,7 @@ export class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
       box-shadow: none;
     }
     #select option{
-      color: var(--numeric-style-input-select-option-color, black);
+      color: var(--wcd-numeric-style-input-select-option-color, var(--numeric-style-input-select-option-color, black));
     }
 
     #scrubber,
@@ -71,7 +71,7 @@ export class NumericStyleInput extends BaseCustomWebComponentConstructorAppend {
     #stepper button:focus {
       outline: none;
       box-shadow: none;
-      border-color: var(--input-border-color, #596c7a);
+      border-color: var(--wcd-input-border-color, var(--input-border-color, var(--wcd-color-border, #596c7a)));
     }
 
     #input[disabled],

package/dist/elements/controls/PlainScrollbar.js

@@ -349,16 +349,16 @@ export class PlainScrollbar extends HTMLElement {
 } // end class
 //------------------------------------------------------------------------------
 const EPS = 1E-9;
-const buttonSize = "var(--plain-scrollbar-button-size, 13px)";
+const buttonSize = "var(--wcd-plain-scrollbar-button-size, var(--plain-scrollbar-button-size, 13px))";
 const buttonPath = '<path d="M -60 30 h 120 L 0 -30 z" stroke-width="0"/>';
 const scrollbarStyle = css `
     :host {
        display: block;
        contain: content;
-       background-color: #f8f8f8;
+       background-color: var(--wcd-plain-scrollbar-track-background-color, var(--plain-scrollbar-track-background-color, #f8f8f8));
        border-style: solid;
        border-width: 1px;
-       border-color: #dddddd;
+       border-color: var(--wcd-plain-scrollbar-track-border-color, var(--plain-scrollbar-track-border-color, #dddddd));
     }
     #root {
        touch-action: none;
@@ -386,25 +386,25 @@ const scrollbarStyle = css `
        position: absolute;
        width: 100%;
        height: 100%;
-       background-color: var(--plain-scrollbar-thumb-background-color, #f0f0f0);
+       background-color: var(--wcd-plain-scrollbar-thumb-background-color, var(--plain-scrollbar-thumb-background-color, #f0f0f0));
        border-style: solid;
-       border-width: var(--plain-scrollbar-thumb-border-width, 1px);
-       border-color: var(--plain-scrollbar-thumb-border-color, #b8b8b8);
-       border-radius: var(--plain-scrollbar-thumb-border-radius, 4px);
+       border-width: var(--wcd-plain-scrollbar-thumb-border-width, var(--plain-scrollbar-thumb-border-width, 1px));
+       border-color: var(--wcd-plain-scrollbar-thumb-border-color, var(--plain-scrollbar-thumb-border-color, #b8b8b8));
+       border-radius: var(--wcd-plain-scrollbar-thumb-border-radius, var(--plain-scrollbar-thumb-border-radius, 4px));
        transition: background-color 50ms linear;
     }
     #thumb:hover {
-       background-color: var(--plain-scrollbar-thumb-background-color-hover, #e0e0e0);
+       background-color: var(--wcd-plain-scrollbar-thumb-background-color-hover, var(--plain-scrollbar-thumb-background-color-hover, #e0e0e0));
     }
     #thumb.active {
-       background-color: var(--plain-scrollbar-thumb-background-color-active, #c0c0c0);
+       background-color: var(--wcd-plain-scrollbar-thumb-background-color-active, var(--plain-scrollbar-thumb-background-color-active, #c0c0c0));
     }
     #button1,
     #button2 {
        box-sizing: border-box;
        position: absolute;
        display: block;
-       fill: var(--plain-scrollbar-button-color, #606060);
+       fill: var(--wcd-plain-scrollbar-button-color, var(--plain-scrollbar-button-color, #606060));
     }
     #root.vertical #button1 {
        top: 0;
@@ -444,11 +444,11 @@ const scrollbarStyle = css `
     }
     #button1:hover,
     #button2:hover {
-       background-color: var(--plain-scrollbar-button-color-hover, #e0e0e0);
+       background-color: var(--wcd-plain-scrollbar-button-color-hover, var(--plain-scrollbar-button-color-hover, #e0e0e0));
     }
     #button1.active,
     #button2.active {
-       background-color: var(--plain-scrollbar-button-color-active, #c0c0c0);
+       background-color: var(--wcd-plain-scrollbar-button-color-active, var(--plain-scrollbar-button-color-active, #c0c0c0));
     }
     `;
 const scrollbarHtmlTemplate = html `

package/dist/elements/controls/PlainScrollbar.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlainScrollbar.js","sourceRoot":"","sources":["../../../src/elements/controls/PlainScrollbar.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"PlainScrollbar.js","sourceRoot":"","sources":["../../../src/elements/controls/PlainScrollbar.ts"],"names":[],"mappings":"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"}

package/dist/elements/controls/ThicknessEditor.js

@@ -44,8 +44,8 @@ export class ThicknessEditor extends BaseCustomWebComponentConstructorAppend {
   }
   #rect {
     grid-area: middle;
-    border: 1px solid black;
-    background: lightgray;
+    border: 1px solid var(--wcd-thickness-editor-border-color, black);
+    background: var(--wcd-thickness-editor-background, lightgray);
   }
   `;
     static template = html `