@ptsecurity/mosaic 13.9.2 → 13.10.0

package/_theming.scss

@@ -131,26 +131,26 @@ $dark-color-scheme-error-default: #b9023a;
 $dark-color-scheme-info-default: #0c6579;
 $dark-color-scheme-success-default: #016b37;
 $dark-color-scheme-warning-default: #7e5406;
-$dark-color-scheme-foreground-text: #f2f5f9;
+$dark-color-scheme-foreground-text: #d7dee4;
 $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
 $dark-color-scheme-foreground-text-disabled: #6d7a86;
 $dark-color-scheme-foreground-text-error: #ea5868;
 $dark-color-scheme-foreground-text-success: #319d5c;
-$dark-color-scheme-foreground-divider: #333f4a;
+$dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
 $dark-color-scheme-foreground-border: #515e69;
 $dark-color-scheme-foreground-icon: #8c99a5;
 $dark-color-scheme-background-background: #19252f;
 $dark-color-scheme-background-background-disabled: #333f4a;
 $dark-color-scheme-background-background-less-contrast: #27333e;
 $dark-color-scheme-background-background-under: #151e25;
-$dark-color-scheme-background-overlay-hover: rgba(black, 0.05);
-$dark-color-scheme-background-overlay-active: rgba(black, 0.1);
+$dark-color-scheme-background-overlay-hover: rgba(white, 0.05);
+$dark-color-scheme-background-overlay-active: rgba(white, 0.1);
 $dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
 $dark-color-scheme-states-focused-color: #4187ff;
 $dark-color-scheme-states-focused-color-error: #b9023a;
-$dark-color-scheme-states-selected-color: #023c7f;
+$dark-color-scheme-states-selected-color: rgba(3, 116, 235, 0.3);
 $dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
-$dark-color-scheme-states-disabled-opacity: 0.3;
+$dark-color-scheme-states-disabled-opacity: 0.45;
 $font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
@@ -647,7 +647,7 @@ $datepicker-toggle-size-height: 30px;
 $datepicker-body-light-color-scheme-states-selected-color: #0374eb;
 $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
 $datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
-$datepicker-body-dark-color-scheme-states-selected-background: #023c7f;
+$datepicker-body-dark-color-scheme-states-selected-background: rgba(3, 116, 235, 0.3);
 $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
 $datepicker-body-size-cell-min-size: 32px;
 $datepicker-body-size-cell-margin: 5%;
@@ -667,13 +667,13 @@ $datepicker-calendar-font-default: body;
 $datepicker-calendar-font-header: caption;
 $datepicker-input-size-width: 130px;
 $divider-light-color-scheme-color: #d7dee4;
