@solidxai/core-ui 0.1.16 → 0.1.17-beta.2

package/dist/resources/themes/solid-light-modern/theme.css

@@ -110,8 +110,8 @@
     box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
   }
 
-  .solid-workspace-avatar,
-  .solid-workspace-item-avatar {
+  .solid-workspace-avatar:not(.has-image),
+  .solid-workspace-item-avatar:not(.has-image) {
     background: linear-gradient(135deg, #575757, #2e2e2e) !important;
     color: #fffdf8 !important;
   }
@@ -214,8 +214,7 @@
   .solid-list-surface,
   .solid-form-section,
   .solid-card-view-card,
-  .solid-kanban-card,
-  .p-card {
+  .solid-kanban-card {
     background: #f6efe2;
     border: 1px solid var(--solid-border-default);
     border-radius: 20px;
@@ -342,8 +341,7 @@
   }
 
   .custom-add-button,
-  .custom-add-button.solid-btn,
-  .custom-add-button.p-button {
+  .custom-add-button.solid-btn {
     border: 1px solid var(--solid-border-default) !important;
     background: #f3ebdd !important;
     background-color: #f3ebdd !important;
@@ -353,17 +351,14 @@
   }
 
   .custom-add-button:hover:not(:disabled),
-  .custom-add-button.solid-btn:hover:not(:disabled),
-  .custom-add-button.p-button:hover:not(:disabled) {
+  .custom-add-button.solid-btn:hover:not(:disabled) {
     background: #ede2d1 !important;
     background-color: #ede2d1 !important;
     border-color: var(--solid-border-default) !important;
     color: #2e2e2e !important;
   }
 
-  .solid-list-toolbar .p-button,
   .solid-list-toolbar .solid-btn,
-  .solid-form-toolbar-actions .p-button,
   .solid-form-toolbar-actions .solid-btn {
     height: 38px;
     border-radius: 10px;
@@ -371,110 +366,6 @@
     font-weight: 700;
   }
 
-  .p-button:not(.p-button-text):not(.p-button-link) {
-    background: #2e2e2e;
-    border-color: #2e2e2e;
-    color: #f8f1e5;
-    box-shadow: 0 8px 16px rgba(46, 46, 46, 0.12);
-  }
-
-  .p-button:not(.p-button-text):not(.p-button-link):hover {
-    background: #383838;
-    border-color: #383838;
-  }
-
-  .p-button.p-button-secondary,
-  .p-button.p-button-outlined {
-    background: #f7f0e3;
-    color: #5c4b3e;
-    border-color: var(--solid-border-default);
-    box-shadow: none;
-  }
-
-  .p-inputtext,
-  .p-dropdown,
-  .p-multiselect,
-  .p-inputnumber-input,
-  .p-password-input,
-  .p-inputtextarea,
-  .p-autocomplete .p-inputtext,
-  .p-calendar .p-inputtext,
-  .p-treeselect,
-  .p-cascadeselect {
-    min-height: 46px;
-    border-radius: 12px !important;
-    border: 1px solid var(--solid-border-default) !important;
-    background: #f3ebdd !important;
-    color: #2e251f !important;
-    box-shadow: none !important;
-  }
-
-  .p-inputtext::placeholder,
-  .p-inputtextarea::placeholder,
-  .p-autocomplete-input::placeholder {
-    color: #8d7c6e !important;
-  }
-
-  .p-inputtext:enabled:hover,
-  .p-dropdown:not(.p-disabled):hover,
-  .p-multiselect:not(.p-disabled):hover,
-  .p-treeselect:not(.p-disabled):hover,
-  .p-cascadeselect:not(.p-disabled):hover {
-    border-color: rgba(46, 46, 46, 0.24) !important;
-  }
-
-  .p-inputtext:enabled:focus,
-  .p-inputtextarea:enabled:focus,
-  .p-dropdown:not(.p-disabled).p-focus,
-  .p-multiselect:not(.p-disabled).p-focus,
-  .p-treeselect:not(.p-disabled).p-focus,
-  .p-cascadeselect:not(.p-disabled).p-focus,
-  .p-autocomplete:not(.p-disabled).p-focus .p-inputtext,
-  .p-calendar:not(.p-disabled).p-focus .p-inputtext {
-    border-color: #2e2e2e !important;
-    box-shadow: 0 0 0 4px rgba(46, 46, 46, 0.08) !important;
-  }
-
-  .p-dropdown .p-dropdown-trigger,
-  .p-multiselect .p-multiselect-trigger,
-  .p-treeselect .p-treeselect-trigger,
-  .p-cascadeselect .p-cascadeselect-trigger {
-    width: 2.75rem;
-    color: #8d7c6e !important;
-  }
-
-  .p-dropdown-panel,
-  .p-multiselect-panel,
-  .p-autocomplete-panel,
-  .p-datepicker,
-  .p-datepicker:not(.p-datepicker-inline),
-  .p-treeselect-panel,
-  .p-cascadeselect-panel {
-    background: #fbf6ee !important;
-    color: #2e251f !important;
-    border: 1px solid var(--solid-border-default) !important;
-    border-radius: 14px !important;
-    box-shadow: 0 18px 40px rgba(92, 75, 62, 0.1) !important;
-  }
-
-  .p-dropdown-panel .p-dropdown-items .p-dropdown-item,
-  .p-multiselect-panel .p-multiselect-items .p-multiselect-item,
-  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item,
-  .p-treeselect-panel .p-treeselect-items-wrapper .p-treenode-content,
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item {
-    border-radius: 10px;
-    margin: 4px 8px;
-    color: #2e251f !important;
-  }
-
-  .p-dropdown-panel .p-dropdown-items .p-dropdown-item.p-highlight,
-  .p-multiselect-panel .p-multiselect-items .p-multiselect-item.p-highlight,
-  .p-autocomplete-panel .p-autocomplete-items .p-autocomplete-item.p-highlight,
-  .p-cascadeselect-panel .p-cascadeselect-items .p-cascadeselect-item.p-highlight {
-    background: rgba(46, 46, 46, 0.08) !important;
-    color: #2e2e2e !important;
-  }
-
   .solid-form-section {
     --solid-form-control-bg: rgba(255, 255, 255, 0.94);
     --solid-form-control-bg-disabled: #eceff4;
@@ -516,12 +407,6 @@
     margin-bottom: 0.5rem;
   }
 
-  .solid-form-content .p-inputtext,
-  .solid-form-content .p-dropdown,
-  .solid-form-content .p-multiselect,
-  .solid-form-content .p-inputnumber-input,
-  .solid-form-content .solid-standard-autocomplete .p-inputtext,
-  .solid-form-content .solid-standard-autocomplete .p-autocomplete-dropdown.p-button,
   .solid-form-content .react-datepicker-wrapper input,
   .solid-form-content .solid-input,
   .solid-form-content .solid-select,
@@ -531,32 +416,10 @@
     border-color: var(--solid-border-default) !important;
   }
 
-  .solid-form-content .p-dropdown .p-dropdown-label,
-  .solid-form-content .p-multiselect .p-multiselect-label,
-  .solid-form-content .p-inputtext,
-  .solid-form-content .p-inputtextarea,
-  .solid-form-content .p-inputnumber-input,
-  .solid-form-content .solid-standard-autocomplete .p-inputtext,
   .solid-form-content .react-datepicker-wrapper input {
     background: transparent !important;
   }
 
-  .solid-form-content .p-dropdown-trigger,
-  .solid-form-content .p-multiselect-trigger,
-  .solid-form-content .p-treeselect-trigger,
-  .solid-form-content .p-cascadeselect-trigger {
-    background: transparent !important;
-  }
-
-  .solid-form-content .p-dropdown:not(.p-disabled).p-focus,
-  .solid-form-content .p-multiselect:not(.p-disabled).p-focus,
-  .solid-form-content .p-inputtext:enabled:focus,
-  .solid-form-content .solid-standard-autocomplete.p-inputwrapper-focus .p-inputtext,
-  .solid-form-content .solid-standard-autocomplete.p-inputwrapper-focus .p-autocomplete-dropdown.p-button {
-    border-color: #2e2e2e;
-    box-shadow: 0 0 0 4px rgba(46, 46, 46, 0.08);
-  }
-
   .solid-form-content .solid-notebook,
   .solid-form-section .solid-notebook,
   .solid-list-surface .solid-notebook {
@@ -746,7 +609,6 @@
   }
 
   .solid-list-page-wrapper .solid-datatable-wrapper > .solid-data-table-root,
-  .solid-list-page-wrapper .solid-datatable-wrapper > .p-datatable,
   .solid-list-page-wrapper .solid-datatable-wrapper > div:first-child {
     margin-top: 10px;
     margin-bottom: 10px;
@@ -766,9 +628,7 @@
     background: #f1e8da !important;
   }
 
-  .solid-data-table-viewport > .relative,
-  .solid-datatable-wrapper .p-datatable,
-  .solid-datatable-wrapper .p-datatable-wrapper {
+  .solid-data-table-viewport > .relative {
     background: #f6efe2 !important;
   }
 
@@ -809,30 +669,10 @@
 
   .solid-data-table-head .solid-tree-sticky-cell,
   .solid-data-table-head .solid-tree-sticky-cell-left,
-  .solid-data-table-head .solid-tree-sticky-cell-right,
-  .solid-datatable-wrapper .p-datatable .p-datatable-thead > tr > th.solid-tree-sticky-cell,
-  .solid-datatable-wrapper .p-datatable .p-datatable-thead > tr > th.solid-tree-sticky-cell-left,
-  .solid-datatable-wrapper .p-datatable .p-datatable-thead > tr > th.solid-tree-sticky-cell-right {
+  .solid-data-table-head .solid-tree-sticky-cell-right {
     background: #d7cebd !important;
   }
 
-  .solid-datatable-wrapper .p-datatable .p-datatable-thead > tr > th {
-    background: #d7cebd !important;
-    color: #3d342d;
-    font-size: 11px;
-    font-weight: 600;
-    letter-spacing: 0.01em;
-    text-transform: none;
-    border-bottom: 1px solid var(--solid-border-strong);
-    padding-top: 0.8rem;
-    padding-bottom: 0.8rem;
-  }
-
-  .solid-datatable-wrapper .p-datatable .p-datatable-tbody > tr {
-    background: #f6efe2;
-    color: #3b3029;
-  }
-
   .solid-data-table-row {
     border-top: 0;
     background: transparent;
@@ -895,18 +735,13 @@
   }
 
   .solid-paginator-btn,
-  .solid-paginator-select,
-  .solid-paginator-select .p-dropdown,
-  .solid-paginator-select .p-dropdown-label,
-  .solid-table-paginator .p-button,
-  .solid-table-paginator .p-inputtext {
+  .solid-paginator-select {
     background: #f3ebdd !important;
     background-color: #f3ebdd !important;
     border-color: var(--solid-border-default) !important;
   }
 
   .solid-row-menu-trigger,
-  .solid-row-menu-trigger.p-button,
   .solid-tree-row-menu-trigger {
     background: #f3ebdd !important;
     background-color: #f3ebdd !important;
@@ -916,7 +751,6 @@
   }
 
   .solid-row-menu-trigger:hover,
-  .solid-row-menu-trigger.p-button:hover,
   .solid-tree-row-menu-trigger:hover {
     background: #ede2d1 !important;
     background-color: #ede2d1 !important;
@@ -952,11 +786,7 @@
     border-top: 1px solid var(--solid-border-default) !important;
   }
 
-  .solid-form-footer .p-button,
-  .solid-form-footer .solid-btn,
-  .solid-form-footer .p-inputtext,
-  .solid-form-footer .p-dropdown,
-  .solid-form-footer .p-dropdown-label {
+  .solid-form-footer .solid-btn {
     background-color: #f3ebdd !important;
     border-color: var(--solid-border-default) !important;
   }
@@ -966,9 +796,6 @@
   }
 
   .solid-form-content > .flex,
-  .solid-form-content > .p-tabview,
-  .solid-form-content > .p-panel,
-  .solid-form-content > .p-fieldset,
   .solid-form-content > .solid-layout-accordion {
     background: rgba(247, 239, 226, 0.98);
     border: 1px solid var(--solid-border-default);
@@ -977,30 +804,6 @@
     box-shadow: 0 8px 24px rgba(92, 75, 62, 0.05);
   }
 
-  .solid-form-content .p-panel,
-  .solid-form-content .p-fieldset,
-  .solid-form-content .p-accordion .p-accordion-header .p-accordion-header-link,
-  .solid-form-content .p-accordion .p-accordion-content {
-    border-radius: 16px;
-  }
-
-  .solid-datatable-wrapper .p-datatable .p-datatable-tbody > tr > td {
-    border-bottom: 1px solid rgba(126, 110, 95, 0.08);
-    padding-top: 0.95rem;
-    padding-bottom: 0.95rem;
-  }
-
-  .solid-datatable-wrapper .p-datatable .p-datatable-tbody > tr:hover,
-  .solid-datatable-wrapper .p-datatable.p-datatable-hoverable-rows .p-datatable-tbody > tr:not(.p-highlight):hover {
-    background: #efe5d4;
-  }
-
-  .solid-datatable-wrapper .p-datatable .p-datatable-tbody > tr.p-highlight,
-  .solid-datatable-wrapper .p-datatable .p-datatable-tbody > tr > td.p-highlight {
-    background: rgba(46, 46, 46, 0.08);
-    color: #2e2e2e;
-  }
-
   .solid-segmented {
     border: 1px solid var(--solid-border-default) !important;
     border-radius: 14px;

package/dist/routes/pages/admin/core/DatasourceIntrospectionPage.css

@@ -445,7 +445,7 @@
 .sdix-table-area .solid-table-density-compact .solid-data-table-td {
   height: 30px;
   padding: 0.26rem 0.5rem;
-  vertical-align: top;
+  vertical-align: middle;
 }
 
 .sdix-table-primary-cell {
@@ -1489,3 +1489,292 @@
     justify-content: flex-end;
   }
 }
+
+/* Datasource introspection uses a large set of bespoke surfaces. Keep all of
+   them on the active application theme instead of the light-mode literals above. */
+html.dark .sdix-page,
+[data-theme="dark"] .sdix-page {
+  background: var(--background);
+  color: var(--foreground);
+}
+
+html.dark .sdix-toolbar-search,
+html.dark .sdix-workspace-loading,
+html.dark .sdix-workspace-rail,
+html.dark .sdix-workspace-rail__item,
+html.dark .sdix-wizard-stepper-item,
+html.dark .sdix-wizard-panel,
+html.dark .sdix-wizard-footer,
+html.dark .sdix-drawer-footer,
+html.dark .sdix-table-shell,
+html.dark .sdix-settings-row,
+html.dark .sdix-preview-card,
+html.dark .sdix-metadata-preview > div,
+html.dark .sdix-drawer-section,
+html.dark .sdix-column-table,
+html.dark .sdix-stage-panel__card,
+html.dark .sdix-review-meta,
+html.dark .sdix-ddl-code,
+[data-theme="dark"] .sdix-toolbar-search,
+[data-theme="dark"] .sdix-workspace-loading,
+[data-theme="dark"] .sdix-workspace-rail,
+[data-theme="dark"] .sdix-workspace-rail__item,
+[data-theme="dark"] .sdix-wizard-stepper-item,
+[data-theme="dark"] .sdix-wizard-panel,
+[data-theme="dark"] .sdix-wizard-footer,
+[data-theme="dark"] .sdix-drawer-footer,
+[data-theme="dark"] .sdix-table-shell,
+[data-theme="dark"] .sdix-settings-row,
+[data-theme="dark"] .sdix-preview-card,
+[data-theme="dark"] .sdix-metadata-preview > div,
+[data-theme="dark"] .sdix-drawer-section,
+[data-theme="dark"] .sdix-column-table,
+[data-theme="dark"] .sdix-stage-panel__card,
+[data-theme="dark"] .sdix-review-meta,
+[data-theme="dark"] .sdix-ddl-code {
+  background: var(--card);
+  border-color: var(--border);
+  color: var(--foreground);
+}
+
+html.dark .sdix-workspace-rail__header,
+html.dark .sdix-wizard-footer,
+html.dark .sdix-drawer-footer,
+html.dark .sdix-column-row,
+[data-theme="dark"] .sdix-workspace-rail__header,
+[data-theme="dark"] .sdix-wizard-footer,
+[data-theme="dark"] .sdix-drawer-footer,
+[data-theme="dark"] .sdix-column-row {
+  border-color: var(--border);
+}
+
+html.dark .sdix-workspace-header__identity h2,
+html.dark .sdix-workspace-rail__header strong,
+html.dark .sdix-workspace-rail__item-main strong,
+html.dark .sdix-wizard-stepper-item,
+html.dark .sdix-table-primary-cell strong,
+html.dark .sdix-settings-static strong,
+html.dark .sdix-preview-card strong,
+html.dark .sdix-metadata-preview strong,
+html.dark .sdix-settings-row label,
+html.dark .sdix-drawer-header__identity .solid-radix-dialog-title,
+html.dark .sdix-columns__header h4,
+html.dark .sdix-column-meta strong,
+html.dark .sdix-stage-panel__header h3,
+html.dark .sdix-stage-panel__card-title,
+html.dark .sdix-workspace-summary__item strong,
+html.dark .sdix-review-meta strong,
+html.dark .sdix-stage-progress h3,
+[data-theme="dark"] .sdix-workspace-header__identity h2,
+[data-theme="dark"] .sdix-workspace-rail__header strong,
+[data-theme="dark"] .sdix-workspace-rail__item-main strong,
+[data-theme="dark"] .sdix-wizard-stepper-item,
+[data-theme="dark"] .sdix-table-primary-cell strong,
+[data-theme="dark"] .sdix-settings-static strong,
+[data-theme="dark"] .sdix-preview-card strong,
+[data-theme="dark"] .sdix-metadata-preview strong,
+[data-theme="dark"] .sdix-settings-row label,
+[data-theme="dark"] .sdix-drawer-header__identity .solid-radix-dialog-title,
+[data-theme="dark"] .sdix-columns__header h4,
+[data-theme="dark"] .sdix-column-meta strong,
+[data-theme="dark"] .sdix-stage-panel__header h3,
+[data-theme="dark"] .sdix-stage-panel__card-title,
+[data-theme="dark"] .sdix-workspace-summary__item strong,
+[data-theme="dark"] .sdix-review-meta strong,
+[data-theme="dark"] .sdix-stage-progress h3 {
+  color: var(--foreground);
+}
+
+html.dark .sdix-workspace-header__identity p,
+html.dark .sdix-workspace-rail__item-main span,
+html.dark .sdix-wizard-footer__meta,
+html.dark .sdix-drawer-footer__meta,
+html.dark .sdix-table-primary-cell span,
+html.dark .sdix-muted-cell,
+html.dark .sdix-settings-static span,
+html.dark .sdix-preview-card span,
+html.dark .sdix-metadata-preview span,
+html.dark .sdix-form-row label,
+html.dark .sdix-settings-row p,
+html.dark .sdix-drawer-header__meta,
+html.dark .sdix-form-field label,
+html.dark .sdix-columns__header p,
+html.dark .sdix-column-meta small,
+html.dark .sdix-inline-note,
+html.dark .sdix-stage-panel__header p,
+html.dark .sdix-workspace-summary__item span,
+html.dark .sdix-stage-panel__list,
+html.dark .sdix-review-meta span,
+html.dark .sdix-review-note,
+html.dark .sdix-stage-progress p,
+html.dark .sdix-column-placeholder,
+html.dark .sdix-loading,
+html.dark .sdix-empty-state,
+[data-theme="dark"] .sdix-workspace-header__identity p,
+[data-theme="dark"] .sdix-workspace-rail__item-main span,
+[data-theme="dark"] .sdix-wizard-footer__meta,
+[data-theme="dark"] .sdix-drawer-footer__meta,
+[data-theme="dark"] .sdix-table-primary-cell span,
+[data-theme="dark"] .sdix-muted-cell,
+[data-theme="dark"] .sdix-settings-static span,
+[data-theme="dark"] .sdix-preview-card span,
+[data-theme="dark"] .sdix-metadata-preview span,
+[data-theme="dark"] .sdix-form-row label,
+[data-theme="dark"] .sdix-settings-row p,
+[data-theme="dark"] .sdix-drawer-header__meta,
+[data-theme="dark"] .sdix-form-field label,
+[data-theme="dark"] .sdix-columns__header p,
+[data-theme="dark"] .sdix-column-meta small,
+[data-theme="dark"] .sdix-inline-note,
+[data-theme="dark"] .sdix-stage-panel__header p,
+[data-theme="dark"] .sdix-workspace-summary__item span,
+[data-theme="dark"] .sdix-stage-panel__list,
+[data-theme="dark"] .sdix-review-meta span,
+[data-theme="dark"] .sdix-review-note,
+[data-theme="dark"] .sdix-stage-progress p,
+[data-theme="dark"] .sdix-column-placeholder,
+[data-theme="dark"] .sdix-loading,
+[data-theme="dark"] .sdix-empty-state {
+  color: var(--muted-foreground);
+}
+
+html.dark .sdix-workspace-rail__item:hover,
+html.dark .sdix-wizard-stepper-item:hover,
+html.dark .sdix-settings-row:hover,
+[data-theme="dark"] .sdix-workspace-rail__item:hover,
+[data-theme="dark"] .sdix-wizard-stepper-item:hover,
+[data-theme="dark"] .sdix-settings-row:hover {
+  background: var(--surface-hover);
+  border-color: var(--primary);
+}
+
+html.dark .sdix-workspace-rail__item.is-active,
+html.dark .sdix-wizard-stepper-item.is-active,
+[data-theme="dark"] .sdix-workspace-rail__item.is-active,
+[data-theme="dark"] .sdix-wizard-stepper-item.is-active {
+  background: color-mix(in srgb, var(--primary) 16%, var(--card));
+  border-color: var(--primary);
+  box-shadow: none;
+}
+
+html.dark .sdix-workspace-rail__header span,
+html.dark .sdix-inline-status,
+html.dark .sdix-settings-static,
+html.dark .sdix-workspace-summary__item,
+[data-theme="dark"] .sdix-workspace-rail__header span,
+[data-theme="dark"] .sdix-inline-status,
+[data-theme="dark"] .sdix-settings-static,
+[data-theme="dark"] .sdix-workspace-summary__item {
+  background: var(--surface-ground);
+  border-color: var(--border);
+  color: var(--muted-foreground);
+}
+
+html.dark .sdix-wizard-stepper-item.is-complete,
+[data-theme="dark"] .sdix-wizard-stepper-item.is-complete {
+  background: color-mix(in srgb, var(--primary) 14%, var(--card));
+  border-color: color-mix(in srgb, var(--primary) 52%, var(--border));
+}
+
+html.dark .sdix-wizard-stepper-badge,
+[data-theme="dark"] .sdix-wizard-stepper-badge {
+  background: var(--surface-ground);
+  border-color: var(--border);
+  color: var(--muted-foreground);
+}
+
+html.dark .sdix-wizard-stepper-item.is-active .sdix-wizard-stepper-badge,
+[data-theme="dark"] .sdix-wizard-stepper-item.is-active .sdix-wizard-stepper-badge {
+  background: var(--primary);
+  border-color: var(--primary);
+  color: var(--primary-foreground);
+}
+
+html.dark .sdix-table-primary-cell,
+html.dark .sdix-column-row,
+html.dark .sdix-ddl-code,
+[data-theme="dark"] .sdix-table-primary-cell,
+[data-theme="dark"] .sdix-column-row,
+[data-theme="dark"] .sdix-ddl-code {
+  color: var(--foreground);
+}
+
+html.dark .sdix-column-row--head,
+[data-theme="dark"] .sdix-column-row--head {
+  background: var(--sidebar-accent);
+  color: var(--muted-foreground);
+}
+
+html.dark .sdix-status-badge,
+[data-theme="dark"] .sdix-status-badge {
+  border: 1px solid var(--border);
+}
+
+html.dark .sdix-status-badge.is-mapped,
+html.dark .sdix-status-badge.is-unmapped,
+html.dark .sdix-status-badge.is-superclass,
+html.dark .sdix-status-badge.is-muted,
+[data-theme="dark"] .sdix-status-badge.is-mapped,
+[data-theme="dark"] .sdix-status-badge.is-unmapped,
+[data-theme="dark"] .sdix-status-badge.is-superclass,
+[data-theme="dark"] .sdix-status-badge.is-muted {
+  background: color-mix(in srgb, var(--primary) 14%, var(--card));
+  color: var(--primary);
+}
+
+html.dark .sdix-status-badge.is-blocked,
+html.dark .sdix-json-validation-error,
+[data-theme="dark"] .sdix-status-badge.is-blocked,
+[data-theme="dark"] .sdix-json-validation-error {
+  background: color-mix(in srgb, var(--destructive) 14%, var(--card));
+  border-color: color-mix(in srgb, var(--destructive) 42%, var(--border));
+  color: var(--destructive);
+}
+
+html.dark .sdix-drawer.solid-radix-dialog-content,
+html.dark .sdix-field-config-dialog,
+[data-theme="dark"] .sdix-drawer.solid-radix-dialog-content,
+[data-theme="dark"] .sdix-field-config-dialog {
+  background: var(--card);
+  border-color: var(--border);
+  color: var(--foreground);
+}
+
+html.dark .sdix-drawer-overlay,
+[data-theme="dark"] .sdix-drawer-overlay {
+  background: color-mix(in srgb, var(--background) 78%, transparent);
+}
+
+html.dark .sdix-blocker,
+html.dark .sdix-blocker-panel,
+html.dark .sdix-blocker-panel__body,
+[data-theme="dark"] .sdix-blocker,
+[data-theme="dark"] .sdix-blocker-panel,
+[data-theme="dark"] .sdix-blocker-panel__body {
+  background: color-mix(in srgb, var(--card) 92%, var(--destructive) 8%);
+  border-color: color-mix(in srgb, var(--destructive) 42%, var(--border));
+  color: var(--destructive);
+  box-shadow: none;
+}
+
+html.dark .sdix-blocker__content h3,
+html.dark .sdix-blocker__content p,
+html.dark .sdix-blocker__note,
+html.dark .sdix-blocker__eyebrow,
+[data-theme="dark"] .sdix-blocker__content h3,
+[data-theme="dark"] .sdix-blocker__content p,
+[data-theme="dark"] .sdix-blocker__note,
+[data-theme="dark"] .sdix-blocker__eyebrow {
+  color: var(--destructive);
+}
+
+html.dark .sdix-stage-progress--success,
+[data-theme="dark"] .sdix-stage-progress--success {
+  background: color-mix(in srgb, var(--card) 88%, var(--primary) 12%);
+  border-color: color-mix(in srgb, var(--primary) 46%, var(--border));
+}
+
+html.dark .sdix-stage-panel__eyebrow,
+[data-theme="dark"] .sdix-stage-panel__eyebrow {
+  color: var(--primary);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.16",
+  "version": "0.1.17-beta.2",
   "scripts": {
     "build:tailwind": "tailwindcss -i ./src/resources/solid-tailwind.css -o ./src/resources/solid-tailwind-generated.css -c ./tailwind.config.js --minify",
     "prebuild": "npm run build:tailwind && npm run copy-resources && npm run copy-styles",