diff options
| author | David Hill <[email protected]> | 2025-12-11 16:21:31 +0000 |
|---|---|---|
| committer | David Hill <[email protected]> | 2025-12-11 16:21:31 +0000 |
| commit | b17fdc7f4e30f44800ffc413d6cab823f18adc4b (patch) | |
| tree | 27d797709d9920ede874401282cd638c5dbd1b62 /packages/ui/src/styles | |
| parent | 5ffc1617feb41439ae24c6e43115888220ec8bc8 (diff) | |
| download | opencode-b17fdc7f4e30f44800ffc413d6cab823f18adc4b.tar.gz opencode-b17fdc7f4e30f44800ffc413d6cab823f18adc4b.zip | |
fix: inverted text colors
Diffstat (limited to 'packages/ui/src/styles')
| -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); |