@limetech/lime-elements 36.2.0 → 36.3.0-next.1

package/dist/collection/components/menu-surface/menu-surface.css

@@ -220,6 +220,7 @@
       --menu-surface-width,
       min(calc(100vw - 2rem), 20rem)
   );
+  background-color: var(--lime-elevated-surface-background-color);
 }
 
 :host(limel-menu-surface.has-grid-layout) .mdc-menu-surface {

package/dist/collection/components/popover/popover.css

@@ -1,6 +1,6 @@
 /**
  * @prop --popover-surface-width: Width of the popover surface. defaults to `auto`
- * @prop --popover-body-background-color: Background color of popover body, defaults to `--contrast-100`.
+ * @prop --popover-body-background-color: Background color of popover body, defaults to `--lime-elevated-surface-background-color`.
  * @prop --popover-border-radius: Border radius of popover, defaults to `0.75rem`.
  * @prop --popover-z-index: z-index of the popover.
  */

package/dist/collection/components/popover-surface/popover-surface.css

@@ -33,7 +33,7 @@
   z-index: -1;
   opacity: 0.75;
   border-radius: var(--popover-border-radius, 0.75rem);
-  background-color: var(--popover-body-background-color, rgb(var(--contrast-100)));
+  background-color: var(--popover-body-background-color, var(--lime-elevated-surface-background-color));
 }
 .limel-popover-surface:focus {
   outline: none;

package/dist/collection/components/select/select.css

@@ -50,6 +50,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -57,7 +61,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 
@@ -1797,11 +1801,21 @@
   pointer-events: none;
   opacity: 0.4;
 }
+.limel-select.mdc-select--disabled .mdc-select__dropdown-icon svg {
+  fill: rgb(var(--contrast-800));
+}
+.limel-select:not(.mdc-select--disabled) .mdc-select__dropdown-icon svg {
+  fill: rgb(var(--contrast-1000));
+}
 .limel-select:not(.mdc-select--disabled) .limel-select-trigger {
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-normal);
 }
 .limel-select:not(.mdc-select--disabled) .limel-select-trigger:hover {
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-hovered);
 }
 .limel-select:not(.mdc-select--disabled) .limel-select-trigger:active {
@@ -1821,7 +1835,7 @@
 .limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused .mdc-floating-label {
   color: var(--mdc-theme-primary);
 }
-.limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused .mdc-select__dropdown-icon {
+.limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused .mdc-select__dropdown-icon svg {
   fill: var(--mdc-theme-primary);
 }
 .limel-select:not(.mdc-select--disabled) .limel-select-trigger.limel-select--focused .mdc-select__dropdown-icon-graphic {

package/dist/collection/components/shortcut/shortcut.css

@@ -8,7 +8,7 @@
 * @prop --shortcut-border-radius: defines the radius of corners of the shortcut. Defaults to `1rem`
 * @prop --shortcut-icon-color: defines the fill color of the shortcut icon. Defaults to `--contrast-1000`
 * @prop --shortcut-label-color: defines the color of the shortcut label. Defaults to `--contrast-1100`
-* @prop --shortcut-background-color: defines the backgrounds color of the shortcut icon. Defaults to `--contrast-100`
+* @prop --shortcut-background-color: defines the backgrounds color of the shortcut icon. Defaults to `--lime-elevated-surface-background-color`
 * @prop --shortcut-badge-text-color: Text color of the notification badge. Defaults to `--color-white`
 * @prop --shortcut-badge-background-color: Background color of the notification badge. Defaults to `--color-red-default`
 */
@@ -40,7 +40,9 @@
 
 a {
   all: unset;
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--shortcut-background-color, var(--lime-elevated-surface-background-color));
   box-shadow: var(--button-shadow-normal);
   cursor: pointer;
   text-align: center;
@@ -48,9 +50,10 @@ a {
   width: calc(100% - 1rem);
   padding: 0.5rem;
   border-radius: var(--shortcut-border-radius, 1rem);
-  background-color: var(--shortcut-background-color, rgb(var(--contrast-100)));
 }
 a:hover {
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-hovered);
 }
 a:active {

package/dist/collection/components/slider/slider.css

@@ -49,6 +49,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -56,7 +60,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 
@@ -813,6 +817,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -820,7 +828,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 
@@ -899,7 +907,7 @@
   border-top-color: transparent;
 }
 .mdc-slider .mdc-slider__value-indicator-text {
-  color: var(--color-of-value-indicator);
+  color: rgb(var(--color-white));
 }
 .mdc-slider .mdc-ripple-upgraded--foreground-activation .mdc-slider__value-indicator {
   transform: scale(1.5) translateY(0);

package/dist/collection/components/snackbar/snackbar.css

@@ -49,6 +49,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -56,7 +60,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 
@@ -373,14 +377,15 @@
 }
 
 .mdc-snackbar__surface {
+  background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--shadow-depth-16);
 }
 
+.mdc-snackbar__label {
+  color: var(--mdc-theme-on-surface);
+}
+
 .mdc-snackbar__actions {
   gap: 0.5rem;
   padding-left: 0.5rem;
-}
-
-limel-button {
-  --contrast-100: #333;
 }

package/dist/collection/components/spinner/spinner.css

@@ -49,6 +49,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -56,7 +60,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 

package/dist/collection/components/split-button/split-button.css

@@ -56,10 +56,14 @@ limel-menu:hover:before, limel-menu:focus-within:before {
   width: 1rem;
 }
 .menu-trigger:not(:disabled) {
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  color: var(--mdc-theme-on-surface);
+  background-color: transparent;
   cursor: pointer;
 }
 .menu-trigger:not(:disabled):hover {
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-hovered);
 }
 .menu-trigger:not(:disabled):active {

package/dist/collection/components/switch/switch.css

@@ -49,6 +49,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -56,7 +60,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 
@@ -775,7 +779,7 @@
     opacity: var(--mdc-switch-disabled-track-opacity, 1);
   }
 }