-$divider-dark-color-scheme-color: #333f4a;
+$divider-dark-color-scheme-color: mix(#515e69, transparent, 50%);
 $divider-size-width: 1px;
 $divider-size-inset-margin: 80px;
 $description-list-light-color-scheme-dt: #6d7a86;
 $description-list-light-color-scheme-dd: #19252f;
 $description-list-dark-color-scheme-dt: #8c99a5;
-$description-list-dark-color-scheme-dd: #f2f5f9;
+$description-list-dark-color-scheme-dd: #d7dee4;
 $description-list-size-grid-template-columns: repeat(4, 1fr);
 $description-list-size-dt-grid-column: 1;
 $description-list-size-dd-grid-column: 2 / span 3;
@@ -709,7 +709,7 @@ $form-field-light-color-scheme-states-invalid-border: #db3c55;
 $form-field-light-color-scheme-states-invalid-background: #fff3f3;
 $form-field-dark-color-scheme-border: #515e69;
 $form-field-dark-color-scheme-background: transparent;
-$form-field-dark-color-scheme-states-hover-border: #515e69;
+$form-field-dark-color-scheme-states-hover-border: #6d7a86;
 $form-field-dark-color-scheme-states-invalid-border: #b9023a;
 $form-field-dark-color-scheme-states-invalid-background: mix(#41000b, transparent, 30%);
 $form-field-size-height: 32px;
@@ -725,10 +725,10 @@ $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #ee6f79;
 $form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
 $form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
 $form-field-password-hint-light-color-scheme-states-valid-icon-color: #4ba96c;
-$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
+$form-field-password-hint-dark-color-scheme-text-color: #d7dee4;
 $form-field-password-hint-dark-color-scheme-icon-color: #8c99a5;
 $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ee6f79;
-$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
+$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #d7dee4;
 $form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
 $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #4ba96c;
 $form-field-password-hint-size-margin-top: 8px;
@@ -737,7 +737,7 @@ $form-field-password-hint-font-default: caption;
 $forms-light-color-scheme-label: #6d7a86;
 $forms-light-color-scheme-legend: #19252f;
 $forms-dark-color-scheme-label: #8c99a5;
-$forms-dark-color-scheme-legend: #f2f5f9;
+$forms-dark-color-scheme-legend: #d7dee4;
 $forms-size-horizontal-row-margin-bottom: 20px;
 $forms-size-horizontal-label-padding-top: 6px;
 $forms-size-horizontal-label-padding-bottom: 0;
@@ -832,7 +832,7 @@ $loader-overlay-light-color-scheme-background: mix(white, transparent, 90%);
 $loader-overlay-light-color-scheme-text: #19252f;
 $loader-overlay-light-color-scheme-caption: #6d7a86;
 $loader-overlay-dark-color-scheme-background: mix(#19252f, transparent, 90%);
-$loader-overlay-dark-color-scheme-text: #f2f5f9;
+$loader-overlay-dark-color-scheme-text: #d7dee4;
 $loader-overlay-dark-color-scheme-caption: #8c99a5;
 $loader-overlay-size-text-max-width: 480px;
 $loader-overlay-size-fixed-top-padding: 72px;
@@ -855,7 +855,7 @@ $modal-size-close-width: 56px;
 $modal-size-border-radius: 4px;
 $modal-size-border-width: 1px;
 $modal-header-light-color-scheme-border: #d7dee4;
-$modal-header-dark-color-scheme-border: #333f4a;
+$modal-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $modal-header-size-border-radius: 4px 4px 0 0;
 $modal-header-size-height: 56px;
 $modal-header-size-padding: 0 16px;
@@ -864,7 +864,7 @@ $modal-body-size-max-height: calc(100vh - 260px);
 $modal-body-size-padding: 16px 24px 24px;
 $modal-body-font-default: body;
 $modal-footer-light-color-scheme-border: #f2f5f9;
-$modal-footer-dark-color-scheme-border: #333f4a;
+$modal-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $modal-footer-size-border-radius: 0 0 4px 4px;
 $modal-footer-size-height: 64px;
 $modal-footer-size-padding: 0 16px;
@@ -910,7 +910,7 @@ $popover-light-color-scheme-text: #19252f;
 $popover-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
 $popover-light-color-scheme-border: #d7dee4;
 $popover-dark-color-scheme-background: #333f4a;
-$popover-dark-color-scheme-text: #f2f5f9;
+$popover-dark-color-scheme-text: #d7dee4;
 $popover-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
 $popover-dark-color-scheme-border: #333f4a;
 $popover-size-max-height: 480px;
@@ -927,7 +927,7 @@ $popover-header-light-color-scheme-border: #d7dee4;
 $popover-header-light-color-scheme-text: #19252f;
 $popover-header-light-color-scheme-background: white;
 $popover-header-dark-color-scheme-border: #434f5a;
-$popover-header-dark-color-scheme-text: #f2f5f9;
+$popover-header-dark-color-scheme-text: #d7dee4;
 $popover-header-dark-color-scheme-background: #333f4a;
 $popover-header-size-height: 40px;
 $popover-header-size-padding: 0 16px;
@@ -987,13 +987,13 @@ $sidepanel-light-color-scheme-border: #bdc7d1;
 $sidepanel-dark-color-scheme-border: #19252f;
 $sidepanel-font-default: body;
 $sidepanel-header-light-color-scheme-border: #d7dee4;
-$sidepanel-header-dark-color-scheme-border: #333f4a;
+$sidepanel-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-header-size-height: 56px;
 $sidepanel-header-size-padding: 0 16px;
 $sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
 $sidepanel-footer-light-color-scheme-border: #f2f5f9;
-$sidepanel-footer-dark-color-scheme-border: #333f4a;
+$sidepanel-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-footer-size-height: 64px;
 $sidepanel-footer-size-padding: 0 16px;
 $sidepanel-footer-font-default: body;
@@ -1015,9 +1015,9 @@ $tabs-light-color-scheme-state-disabled-text: #8c99a5;
 $tabs-light-color-scheme-state-disabled-marker-opacity: 0.3;
 $tabs-dark-color-scheme-border: #333f4a;
 $tabs-dark-color-scheme-state-normal-icon: #8c99a5;
-$tabs-dark-color-scheme-state-normal-text: #f2f5f9;
+$tabs-dark-color-scheme-state-normal-text: #d7dee4;
 $tabs-dark-color-scheme-state-hover-icon: #6d7a86;
-$tabs-dark-color-scheme-state-hover-text: #f2f5f9;
+$tabs-dark-color-scheme-state-hover-text: #d7dee4;
 $tabs-dark-color-scheme-state-active-marker-color: #0059b8;
 $tabs-dark-color-scheme-state-empty-icon: mix(#8c99a5, transparent, 30%);
 $tabs-dark-color-scheme-state-empty-text: #6d7a86;
@@ -1036,9 +1036,9 @@ $vertical-tabs-light-color-scheme-state-selected-background: #e7f1ff;
 $vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05);
 $vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%);
 $vertical-tabs-dark-color-scheme-state-normal-background: transparent;
-$vertical-tabs-dark-color-scheme-state-selected-background: #023c7f;
-$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05);
-$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#023c7f, $lightness:-1%);
+$vertical-tabs-dark-color-scheme-state-selected-background: rgba(3, 116, 235, 0.3);
+$vertical-tabs-dark-color-scheme-state-hover-background: rgba(white, 0.05);
+$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(rgba(3, 116, 235, 0.3), $lightness:-1%);
 $tags-light-color-scheme-primary-background: #e7f1ff;
 $tags-light-color-scheme-primary-border: transparent;
 $tags-light-color-scheme-primary-text: #0374eb;
@@ -1122,7 +1122,7 @@ $toast-light-color-scheme-icon-success: #4ba96c;
 $toast-light-color-scheme-icon-warning: #e19f12;
 $toast-dark-color-scheme-background: #333f4a;
 $toast-dark-color-scheme-border: rgba(25, 37, 47, 0.1);
-$toast-dark-color-scheme-text: #f2f5f9;
+$toast-dark-color-scheme-text: #d7dee4;
 $toast-dark-color-scheme-text-caption: #8c99a5;
 $toast-dark-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
 $toast-dark-color-scheme-icon-info: #18a5c5;
@@ -1174,7 +1174,7 @@ $toggle-small-size-width: 24px;
 $toggle-small-size-border-radius: 8px;
 $toggle-small-font-default: caption;
 $tooltip-light-color-scheme-background: #333f4a;
-$tooltip-light-color-scheme-text: #f2f5f9;
+$tooltip-light-color-scheme-text: #d7dee4;
 $tooltip-light-color-scheme-border: transparent;
 $tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $tooltip-light-color-scheme-warning-background: #fff4dd;
@@ -1185,7 +1185,7 @@ $tooltip-dark-color-scheme-text: #19252f;
 $tooltip-dark-color-scheme-border: transparent;
 $tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $tooltip-dark-color-scheme-warning-background: #7e5406;
-$tooltip-dark-color-scheme-warning-text: #f2f5f9;
+$tooltip-dark-color-scheme-warning-text: #d7dee4;
 $tooltip-dark-color-scheme-warning-border: #7e5406;
 $tooltip-size-max-width: 300px;
 $tooltip-size-border-width: 1px;
@@ -1199,7 +1199,7 @@ $extended-tooltip-light-color-scheme-text: #19252f;
 $extended-tooltip-light-color-scheme-border: #d7dee4;
 $extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $extended-tooltip-dark-color-scheme-background: #333f4a;
-$extended-tooltip-dark-color-scheme-text: #f2f5f9;
+$extended-tooltip-dark-color-scheme-text: #d7dee4;
 $extended-tooltip-dark-color-scheme-border: #333f4a;
 $extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $extended-tooltip-size-border-radius: 4px;
@@ -1212,7 +1212,7 @@ $extended-tooltip-header-light-color-scheme-border: #d7dee4;
 $extended-tooltip-header-light-color-scheme-text: #19252f;
 $extended-tooltip-header-light-color-scheme-background: white;
 $extended-tooltip-header-dark-color-scheme-border: #434f5a;
-$extended-tooltip-header-dark-color-scheme-text: #f2f5f9;
+$extended-tooltip-header-dark-color-scheme-text: #d7dee4;
 $extended-tooltip-header-dark-color-scheme-background: #333f4a;
 $extended-tooltip-header-size-height: 40px;
 $extended-tooltip-header-size-padding: 8px 16px;

package/_visual.scss

@@ -33,26 +33,26 @@ $dark-color-scheme-error-default: #b9023a;
 $dark-color-scheme-info-default: #0c6579;
 $dark-color-scheme-success-default: #016b37;
 $dark-color-scheme-warning-default: #7e5406;
-$dark-color-scheme-foreground-text: #f2f5f9;
+$dark-color-scheme-foreground-text: #d7dee4;
 $dark-color-scheme-foreground-text-less-contrast: #8c99a5;
 $dark-color-scheme-foreground-text-disabled: #6d7a86;
 $dark-color-scheme-foreground-text-error: #ea5868;
 $dark-color-scheme-foreground-text-success: #319d5c;
-$dark-color-scheme-foreground-divider: #333f4a;
+$dark-color-scheme-foreground-divider: mix(#515e69, transparent, 50%);
 $dark-color-scheme-foreground-border: #515e69;
 $dark-color-scheme-foreground-icon: #8c99a5;
 $dark-color-scheme-background-background: #19252f;
 $dark-color-scheme-background-background-disabled: #333f4a;
 $dark-color-scheme-background-background-less-contrast: #27333e;
 $dark-color-scheme-background-background-under: #151e25;
-$dark-color-scheme-background-overlay-hover: rgba(black, 0.05);
-$dark-color-scheme-background-overlay-active: rgba(black, 0.1);
+$dark-color-scheme-background-overlay-hover: rgba(white, 0.05);
+$dark-color-scheme-background-overlay-active: rgba(white, 0.1);
 $dark-color-scheme-background-overlay-disabled: rgba(black, 0.2);
 $dark-color-scheme-states-focused-color: #4187ff;
 $dark-color-scheme-states-focused-color-error: #b9023a;
-$dark-color-scheme-states-selected-color: #023c7f;
+$dark-color-scheme-states-selected-color: rgba(3, 116, 235, 0.3);
 $dark-color-scheme-states-pressed-shadow: inset 1px 2px 2px 0 rgba(black, 0.2);
-$dark-color-scheme-states-disabled-opacity: 0.3;
+$dark-color-scheme-states-disabled-opacity: 0.45;
 $font-family-accent: 'TT Positive', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $font-family-base: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
 $font-family-monospace: 'Roboto Mono', 'Consolas', 'Menlo', 'Monaco', monospace;
@@ -549,7 +549,7 @@ $datepicker-toggle-size-height: 30px;
 $datepicker-body-light-color-scheme-states-selected-color: #0374eb;
 $datepicker-body-light-color-scheme-states-selected-background: #e7f1ff;
 $datepicker-body-dark-color-scheme-states-selected-color: #4187ff;
-$datepicker-body-dark-color-scheme-states-selected-background: #023c7f;
+$datepicker-body-dark-color-scheme-states-selected-background: rgba(3, 116, 235, 0.3);
 $datepicker-body-size-label-paddings: 8px 28px 12px 12px;
 $datepicker-body-size-cell-min-size: 32px;
 $datepicker-body-size-cell-margin: 5%;
@@ -569,13 +569,13 @@ $datepicker-calendar-font-default: body;
 $datepicker-calendar-font-header: caption;
 $datepicker-input-size-width: 130px;
 $divider-light-color-scheme-color: #d7dee4;
-$divider-dark-color-scheme-color: #333f4a;
+$divider-dark-color-scheme-color: mix(#515e69, transparent, 50%);
 $divider-size-width: 1px;
 $divider-size-inset-margin: 80px;
 $description-list-light-color-scheme-dt: #6d7a86;
 $description-list-light-color-scheme-dd: #19252f;
 $description-list-dark-color-scheme-dt: #8c99a5;
-$description-list-dark-color-scheme-dd: #f2f5f9;
+$description-list-dark-color-scheme-dd: #d7dee4;
 $description-list-size-grid-template-columns: repeat(4, 1fr);
 $description-list-size-dt-grid-column: 1;
 $description-list-size-dd-grid-column: 2 / span 3;
@@ -611,7 +611,7 @@ $form-field-light-color-scheme-states-invalid-border: #db3c55;
 $form-field-light-color-scheme-states-invalid-background: #fff3f3;
 $form-field-dark-color-scheme-border: #515e69;
 $form-field-dark-color-scheme-background: transparent;
-$form-field-dark-color-scheme-states-hover-border: #515e69;
+$form-field-dark-color-scheme-states-hover-border: #6d7a86;
 $form-field-dark-color-scheme-states-invalid-border: #b9023a;
 $form-field-dark-color-scheme-states-invalid-background: mix(#41000b, transparent, 30%);
 $form-field-size-height: 32px;
@@ -627,10 +627,10 @@ $form-field-password-hint-light-color-scheme-states-invalid-icon-color: #ee6f79;
 $form-field-password-hint-light-color-scheme-states-invalid-text-color: #19252f;
 $form-field-password-hint-light-color-scheme-states-valid-text-color: #016b37;
 $form-field-password-hint-light-color-scheme-states-valid-icon-color: #4ba96c;
-$form-field-password-hint-dark-color-scheme-text-color: #f2f5f9;
+$form-field-password-hint-dark-color-scheme-text-color: #d7dee4;
 $form-field-password-hint-dark-color-scheme-icon-color: #8c99a5;
 $form-field-password-hint-dark-color-scheme-states-invalid-icon-color: #ee6f79;
-$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #f2f5f9;
+$form-field-password-hint-dark-color-scheme-states-invalid-text-color: #d7dee4;
 $form-field-password-hint-dark-color-scheme-states-valid-text-color: #319d5c;
 $form-field-password-hint-dark-color-scheme-states-valid-icon-color: #4ba96c;
 $form-field-password-hint-size-margin-top: 8px;
@@ -639,7 +639,7 @@ $form-field-password-hint-font-default: caption;
 $forms-light-color-scheme-label: #6d7a86;
 $forms-light-color-scheme-legend: #19252f;
 $forms-dark-color-scheme-label: #8c99a5;
-$forms-dark-color-scheme-legend: #f2f5f9;
+$forms-dark-color-scheme-legend: #d7dee4;
 $forms-size-horizontal-row-margin-bottom: 20px;
 $forms-size-horizontal-label-padding-top: 6px;
 $forms-size-horizontal-label-padding-bottom: 0;
@@ -734,7 +734,7 @@ $loader-overlay-light-color-scheme-background: mix(white, transparent, 90%);
 $loader-overlay-light-color-scheme-text: #19252f;
 $loader-overlay-light-color-scheme-caption: #6d7a86;
 $loader-overlay-dark-color-scheme-background: mix(#19252f, transparent, 90%);
-$loader-overlay-dark-color-scheme-text: #f2f5f9;
+$loader-overlay-dark-color-scheme-text: #d7dee4;
 $loader-overlay-dark-color-scheme-caption: #8c99a5;
 $loader-overlay-size-text-max-width: 480px;
 $loader-overlay-size-fixed-top-padding: 72px;
@@ -757,7 +757,7 @@ $modal-size-close-width: 56px;
 $modal-size-border-radius: 4px;
 $modal-size-border-width: 1px;
 $modal-header-light-color-scheme-border: #d7dee4;
-$modal-header-dark-color-scheme-border: #333f4a;
+$modal-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $modal-header-size-border-radius: 4px 4px 0 0;
 $modal-header-size-height: 56px;
 $modal-header-size-padding: 0 16px;
@@ -766,7 +766,7 @@ $modal-body-size-max-height: calc(100vh - 260px);
 $modal-body-size-padding: 16px 24px 24px;
 $modal-body-font-default: body;
 $modal-footer-light-color-scheme-border: #f2f5f9;
-$modal-footer-dark-color-scheme-border: #333f4a;
+$modal-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $modal-footer-size-border-radius: 0 0 4px 4px;
 $modal-footer-size-height: 64px;
 $modal-footer-size-padding: 0 16px;
@@ -812,7 +812,7 @@ $popover-light-color-scheme-text: #19252f;
 $popover-light-color-scheme-shadow: 0 3px 8px 0 rgba(39, 51, 62, 0.2);
 $popover-light-color-scheme-border: #d7dee4;
 $popover-dark-color-scheme-background: #333f4a;
-$popover-dark-color-scheme-text: #f2f5f9;
+$popover-dark-color-scheme-text: #d7dee4;
 $popover-dark-color-scheme-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.2);
 $popover-dark-color-scheme-border: #333f4a;
 $popover-size-max-height: 480px;
@@ -829,7 +829,7 @@ $popover-header-light-color-scheme-border: #d7dee4;
 $popover-header-light-color-scheme-text: #19252f;
 $popover-header-light-color-scheme-background: white;
 $popover-header-dark-color-scheme-border: #434f5a;
-$popover-header-dark-color-scheme-text: #f2f5f9;
+$popover-header-dark-color-scheme-text: #d7dee4;
 $popover-header-dark-color-scheme-background: #333f4a;
 $popover-header-size-height: 40px;
 $popover-header-size-padding: 0 16px;
@@ -889,13 +889,13 @@ $sidepanel-light-color-scheme-border: #bdc7d1;
 $sidepanel-dark-color-scheme-border: #19252f;
 $sidepanel-font-default: body;
 $sidepanel-header-light-color-scheme-border: #d7dee4;
-$sidepanel-header-dark-color-scheme-border: #333f4a;
+$sidepanel-header-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-header-size-height: 56px;
 $sidepanel-header-size-padding: 0 16px;
 $sidepanel-header-size-close-padding: 0 0 0 8px;
 $sidepanel-header-font-default: title;
 $sidepanel-footer-light-color-scheme-border: #f2f5f9;
-$sidepanel-footer-dark-color-scheme-border: #333f4a;
+$sidepanel-footer-dark-color-scheme-border: mix(#515e69, transparent, 50%);
 $sidepanel-footer-size-height: 64px;
 $sidepanel-footer-size-padding: 0 16px;
 $sidepanel-footer-font-default: body;
@@ -917,9 +917,9 @@ $tabs-light-color-scheme-state-disabled-text: #8c99a5;
 $tabs-light-color-scheme-state-disabled-marker-opacity: 0.3;
 $tabs-dark-color-scheme-border: #333f4a;
 $tabs-dark-color-scheme-state-normal-icon: #8c99a5;
-$tabs-dark-color-scheme-state-normal-text: #f2f5f9;
+$tabs-dark-color-scheme-state-normal-text: #d7dee4;
 $tabs-dark-color-scheme-state-hover-icon: #6d7a86;
-$tabs-dark-color-scheme-state-hover-text: #f2f5f9;
+$tabs-dark-color-scheme-state-hover-text: #d7dee4;
 $tabs-dark-color-scheme-state-active-marker-color: #0059b8;
 $tabs-dark-color-scheme-state-empty-icon: mix(#8c99a5, transparent, 30%);
 $tabs-dark-color-scheme-state-empty-text: #6d7a86;
@@ -938,9 +938,9 @@ $vertical-tabs-light-color-scheme-state-selected-background: #e7f1ff;
 $vertical-tabs-light-color-scheme-state-hover-background: rgba(black, 0.05);
 $vertical-tabs-light-color-scheme-state-hover-selected-background: adjust-color(#e7f1ff, $saturation:-22%, $lightness:-5%);
 $vertical-tabs-dark-color-scheme-state-normal-background: transparent;
-$vertical-tabs-dark-color-scheme-state-selected-background: #023c7f;
-$vertical-tabs-dark-color-scheme-state-hover-background: rgba(black, 0.05);
-$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(#023c7f, $lightness:-1%);
+$vertical-tabs-dark-color-scheme-state-selected-background: rgba(3, 116, 235, 0.3);
+$vertical-tabs-dark-color-scheme-state-hover-background: rgba(white, 0.05);
+$vertical-tabs-dark-color-scheme-state-hover-selected-background: adjust-color(rgba(3, 116, 235, 0.3), $lightness:-1%);
 $tags-light-color-scheme-primary-background: #e7f1ff;
 $tags-light-color-scheme-primary-border: transparent;
 $tags-light-color-scheme-primary-text: #0374eb;
@@ -1024,7 +1024,7 @@ $toast-light-color-scheme-icon-success: #4ba96c;
 $toast-light-color-scheme-icon-warning: #e19f12;
 $toast-dark-color-scheme-background: #333f4a;
 $toast-dark-color-scheme-border: rgba(25, 37, 47, 0.1);
-$toast-dark-color-scheme-text: #f2f5f9;
+$toast-dark-color-scheme-text: #d7dee4;
 $toast-dark-color-scheme-text-caption: #8c99a5;
 $toast-dark-color-scheme-shadow: 0 8px 16px 0 rgba(#27333e, 0.2);
 $toast-dark-color-scheme-icon-info: #18a5c5;
@@ -1076,7 +1076,7 @@ $toggle-small-size-width: 24px;
 $toggle-small-size-border-radius: 8px;
 $toggle-small-font-default: caption;
 $tooltip-light-color-scheme-background: #333f4a;
-$tooltip-light-color-scheme-text: #f2f5f9;
+$tooltip-light-color-scheme-text: #d7dee4;
 $tooltip-light-color-scheme-border: transparent;
 $tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $tooltip-light-color-scheme-warning-background: #fff4dd;
@@ -1087,7 +1087,7 @@ $tooltip-dark-color-scheme-text: #19252f;
 $tooltip-dark-color-scheme-border: transparent;
 $tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $tooltip-dark-color-scheme-warning-background: #7e5406;
-$tooltip-dark-color-scheme-warning-text: #f2f5f9;
+$tooltip-dark-color-scheme-warning-text: #d7dee4;
 $tooltip-dark-color-scheme-warning-border: #7e5406;
 $tooltip-size-max-width: 300px;
 $tooltip-size-border-width: 1px;
@@ -1101,7 +1101,7 @@ $extended-tooltip-light-color-scheme-text: #19252f;
 $extended-tooltip-light-color-scheme-border: #d7dee4;
 $extended-tooltip-light-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $extended-tooltip-dark-color-scheme-background: #333f4a;
-$extended-tooltip-dark-color-scheme-text: #f2f5f9;
+$extended-tooltip-dark-color-scheme-text: #d7dee4;
 $extended-tooltip-dark-color-scheme-border: #333f4a;
 $extended-tooltip-dark-color-scheme-shadow: 0 2px 4px 0 rgba(39, 51, 62, 0.2);
 $extended-tooltip-size-border-radius: 4px;
@@ -1114,7 +1114,7 @@ $extended-tooltip-header-light-color-scheme-border: #d7dee4;
 $extended-tooltip-header-light-color-scheme-text: #19252f;
 $extended-tooltip-header-light-color-scheme-background: white;
 $extended-tooltip-header-dark-color-scheme-border: #434f5a;
-$extended-tooltip-header-dark-color-scheme-text: #f2f5f9;
+$extended-tooltip-header-dark-color-scheme-text: #d7dee4;
 $extended-tooltip-header-dark-color-scheme-background: #333f4a;
 $extended-tooltip-header-size-height: 40px;
 $extended-tooltip-header-size-padding: 8px 16px;

package/design-tokens/pt-2022/tokens/components/form-field.json5

@@ -20,7 +20,7 @@
 
             states: {
                 hover: {
-                    border: { value: '{dark-color-scheme.second.palette.value.560}' }
+                    border: { value: '{dark-color-scheme.second.palette.value.500}' }
                 },
                 invalid: {
                     border: { value: '{dark-color-scheme.states.focused-color-error}' },

package/design-tokens/pt-2022/tokens/properties/colors.json5

@@ -91,13 +91,13 @@
             palette: { value: '{palette.yellow}' }
         },
         foreground: {
-            text: { value: '{palette.grey.40}' },
+            text: { value: '{palette.grey.100}' },
             'text-less-contrast': { value: '{palette.grey.300}'},
             'text-disabled': { value: '{palette.grey.500}' },
             'text-error': { value: '{dark-color-scheme.error.palette.value.400}' },
             'text-success': { value: '{dark-color-scheme.success.palette.value.400}' },
 
-            divider: { value: '{palette.grey.700}' },
+            divider: { value: 'mix({palette.grey.560}, transparent, 50%)' },
             border: { value: '{palette.grey.560}' },
             icon: { value: '{palette.grey.300}' }
         },
@@ -107,16 +107,16 @@
             'background-less-contrast': { value: '{palette.grey.800}' },
             'background-under': { value: '{palette.grey.1000}' },
 
-            'overlay-hover': { value: 'rgba(black, 0.05)' },
-            'overlay-active': { value: 'rgba(black, 0.1)' },
+            'overlay-hover': { value: 'rgba(white, 0.05)' },
+            'overlay-active': { value: 'rgba(white, 0.1)' },
             'overlay-disabled': { value: 'rgba(black, 0.2)' }
         },
         states: {
             'focused-color': { value: '{dark-color-scheme.primary.palette.value.400}' },
             'focused-color-error': { value: '{light-color-scheme.error.palette.value.560}' },
-            'selected-color': { value: '{dark-color-scheme.primary.palette.value.700}' },
+            'selected-color': { value: '{palette.blue.A200}' },
             'pressed-shadow': { value: 'inset 1px 2px 2px 0 rgba(black, 0.2)' },
-            'disabled-opacity': { value: 0.3 }
+            'disabled-opacity': { value: 0.45 }
         }
     }
 }