diff options
| -rw-r--r-- | packages/ui/src/styles/theme.css | 12 |
1 files changed, 10 insertions, 2 deletions
diff --git a/packages/ui/src/styles/theme.css b/packages/ui/src/styles/theme.css index 01ccc3fcc..4dd5fddb0 100644 --- a/packages/ui/src/styles/theme.css +++ b/packages/ui/src/styles/theme.css @@ -132,16 +132,20 @@ --surface-diff-delete-weaker: var(--ember-light-1); --surface-diff-delete-strong: var(--ember-light-6); --surface-diff-delete-stronger: var(--ember-light-9); - --text-base: var(--smoke-light-11); --input-base: var(--smoke-light-1); --input-hover: var(--smoke-light-2); --input-active: var(--cobalt-light-1); --input-selected: var(--cobalt-light-4); --input-focus: var(--cobalt-light-1); --input-disabled: var(--smoke-light-4); + --text-base: var(--smoke-light-11); --text-weak: var(--smoke-light-9); --text-weaker: var(--smoke-light-8); --text-strong: var(--smoke-light-12); + --text-invert-base: var(--smoke-dark-alpha-11); + --text-invert-weak: var(--smoke-dark-alpha-9); + --text-invert-weaker: var(--smoke-dark-alpha-8); + --text-invert-strong: var(--smoke-dark-alpha-12); --text-interactive-base: var(--cobalt-light-9); --text-on-brand-base: var(--smoke-light-alpha-11); --text-on-interactive-base: var(--smoke-light-1); @@ -372,16 +376,20 @@ --surface-diff-delete-weaker: var(--ember-dark-3); --surface-diff-delete-strong: var(--ember-dark-5); --surface-diff-delete-stronger: var(--ember-dark-11); - --text-base: var(--smoke-dark-alpha-11); --input-base: var(--smoke-dark-2); --input-hover: var(--smoke-dark-2); --input-active: var(--cobalt-dark-1); --input-selected: var(--cobalt-dark-2); --input-focus: var(--cobalt-dark-1); --input-disabled: var(--smoke-dark-4); + --text-base: var(--smoke-dark-alpha-11); --text-weak: var(--smoke-dark-alpha-9); --text-weaker: var(--smoke-dark-alpha-8); --text-strong: var(--smoke-dark-alpha-12); + --text-invert-base: var(--smoke-dark-alpha-11); + --text-invert-weak: var(--smoke-dark-alpha-9); + --text-invert-weaker: var(--smoke-dark-alpha-8); + --text-invert-strong: var(--smoke-dark-alpha-12); --text-interactive-base: var(--cobalt-dark-11); --text-on-brand-base: var(--smoke-dark-alpha-11); --text-on-interactive-base: var(--smoke-dark-12); |