-:host {
+:host(limel-switch) {
   display: inline-flex;
   align-items: center;
   --mdc-switch-selected-icon-color: transparent;
@@ -786,11 +790,48 @@
   --mdc-switch-unselected-icon-size: 0.75rem;
   --mdc-switch-track-height: 1.25rem;
   --mdc-switch-track-shape: var(--mdc-switch-track-height);
+  --mdc-switch-unselected-focus-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-selected-focus-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-unselected-pressed-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-selected-pressed-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-unselected-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-unselected-hover-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-selected-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-selected-hover-handle-color: var(
+      --lime-elevated-surface-background-color
+  );
+  --mdc-switch-unselected-track-color: rgb(var(--contrast-700));
+  --mdc-switch-unselected-focus-track-color: rgb(var(--contrast-800));
+  --mdc-switch-unselected-pressed-track-color: rgb(var(--contrast-800));
+  --mdc-switch-unselected-hover-track-color: rgb(var(--contrast-800));
+  --mdc-switch-selected-focus-track-color: var(--mdc-theme-primary);
+  --mdc-switch-selected-pressed-track-color: var(--mdc-theme-primary);
+  --mdc-switch-selected-track-color: var(--mdc-theme-primary);
+  --mdc-switch-selected-hover-track-color: var(--mdc-theme-primary);
+  --mdc-switch-handle-elevation: var(--button-shadow-normal);
+  --mdc-switch-disabled-track-opacity: 0.4;
 }
 
 .mdc-switch {
   margin-right: 0.5rem;
 }
+.mdc-switch:hover {
+  --mdc-switch-handle-elevation: var(--button-shadow-hovered);
+}
 
 label {
   -moz-osx-font-smoothing: grayscale;
@@ -824,6 +865,13 @@ label.disabled {
   opacity: 0.4;
 }
 
+.mdc-switch.mdc-switch--selected .mdc-switch__handle:after, .mdc-switch.mdc-switch--selected .mdc-switch__handle:before, .mdc-switch.mdc-switch.mdc-switch--unselected .mdc-switch__handle:after, .mdc-switch.mdc-switch.mdc-switch--unselected .mdc-switch__handle:before {
+  transform: scale(0.8);
+}
+.mdc-switch .mdc-switch__shadow {
+  transform: scale(0.8);
+}
+
 .mdc-switch.lime-switch--readonly {
   --mdc-switch-disabled-selected-track-color: var(--mdc-theme-primary);
   --mdc-switch-disabled-unselected-track-color: rgb(

package/dist/collection/components/tab-bar/tab-bar.css

@@ -49,6 +49,10 @@
       --lime-text-secondary-on-background-color,
       rgba(var(--contrast-1700), 0.54)
   );
+  --mdc-theme-error: var(
+      --lime-error-background-color,
+      rgb(var(--color-red-dark))
+  );
   --lime-error-text-color: rgb(var(--color-red-darker));
   --mdc-theme-surface: var(
       --lime-surface-background-color,
@@ -56,7 +60,7 @@
   );
   --mdc-theme-on-surface: var(
       --lime-on-surface-color,
-      var(--lime-text-primary-on-background-color)
+      rgb(var(--contrast-1500))
   );
 }
 
@@ -687,6 +691,14 @@
   gap: 0.375rem;
 }
 
-.mdc-tab__text-label {
+.mdc-tab .mdc-tab__text-label {
+  transition: color 0.2s ease;
   padding-left: 0 !important;
+  color: var(--mdc-theme-on-surface);
+}
+.mdc-tab:hover .mdc-tab__text-label {
+  color: var(--mdc-theme-text-primary-on-background);
+}
+.mdc-tab.mdc-tab--active .mdc-tab__text-label {
+  color: var(--mdc-theme-primary);
 }

package/dist/collection/components/table/table.css

@@ -938,17 +938,21 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 /*
 * @prop --table-max-column-width: defines a maximum width for columns using standard size units, to prevent the table from growing too wide. Set to `auto` if you do not need this limitation. Defaults to `40rem`.
 */
-:host {
+:host(limel-table) {
+  isolation: isolate;
   display: block;
   --table-header-background-color: var(--contrast-500);
   --table-header-background-color--hover: var(--contrast-400);
   --table-header-background-color-when-being-dragged: var(--contrast-100);
   --table-row-background-color--odd: var(--contrast-200);
   --table-row-background-color--even: var(--contrast-100);
-  --table-row-background-color--hover: var(--contrast-100);
-  --table-row-background-color--active: var(--color-teal-lighter);
+  --table-row-background-color--hover: var(
+      --lime-elevated-surface-background-color
+  );
+  --table-row-background-color--active: var(--contrast-300);
   --table-arrow-color: var(--contrast-800);
   --table-arrow-color--active: var(--mdc-theme-primary);
+  --table-text-color: var(--mdc-theme-text-primary-on-background);
 }
 
 #tabulator-container,
@@ -998,6 +1002,13 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   border: none;
 }
 
+.tabulator .tabulator-header {
+  color: var(--table-text-color);
+}
+.tabulator .tabulator-tableHolder .tabulator-table {
+  color: var(--table-text-color);
+  background-color: transparent;
+}
 .tabulator .tabulator-header {
   border-bottom: 0;
   background-color: rgb(var(--table-header-background-color));
@@ -1033,17 +1044,32 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 .tabulator-row.tabulator-selectable {
   transition: background-color 0.2s ease;
 }
+.tabulator-row.tabulator-selectable:hover {
+  background-color: rgb(var(--contrast-300));
+}
 .tabulator-row.tabulator-selectable:not(.active):hover {
   background-color: rgb(var(--table-header-background-color));
 }
-.tabulator-row.tabulator-row-odd {
+.tabulator-row.tabulator-row-odd:not(.active):not(:hover) {
   background-color: rgb(var(--table-row-background-color--odd));
 }
-.tabulator-row.tabulator-row-even {
+.tabulator-row.tabulator-row-even:not(.active):not(:hover) {
   background-color: rgb(var(--table-row-background-color--even));
 }
-.tabulator-row.active, .tabulator-row.active:hover {
+.tabulator-row.active {
   background-color: rgb(var(--table-row-background-color--active));
+  box-shadow: var(--button-shadow-inset-pressed);
+}
+.tabulator-row.active:before {
+  content: "";
+  display: inline-block;
+  box-sizing: border-box;
+  position: sticky;
+  z-index: 3;
+  inset: 0 0 auto 0;
+  border: 0.2rem solid var(--mdc-theme-primary);
+  border-radius: 1rem;
+  margin-right: -0.4rem;
 }
 .tabulator-row .tabulator-cell {
   border-right: transparent;
@@ -1215,24 +1241,24 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   margin: 0;
   border: none;
   border-radius: 2.5rem;
-  color: rgb(var(--contrast-1200)) !important;
   background-color: transparent;
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not([disabled]) {
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
+  color: rgb(var(--contrast-1200)) !important;
+  background-color: transparent;
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not([disabled]):hover {
+  color: var(--mdc-theme-on-surface);
+  background-color: var(--lime-elevated-surface-background-color);
   box-shadow: var(--button-shadow-hovered);
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:not([disabled]):active {
   box-shadow: var(--button-shadow-pressed);
   transform: translate3d(0, 0.08rem, 0);
 }
-.tabulator .tabulator-footer .tabulator-paginator .tabulator-page:hover {
-  background-color: rgb(var(--contrast-100));
-}
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page.active {
-  background-color: rgb(var(--contrast-100));
+  background-color: var(--mdc-theme-surface);
   box-shadow: var(--button-shadow-inset);
 }
 .tabulator .tabulator-footer .tabulator-paginator .tabulator-page:disabled {
@@ -1242,33 +1268,45 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   background-color: transparent;
 }
 
-.tabulator-page[data-page=first], .tabulator-page[data-page=prev], .tabulator-page[data-page=next], .tabulator-page[data-page=last] {
+button.tabulator-page {
+  display: inline-flex !important;
+  align-items: center;
+  justify-content: center;
+}
+button.tabulator-page[data-page=first], button.tabulator-page[data-page=prev], button.tabulator-page[data-page=next], button.tabulator-page[data-page=last] {
   font-size: 0;
   color: transparent !important;
 }
-.tabulator-page[data-page=first]:after, .tabulator-page[data-page=prev]:after, .tabulator-page[data-page=next]:after, .tabulator-page[data-page=last]:after {
+button.tabulator-page[data-page=first]:before, button.tabulator-page[data-page=first]:after, button.tabulator-page[data-page=prev]:before, button.tabulator-page[data-page=prev]:after, button.tabulator-page[data-page=next]:before, button.tabulator-page[data-page=next]:after, button.tabulator-page[data-page=last]:before, button.tabulator-page[data-page=last]:after {
+  content: "";
   transition: transform 0.2s ease;
   display: block;
-  opacity: 0.7;
   position: absolute;
-  top: 0.125rem;
-  right: 0.125rem;
-  bottom: 0.125rem;
-  left: 0.125rem;
 }
-.tabulator-page[data-page=prev]:after, .tabulator-page[data-page=next]:after {
-  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 100 100'><defs/><path d='M68.714 50L37.286 70V30l31.428 20z'/></svg>");
+button.tabulator-page[data-page=first]:after, button.tabulator-page[data-page=prev]:after, button.tabulator-page[data-page=next]:after, button.tabulator-page[data-page=last]:after {
+  border-style: solid;
+  border-color: transparent;
+  border-width: 0.25rem 0 0.25rem 0.4rem;
+  border-left-color: var(--mdc-theme-on-surface);
+}
+button.tabulator-page[data-page=first]:before, button.tabulator-page[data-page=last]:before {
+  height: 0.5rem;
+  width: 0.125rem;
+  background-color: var(--mdc-theme-on-surface);
+}
+button.tabulator-page[data-page=first]:before {
+  left: 0.375rem;
 }
-.tabulator-page[data-page=first]:after, .tabulator-page[data-page=last]:after {
-  content: url("data:image/svg+xml; utf8, <svg xmlns='http://www.w3.org/2000/svg' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='2' clip-rule='evenodd' viewBox='0 0 100 100'><defs/><path d='M60.714 50L29.286 70V30l31.428 20zM64.714 30h6v40h-6z'/></svg>");
+button.tabulator-page[data-page=last]:before {
+  right: 0.375rem;
 }
-.tabulator-page[data-page=first]:after, .tabulator-page[data-page=prev]:after {
+button.tabulator-page[data-page=first]:after, button.tabulator-page[data-page=prev]:after {
   transform: rotateZ(180deg);
 }
-.tabulator-page[data-page=next]:not([disabled]):hover:after, .tabulator-page[data-page=last]:not([disabled]):hover:after {
+button.tabulator-page[data-page=next]:not([disabled]):hover:after, button.tabulator-page[data-page=last]:not([disabled]):hover:after {
   transform: translate3d(0.09375rem, 0, 0);
 }
-.tabulator-page[data-page=first]:not([disabled]):hover:after, .tabulator-page[data-page=prev]:not([disabled]):hover:after {
+button.tabulator-page[data-page=first]:not([disabled]):hover:after, button.tabulator-page[data-page=prev]:not([disabled]):hover:after {
   transform: translate3d(-0.09375rem, 0, 0) rotateZ(180deg);
 }
 
@@ -1317,10 +1355,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
  * without being explicitly called by outside code.
  */
 :host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable {
-  transition: background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
-}
-:host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:hover {
-  box-shadow: var(--button-shadow-hovered);
+  transition: color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease, transform 0.1s ease-out;
 }
 :host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:active {
   box-shadow: var(--button-shadow-pressed);
@@ -1328,6 +1363,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
 }
 :host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:hover {
   z-index: 2;
+  box-shadow: var(--button-shadow-hovered);
 }
 :host(.has-interactive-rows) .tabulator-row:not(.tabulator-calcs).tabulator-selectable:not(.active):hover {
   background-color: rgb(var(--table-row-background-color--hover));
@@ -1460,15 +1496,20 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   transition: transform 0.5s ease-out, opacity 0.35s ease;
   padding-top: 0;
   padding-bottom: 0;
+  color: var(--table-text-color);
   background-color: rgb(var(--table-header-background-color--hover));
   border: none;
   user-select: auto;
 }
 .tabulator .tabulator-footer .tabulator-calcs-holder {
-  border-color: rgb(var(--contrast-600));
+  border-color: rgb(var(--contrast-500));
+  background: rgb(var(--contrast-500)) !important;
   margin-top: 0;
   margin-bottom: 0;
 }
+.tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-row {
+  background: transparent !important;
+}
 .tabulator .tabulator-footer .tabulator-calcs-holder .tabulator-calcs {
   cursor: default;
 }
@@ -1518,7 +1559,7 @@ body.tabulator-print-fullscreen-hide > *:not(.tabulator-print-fullscreen) {
   will-change: background-image;
   background-image: linear-gradient(to right, rgb(var(--table-row-background-color--hover)) 70%, rgb(var(--table-row-background-color--hover), 0));
 }
-.tabulator-row.active .limel-table--row-selector, .tabulator-row.active:hover .limel-table--row-selector {
+.tabulator-row.active .limel-table--row-selector {
   background-image: linear-gradient(to right, rgb(var(--table-row-background-color--active)) 70%, rgb(var(--table-row-background-color--active), 0));
 }
 .limel-table--row-selector limel-checkbox {

package/dist/collection/style/_theme-color-variables.scss

@@ -27,6 +27,10 @@
         --lime-text-secondary-on-background-color,
         rgba(var(--contrast-1700), 0.54)
     );
+    --mdc-theme-error: var(
+        --lime-error-background-color,
+        rgb(var(--color-red-dark))
+    );
     --lime-error-text-color: rgb(var(--color-red-darker));
     --mdc-theme-surface: var(
         --lime-surface-background-color,
@@ -34,6 +38,6 @@
     );
     --mdc-theme-on-surface: var(
         --lime-on-surface-color,
-        var(--lime-text-primary-on-background-color)
+        rgb(var(--contrast-1500))
     );
 }

package/dist/collection/style/color-palette-extended-light-mode-only.css

@@ -41,7 +41,7 @@
     --contrast-1400: 39, 39, 57; /* #272739 */
     --contrast-1500: 35, 35, 53; /* #232335 */
     --contrast-1600: 25, 25, 44; /* #19192c */
-    --contrast-1700: 0, 0, 0; /* #000 */
+    --contrast-1700: 20, 20, 37; /* #141425 */
 
     /* Colors swatches that get slightly dimmer in dark mode */
     --color-red-lighter: 255, 205, 210; /* #ffcdd2; */