diff --git a/src/components/progress-bar/progress-bar.module.css b/src/components/progress-bar/progress-bar.module.css index 5109f0ec..bf4e7d44 100644 --- a/src/components/progress-bar/progress-bar.module.css +++ b/src/components/progress-bar/progress-bar.module.css @@ -3,7 +3,7 @@ --reactist-progressbar-radius-outer: var(--reactist-progressbar-height); --reactist-progressbar-radius-inner: var(--reactist-progressbar-height); --reactist-progressbar-track: var(--reactist-framework-fill-crest); - --reactist-progressbar-fill: var(--reactist-bg-brand); + --reactist-progressbar-fill: currentColor; --reactist-progressbar-scale-tint: var(--reactist-content-tertiary); --reactist-progressbar-scale-tick-height: 8px; --reactist-progressbar-scale-minor-tick-opacity: 0.15; diff --git a/src/spinner/spinner.module.css b/src/spinner/spinner.module.css index 4a402698..7ceb1c2f 100644 --- a/src/spinner/spinner.module.css +++ b/src/spinner/spinner.module.css @@ -1,5 +1,5 @@ :root { - --reactist-spinner-tint: var(--reactist-bg-brand); + --reactist-spinner-tint: currentColor; --reactist-spinner-fill: var(--reactist-framework-fill-crest); } diff --git a/src/styles/design-tokens.css b/src/styles/design-tokens.css index c2417ff8..e8ae6c68 100644 --- a/src/styles/design-tokens.css +++ b/src/styles/design-tokens.css @@ -68,7 +68,6 @@ /* background color */ --reactist-bg-default: rgb(255, 255, 255); - --reactist-bg-brand: rgb(36, 111, 224); --reactist-bg-aside: rgb(250, 250, 250); --reactist-bg-highlight: rgb(242, 242, 242); --reactist-bg-selected: rgb(230, 230, 230); @@ -90,43 +89,6 @@ /* component-specific */ - /* actionable colors */ - --reactist-actionable-primary-idle-tint: #ffffff; - --reactist-actionable-primary-idle-fill: #008aa6; - --reactist-actionable-primary-hover-tint: #ffffff; - --reactist-actionable-primary-hover-fill: #007992; - --reactist-actionable-primary-disabled-tint: #ffffff; - --reactist-actionable-primary-disabled-fill: #99d0db; - - --reactist-actionable-secondary-idle-tint: #282f30; - --reactist-actionable-secondary-idle-fill: #f2f6f7; - --reactist-actionable-secondary-hover-tint: #282f30; - --reactist-actionable-secondary-hover-fill: #e3e7e8; - --reactist-actionable-secondary-disabled-tint: #a9acac; - --reactist-actionable-secondary-disabled-fill: #f2f6f7; - - --reactist-actionable-tertiary-idle-tint: #006f85; - --reactist-actionable-tertiary-hover-tint: #006f85; - --reactist-actionable-tertiary-hover-fill: #f2f6f7; - --reactist-actionable-tertiary-disabled-tint: #99c5ce; - - --reactist-actionable-quaternary-idle-tint: #6c777a; - --reactist-actionable-quaternary-hover-tint: #282f30; - --reactist-actionable-quaternary-hover-fill: #e0e7e8; - --reactist-actionable-quaternary-disabled-tint: #c4c9ca; - - --reactist-actionable-primary-destructive-idle-tint: #ffffff; - --reactist-actionable-primary-destructive-idle-fill: #dc4c3e; - --reactist-actionable-primary-destructive-hover-tint: #ffffff; - --reactist-actionable-primary-destructive-hover-fill: #b03d32; - --reactist-actionable-primary-destructive-disabled-tint: #ffffff; - --reactist-actionable-primary-destructive-disabled-fill: #f1b7b2; - - --reactist-actionable-secondary-destructive-idle-tint: #dc4c3e; - --reactist-actionable-secondary-destructive-hover-tint: #b03d32; - --reactist-actionable-secondary-destructive-hover-fill: transparent; - --reactist-actionable-secondary-destructive-disabled-tint: #f1b7b2; - /* alerts */ --reactist-alert-tone-info-icon: rgba(49, 111, 234); --reactist-alert-tone-info-border: rgba(238, 238, 238); @@ -147,11 +109,6 @@ /* fields */ --reactist-field-readonly-background: rgb(246, 244, 244); - /* switches and checkboxes */ - --reactist-switch-background: var(--reactist-framework-fill-summit); - --reactist-switch-checked: var(--reactist-content-positive); - --reactist-switch-toggle: var(--reactist-bg-default); - /* toasts */ --reactist-toast-actionable-primary-tint: #39d1ef; --reactist-toast-actionable-secondary-tint: #b6c1c3;