summaryrefslogtreecommitdiffhomepage
path: root/packages/css/src/theme.css
diff options
context:
space:
mode:
authorAdam <[email protected]>2025-10-15 10:31:14 -0500
committeropencode <[email protected]>2025-10-16 18:06:59 +0000
commit10680f0cf00d507be8897c9101bb96a40efefdf9 (patch)
tree9e5910773e75a664228d7eb11e67dba6913d5d65 /packages/css/src/theme.css
parent2517b2255259443795c71852274fc724459cf967 (diff)
downloadopencode-10680f0cf00d507be8897c9101bb96a40efefdf9.tar.gz
opencode-10680f0cf00d507be8897c9101bb96a40efefdf9.zip
wip: css/ui work
Diffstat (limited to 'packages/css/src/theme.css')
-rw-r--r--packages/css/src/theme.css838
1 files changed, 424 insertions, 414 deletions
diff --git a/packages/css/src/theme.css b/packages/css/src/theme.css
index 9a9dd8d47..687a4b186 100644
--- a/packages/css/src/theme.css
+++ b/packages/css/src/theme.css
@@ -114,423 +114,433 @@
:root {
/* OC-1-Light */
color-scheme: light;
- --background-background: var(--smoke-light-1);
- --background-background-weak: #f7f6f6;
- --background-background-weaker: #fcfcfc;
- --surface-default-surface: var(--smoke-light-2);
- --input-input: var(--smoke-light-1);
- --input-input-hover: var(--smoke-light-2);
- --input-input-active: var(--cobalt-light-1);
- --input-input-selected: var(--cobalt-light-4);
- --input-input-focus: var(--cobalt-light-1);
- --input-input-disabled: var(--smoke-light-4);
- --surface-default-surface-hover: var(--smoke-light-4);
- --surface-default-surface-active: var(--smoke-light-5);
- --surface-default-surface-selected: var(--cobalt-light-3);
- --surface-default-surface-disabled: var(--smoke-light-2);
- --surface-default-surface-focus: var(--cobalt-light-3);
- --surface-inset-surface-inset: var(--smoke-light-3);
- --surface-inset-surface-inset-hover: var(--smoke-light-4);
- --surface-inset-surface-inset-active: var(--smoke-light-6);
- --surface-inset-surface-inset-selected: var(--cobalt-light-4);
- --surface-inset-surface-inset-disabled: var(--smoke-light-3);
- --surface-inset-surface-inset-focus: var(--cobalt-light-4);
- --surface-raised-surface-raised: var(--white);
- --surface-raised-surface-raised-hover: var(--smoke-light-3);
- --surface-raised-surface-raised-active: var(--smoke-light-4);
- --surface-raised-surface-raised-selected: var(--cobalt-light-3);
- --surface-raised-surface-raised-disabled: var(--smoke-light-2);
- --surface-raised-surface-raised-focus: var(--cobalt-light-3);
- --surface-overlay-surface-overlay: var(--smoke-light-alpha-9);
- --surface-brand-surface-brand: var(--yuzu-light-9);
- --surface-brand-surface-brand-hover: var(--yuzu-light-10);
- --surface-interactive-surface-interactive: var(--cobalt-light-3);
- --surface-interactive-surface-interactive-hover: var(--cobalt-light-4);
- --surface-interactive-surface-interactive-weak: var(--cobalt-light-2);
- --surface-interactive-surface-interactive-weak-hover: var(--cobalt-light-3);
- --surface-success-surface-success: var(--apple-light-3);
- --surface-success-surface-success-weak: var(--apple-light-2);
- --surface-success-surface-success-strong: var(--apple-light-9);
- --surface-warning-surface-warning: var(--solaris-light-3);
- --surface-warning-surface-warning-weak: var(--solaris-light-2);
- --surface-warning-surface-warning-strong: var(--solaris-light-9);
- --surface-critical-surface-critical: var(--ember-light-3);
- --surface-critical-surface-critical-weak: var(--ember-light-2);
- --surface-critical-surface-critical-strong: var(--ember-light-9);
- --surface-info-surface-info: var(--lilac-light-3);
- --surface-info-surface-info-weak: var(--lilac-light-2);
- --surface-info-surface-info-strong: var(--lilac-light-9);
- --surface-diff-add-surface-diff-add: var(--coral-light-3);
- --surface-diff-add-surface-diff-add-weak: var(--coral-light-2);
- --surface-diff-add-surface-diff-add-weaker: var(--coral-light-1);
- --surface-diff-add-surface-diff-add-strong: var(--coral-light-9);
- --surface-diff-add-surface-diff-add-stronger: var(--coral-light-12);
- --surface-diff-delete-surface-diff-delete: var(--mint-light-3);
- --surface-on-background-weak-default-surface-on-background-weak: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-hover: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-active: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-selected: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-disabled: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-focus: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-hover: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-active: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-selected: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-disabled: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-focus: var(--smoke-light-1);
- --surface-diff-delete-surface-diff-delete-weak: var(--mint-light-2);
- --surface-diff-delete-surface-diff-delete-weaker: var(--mint-light-1);
- --surface-diff-delete-surface-diff-delete-strong: var(--mint-light-9);
- --surface-diff-delete-surface-diff-delete-stronger: var(--mint-light-11);
- --text-default-text: var(--smoke-light-11);
- --text-default-text-weak: var(--smoke-light-9);
- --text-default-text-weaker: var(--smoke-light-8);
- --text-default-text-strong: var(--smoke-light-12);
- --text-on-brand-text-on-brand: var(--smoke-light-alpha-11);
- --text-on-interactive-text-on-interactive: var(--smoke-light-alpha-11);
- --text-on-success-text-on-success: var(--smoke-dark-alpha-11);
- --text-on-warning-text-on-warning: var(--smoke-dark-alpha-11);
- --text-on-info-text-on-info: var(--smoke-dark-alpha-11);
- --text-on-diff-add-text-on-diff-add: var(--smoke-dark-alpha-11);
- --text-on-diff-delete-text-on-diff-delete: var(--smoke-dark-alpha-11);
- --text-on-diff-delete-text-weak-on-diff-delete: var(--smoke-dark-alpha-9);
- --text-on-diff-delete-text-strong-on-diff-delete: var(--smoke-dark-alpha-12);
- --text-on-diff-add-text-weak-on-diff-add: var(--smoke-dark-alpha-9);
- --text-on-diff-add-text-strong-on-diff-add: var(--smoke-dark-alpha-12);
- --text-on-info-text-weak-on-info: var(--smoke-dark-alpha-9);
- --text-on-info-text-strong-on-info: var(--smoke-dark-alpha-12);
- --text-on-warning-text-weak-on-warning: var(--smoke-dark-alpha-9);
- --text-on-warning-text-strong-on-warning: var(--smoke-dark-alpha-12);
- --text-on-success-text-weak-on-success: var(--smoke-dark-alpha-9);
- --text-on-success-text-strong-on-success: var(--smoke-dark-alpha-12);
- --text-on-interactive-text-weak-on-interactive: var(--smoke-light-alpha-9);
- --text-on-interactive-text-strong-on-interactive: var(--smoke-light-alpha-12);
- --text-on-brand-text-weak-on-brand: var(--smoke-light-alpha-9);
- --text-on-brand-text-weaker-on-brand: var(--smoke-light-alpha-8);
- --text-on-brand-text-strong-on-brand: var(--smoke-light-alpha-12);
- --border-default-border: var(--smoke-light-alpha-7);
- --border-default-border-hover: var(--smoke-light-alpha-8);
- --border-default-border-active: var(--smoke-light-alpha-9);
- --border-default-border-selected: var(--cobalt-light-alpha-9);
- --border-default-border-disabled: var(--smoke-light-alpha-8);
- --border-default-border-focus: var(--smoke-light-alpha-9);
- --border-default-border-weak: var(--smoke-light-alpha-5);
- --icon-default-icon: var(--smoke-light-9);
- --border-default-border-weak-hover: var(--smoke-light-alpha-6);
- --icon-default-icon-hover: var(--smoke-light-10);
- --border-default-border-weak-active: var(--smoke-light-alpha-7);
- --icon-default-icon-active: var(--smoke-light-11);
- --icon-default-icon-selected: var(--smoke-light-12);
- --icon-default-icon-disabled: var(--smoke-light-7);
- --icon-default-icon-focus: var(--smoke-light-12);
- --icon-default-icon-weak: var(--smoke-light-7);
- --icon-default-icon-weak-hover: var(--smoke-light-8);
- --icon-default-icon-weak-active: var(--smoke-light-9);
- --icon-default-icon-weak-selected: var(--smoke-light-10);
- --icon-default-icon-weak-disabled: var(--smoke-light-6);
- --icon-default-icon-weak-focus: var(--smoke-light-9);
- --icon-default-icon-strong: var(--smoke-light-12);
- --icon-default-icon-strong-hover: var(--smoke-light-12);
- --icon-default-icon-strong-active: var(--smoke-light-12);
- --icon-default-icon-strong-selected: var(--smoke-light-12);
- --icon-default-icon-strong-disabled: var(--smoke-light-8);
- --icon-default-icon-strong-focus: var(--smoke-light-12);
- --border-default-border-weak-selected: var(--cobalt-light-alpha-6);
- --border-default-border-weak-disabled: var(--smoke-light-alpha-6);
- --border-default-border-weak-focus: var(--smoke-light-alpha-7);
- --border-interactive-border-interactive: var(--cobalt-light-7);
- --border-interactive-border-interactive-hover: var(--cobalt-light-8);
- --border-interactive-border-interactive-active: var(--cobalt-light-9);
- --border-interactive-border-interactive-selected: var(--cobalt-light-9);
- --border-interactive-border-interactive-disabled: var(--smoke-light-8);
- --border-interactive-border-interactive-focus: var(--cobalt-light-9);
- --border-success-border-success: var(--apple-light-6);
- --border-success-border-success-hover: var(--apple-light-7);
- --border-success-border-success-selected: var(--apple-light-9);
- --border-warning-border-warning: var(--solaris-light-6);
- --border-warning-border-warning-hover: var(--solaris-light-7);
- --border-warning-border-warning-selected: var(--solaris-light-9);
- --border-critical-border-critical: var(--ember-light-6);
- --border-critical-border-critical-hover: var(--ember-light-7);
- --border-critical-border-critical-selected: var(--ember-light-9);
- --border-info-border-info: var(--lilac-light-6);
- --border-info-border-info-hover: var(--lilac-light-7);
- --border-info-border-info-selected: var(--lilac-light-9);
- --icon-brand-icon-brand: var(--smoke-light-12);
- --icon-success-icon-success: var(--apple-light-7);
- --icon-warning-icon-warning: var(--solaris-light-7);
- --icon-warning-icon-warning-hover: var(--solaris-light-8);
- --icon-warning-icon-warning-active: var(--solaris-light-11);
- --icon-success-icon-success-hover: var(--apple-light-8);
- --icon-success-icon-success-active: var(--apple-light-11);
- --icon-critical-icon-critical: var(--ember-light-7);
- --icon-critical-icon-critical-hover: var(--ember-light-8);
- --icon-critical-icon-critical-active: var(--ember-light-11);
- --icon-info-icon-info: var(--lilac-light-7);
- --icon-info-icon-info-hover: var(--lilac-light-8);
- --icon-info-icon-info-active: var(--lilac-light-11);
- --icon-on-brand-icon-on-brand: var(--smoke-light-alpha-11);
- --icon-on-brand-icon-on-brand-hover: var(--smoke-light-alpha-12);
- --icon-on-brand-icon-on-brand-selected: var(--smoke-light-alpha-12);
- --icon-on-interactive-icon-on-interactive: var(--smoke-light-alpha-9);
- --icon-on-interactive-icon-on-interactive-hover: var(--smoke-light-alpha-10);
- --icon-on-interactive-icon-on-interactive-selected: var(--smoke-light-alpha-11);
- --icon-on-success-icon-on-success: var(--apple-light-alpha-9);
- --icon-on-success-icon-on-success-hover: var(--apple-light-alpha-10);
- --icon-on-success-icon-on-success-selected: var(--apple-light-alpha-11);
- --icon-on-warning-icon-on-warning: var(--solaris-light-alpha-9);
- --icon-on-warning-icon-on-warning-hover: var(--solaris-light-alpha-10);
- --icon-on-warning-icon-on-warning-selected: var(--solaris-light-alpha-11);
- --icon-on-critical-icon-on-critical: var(--ember-light-alpha-9);
- --icon-on-critical-icon-on-critical-hover: var(--ember-light-alpha-10);
- --icon-on-critical-icon-on-critical-selected: var(--ember-light-alpha-11);
- --icon-on-info-icon-on-info: var(--lilac-light-9);
- --icon-on-diff-add-icon-on-diff-add: var(--mint-dark-alpha-9);
- --icon-on-diff-delete-icon-on-diff-delete: var(--coral-light-alpha-9);
- --icon-on-diff-delete-icon-on-diff-delete-hover: var(--coral-light-alpha-10);
- --icon-on-diff-delete-icon-on-diff-delete-active: var(--coral-light-alpha-11);
- --icon-on-diff-add-icon-on-diff-add-hover: var(--mint-dark-alpha-10);
- --icon-on-diff-add-icon-on-diff-add-active: var(--mint-dark-alpha-11);
- --icon-on-info-icon-on-info-hover: var(--lilac-light-alpha-10);
- --icon-on-info-icon-on-info-selected: var(--lilac-light-alpha-11);
- --syntax-syntax-comment: #ffffff;
- --syntax-syntax-string: #ffffff;
- --syntax-syntax-keyword: #ffffff;
- --syntax-syntax-function: #ffffff;
- --syntax-syntax-number: #ffffff;
- --syntax-syntax-operator: #ffffff;
- --syntax-syntax-variable: #ffffff;
- --syntax-syntax-type: #ffffff;
- --syntax-syntax-constant: #ffffff;
- --syntax-syntax-punctuation: #ffffff;
- --syntax-syntax-success: #ffffff;
- --syntax-syntax-warning: #ffffff;
- --syntax-syntax-critical: #ffffff;
- --syntax-syntax-info: #ffffff;
- --markdown-markdown-heading: #ffffff;
- --markdown-markdown-text: #ffffff;
- --markdown-markdown-link: #ffffff;
- --markdown-markdown-link-text: #ffffff;
- --markdown-markdown-code: #ffffff;
- --markdown-markdown-block-quote: #ffffff;
- --markdown-markdown-emph: #ffffff;
- --markdown-markdown-strong: #ffffff;
- --markdown-markdown-horizontal-rule: #ffffff;
- --markdown-markdown-list-item: #ffffff;
- --markdown-markdown-list-enumeration: #ffffff;
- --markdown-markdown-image: #ffffff;
- --markdown-markdown-image-text: #ffffff;
- --markdown-markdown-code-block: #ffffff;
+ --background-base: var(--smoke-light-1);
+ --background-weak: #f7f6f6;
+ --background-weaker: #fcfcfc;
+ --surface-base: var(--smoke-light-2);
+ --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);
+ --surface-hover: var(--smoke-light-4);
+ --surface-active: var(--smoke-light-5);
+ --surface-selected: var(--cobalt-light-3);
+ --surface-disabled: var(--smoke-light-2);
+ --surface-focus: var(--cobalt-light-3);
+ --surface-inset-base: var(--smoke-light-3);
+ --surface-inset-hover: var(--smoke-light-4);
+ --surface-inset-active: var(--smoke-light-6);
+ --surface-inset-selected: var(--cobalt-light-4);
+ --surface-inset-disabled: var(--smoke-light-3);
+ --surface-inset-focus: var(--cobalt-light-4);
+ --surface-raised-base: var(--white);
+ --surface-raised-hover: var(--smoke-light-3);
+ --surface-raised-active: var(--smoke-light-4);
+ --surface-raised-selected: var(--cobalt-light-3);
+ --surface-raised-disabled: var(--smoke-light-2);
+ --surface-raised-focus: var(--cobalt-light-3);
+ --surface-overlay-base: var(--smoke-light-alpha-9);
+ --surface-brand-base: var(--yuzu-light-9);
+ --surface-brand-hover: var(--yuzu-light-10);
+ --surface-interactive-base: var(--cobalt-light-3);
+ --surface-interactive-hover: var(--cobalt-light-4);
+ --surface-interactive-weak: var(--cobalt-light-2);
+ --surface-interactive-weak-hover: var(--cobalt-light-3);
+ --surface-success-base: var(--apple-light-3);
+ --surface-success-weak: var(--apple-light-2);
+ --surface-success-strong: var(--apple-light-9);
+ --surface-warning-base: var(--solaris-light-3);
+ --surface-warning-weak: var(--solaris-light-2);
+ --surface-warning-strong: var(--solaris-light-9);
+ --surface-critical-base: var(--ember-light-3);
+ --surface-critical-weak: var(--ember-light-2);
+ --surface-critical-strong: var(--ember-light-9);
+ --surface-info-base: var(--lilac-light-3);
+ --surface-info-weak: var(--lilac-light-2);
+ --surface-info-strong: var(--lilac-light-9);
+ --surface-diff-add-base: var(--coral-light-3);
+ --surface-diff-add-weak: var(--coral-light-2);
+ --surface-diff-add-weaker: var(--coral-light-1);
+ --surface-diff-add-strong: var(--coral-light-9);
+ --surface-diff-add-stronger: var(--coral-light-12);
+ --surface-diff-delete-base: var(--mint-light-3);
+ --surface-on-background-weak-base: var(--smoke-light-1);
+ --surface-on-background-weak-inset-base: var(--smoke-light-1);
+ --surface-on-background-weak-hover: var(--smoke-light-1);
+ --surface-on-background-weak-active: var(--smoke-light-1);
+ --surface-on-background-weak-selected: var(--smoke-light-1);
+ --surface-on-background-weak-disabled: var(--smoke-light-1);
+ --surface-on-background-weak-focus: var(--smoke-light-1);
+ --surface-on-background-weak-inset-hover: var(--smoke-light-1);
+ --surface-on-background-weak-inset-active: var(--smoke-light-1);
+ --surface-on-background-weak-inset-selected: var(--smoke-light-1);
+ --surface-on-background-weak-inset-disabled: var(--smoke-light-1);
+ --surface-on-background-weak-inset-focus: var(--smoke-light-1);
+ --surface-diff-delete-weak: var(--mint-light-2);
+ --surface-diff-delete-weaker: var(--mint-light-1);
+ --surface-diff-delete-strong: var(--mint-light-9);
+ --surface-diff-delete-stronger: var(--mint-light-11);
+ --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-on-brand-base: var(--smoke-light-alpha-11);
+ --text-on-interactive-base: var(--smoke-light-alpha-11);
+ --text-on-success-base: var(--smoke-dark-alpha-11);
+ --text-on-warning-base: var(--smoke-dark-alpha-11);
+ --text-on-info-base: var(--smoke-dark-alpha-11);
+ --text-on-diff-add-base: var(--mint-light-11);
+ --text-on-diff-delete-base: var(--coral-light-11);
+ --text-on-diff-delete-weak: var(--coral-light-9);
+ --text-on-diff-delete-strong: var(--coral-light-12);
+ --text-on-diff-add-weak: var(--mint-light-9);
+ --text-on-diff-add-strong: var(--mint-light-12);
+ --text-on-info-weak: var(--smoke-dark-alpha-9);
+ --text-on-info-strong: var(--smoke-dark-alpha-12);
+ --text-on-warning-weak: var(--smoke-dark-alpha-9);
+ --text-on-warning-strong: var(--smoke-dark-alpha-12);
+ --text-on-success-weak: var(--smoke-dark-alpha-9);
+ --text-on-success-strong: var(--smoke-dark-alpha-12);
+ --text-on-interactive-weak: var(--smoke-light-alpha-9);
+ --text-on-interactive-strong: var(--smoke-light-alpha-12);
+ --text-on-brand-weak: var(--smoke-light-alpha-9);
+ --text-on-brand-weaker: var(--smoke-light-alpha-8);
+ --text-on-brand-strong: var(--smoke-light-alpha-12);
+ --border-base: var(--smoke-light-alpha-7);
+ --border-hover: var(--smoke-light-alpha-8);
+ --border-active: var(--smoke-light-alpha-9);
+ --border-selected: var(--cobalt-light-alpha-9);
+ --border-disabled: var(--smoke-light-alpha-8);
+ --border-focus: var(--smoke-light-alpha-9);
+ --border-weak-base: var(--smoke-light-alpha-5);
+ --icon-base: var(--smoke-light-9);
+ --border-weak-hover: var(--smoke-light-alpha-6);
+ --border-weak-active: var(--smoke-light-alpha-7);
+ --icon-hover: var(--smoke-light-11);
+ --icon-active: var(--smoke-light-12);
+ --icon-selected: var(--smoke-light-12);
+ --icon-disabled: var(--smoke-light-8);
+ --icon-focus: var(--smoke-light-12);
+ --icon-weak-base: var(--smoke-light-7);
+ --icon-weak-hover: var(--smoke-light-8);
+ --icon-weak-active: var(--smoke-light-9);
+ --icon-weak-selected: var(--smoke-light-10);
+ --icon-weak-disabled: var(--smoke-light-6);
+ --icon-weak-focus: var(--smoke-light-9);
+ --icon-strong-base: var(--smoke-light-12);
+ --icon-strong-hover: var(--smoke-light-12);
+ --icon-strong-active: var(--smoke-light-12);
+ --icon-strong-selected: var(--smoke-light-12);
+ --icon-strong-disabled: var(--smoke-light-8);
+ --icon-strong-focus: var(--smoke-light-12);
+ --border-weak-selected: var(--cobalt-light-alpha-6);
+ --border-weak-disabled: var(--smoke-light-alpha-6);
+ --border-weak-focus: var(--smoke-light-alpha-7);
+ --border-interactive-base: var(--cobalt-light-7);
+ --border-interactive-hover: var(--cobalt-light-8);
+ --border-interactive-active: var(--cobalt-light-9);
+ --border-interactive-selected: var(--cobalt-light-9);
+ --border-interactive-disabled: var(--smoke-light-8);
+ --border-interactive-focus: var(--cobalt-light-9);
+ --border-success-base: var(--apple-light-6);
+ --border-success-hover: var(--apple-light-7);
+ --border-success-selected: var(--apple-light-9);
+ --border-warning-base: var(--solaris-light-6);
+ --border-warning-hover: var(--solaris-light-7);
+ --border-warning-selected: var(--solaris-light-9);
+ --border-critical-base: var(--ember-light-6);
+ --border-critical-hover: var(--ember-light-7);
+ --border-critical-selected: var(--ember-light-9);
+ --border-info-base: var(--lilac-light-6);
+ --border-info-hover: var(--lilac-light-7);
+ --border-info-selected: var(--lilac-light-9);
+ --icon-brand-base: var(--smoke-light-12);
+ --icon-interactive-base: var(--cobalt-light-9);
+ --icon-success-base: var(--apple-light-7);
+ --icon-warning-base: var(--solaris-light-7);
+ --icon-warning-hover: var(--solaris-light-8);
+ --icon-warning-active: var(--solaris-light-11);
+ --icon-success-hover: var(--apple-light-8);
+ --icon-success-active: var(--apple-light-11);
+ --icon-critical-base: var(--ember-light-7);
+ --icon-critical-hover: var(--ember-light-8);
+ --icon-critical-active: var(--ember-light-11);
+ --icon-info-base: var(--lilac-light-7);
+ --icon-info-hover: var(--lilac-light-8);
+ --icon-info-active: var(--lilac-light-11);
+ --icon-on-brand-base: var(--smoke-light-alpha-11);
+ --icon-on-brand-hover: var(--smoke-light-alpha-12);
+ --icon-on-brand-selected: var(--smoke-light-alpha-12);
+ --icon-on-interactive-base: var(--smoke-light-alpha-9);
+ --icon-on-interactive-hover: var(--smoke-light-alpha-10);
+ --icon-on-interactive-selected: var(--smoke-light-alpha-11);
+ --icon-agent-plan-base: var(--purple-light-9);
+ --icon-agent-build-base: var(--blue-light-9);
+ --icon-agent-docs-base: var(--amber-light-9);
+ --icon-agent-ask-base: var(--cyan-light-9);
+ --icon-on-success-base: var(--apple-light-alpha-9);
+ --icon-on-success-hover: var(--apple-light-alpha-10);
+ --icon-on-success-selected: var(--apple-light-alpha-11);
+ --icon-on-warning-base: var(--solaris-light-alpha-9);
+ --icon-on-warning-hover: var(--solaris-light-alpha-10);
+ --icon-on-warning-selected: var(--solaris-light-alpha-11);
+ --icon-on-critical-base: var(--ember-light-alpha-9);
+ --icon-on-critical-hover: var(--ember-light-alpha-10);
+ --icon-on-critical-selected: var(--ember-light-alpha-11);
+ --icon-on-info-base: var(--lilac-light-9);
+ --icon-on-diff-add-base: var(--mint-dark-alpha-9);
+ --icon-on-diff-delete-base: var(--coral-light-alpha-9);
+ --icon-on-diff-delete-hover: var(--coral-light-alpha-10);
+ --icon-on-diff-delete-active: var(--coral-light-alpha-11);
+ --icon-on-diff-add-hover: var(--mint-dark-alpha-10);
+ --icon-on-diff-add-active: var(--mint-dark-alpha-11);
+ --icon-on-info-hover: var(--lilac-light-alpha-10);
+ --icon-on-info-selected: var(--lilac-light-alpha-11);
+ --syntax-comment: #ffffff;
+ --syntax-string: #ffffff;
+ --syntax-keyword: #ffffff;
+ --syntax-function: #ffffff;
+ --syntax-number: #ffffff;
+ --syntax-operator: #ffffff;
+ --syntax-variable: #ffffff;
+ --syntax-type: #ffffff;
+ --syntax-constant: #ffffff;
+ --syntax-punctuation: #ffffff;
+ --syntax-success: #ffffff;
+ --syntax-warning: #ffffff;
+ --syntax-critical: #ffffff;
+ --syntax-info: #ffffff;
+ --markdown-heading: #ffffff;
+ --markdown-text: #ffffff;
+ --markdown-link: #ffffff;
+ --markdown-link-text: #ffffff;
+ --markdown-code: #ffffff;
+ --markdown-block-quote: #ffffff;
+ --markdown-emph: #ffffff;
+ --markdown-strong: #ffffff;
+ --markdown-horizontal-rule: #ffffff;
+ --markdown-list-item: #ffffff;
+ --markdown-list-enumeration: #ffffff;
+ --markdown-image: #ffffff;
+ --markdown-image-text: #ffffff;
+ --markdown-code-block: #ffffff;
.dark {
/* OC-1-Dark */
color-scheme: dark;
- --background-background: var(--smoke-dark-1);
- --background-background-weak: #151313;
- --background-background-weaker: #201c1c;
- --surface-default-surface: var(--smoke-dark-3);
- --input-input: var(--smoke-dark-2);
- --input-input-hover: var(--smoke-dark-2);
- --input-input-active: var(--cobalt-dark-1);
- --input-input-selected: var(--cobalt-dark-2);
- --input-input-focus: var(--cobalt-dark-1);
- --input-input-disabled: var(--smoke-dark-4);
- --surface-default-surface-hover: var(--smoke-dark-4);
- --surface-default-surface-active: var(--smoke-dark-5);
- --surface-default-surface-selected: var(--cobalt-dark-3);
- --surface-default-surface-disabled: var(--smoke-dark-2);
- --surface-default-surface-focus: var(--cobalt-dark-3);
- --surface-inset-surface-inset: var(--smoke-dark-4);
- --surface-inset-surface-inset-hover: var(--smoke-dark-5);
- --surface-inset-surface-inset-active: var(--smoke-dark-6);
- --surface-inset-surface-inset-selected: var(--cobalt-dark-4);
- --surface-inset-surface-inset-disabled: var(--smoke-dark-3);
- --surface-inset-surface-inset-focus: var(--cobalt-dark-4);
- --surface-raised-surface-raised: var(--smoke-dark-4);
- --surface-raised-surface-raised-hover: var(--smoke-dark-7);
- --surface-raised-surface-raised-active: var(--smoke-dark-8);
- --surface-raised-surface-raised-selected: var(--cobalt-dark-3);
- --surface-raised-surface-raised-disabled: var(--smoke-dark-3);
- --surface-raised-surface-raised-focus: var(--cobalt-dark-3);
- --surface-overlay-surface-overlay: var(--smoke-dark-alpha-2);
- --surface-brand-surface-brand: var(--yuzu-light-9);
- --surface-brand-surface-brand-hover: var(--yuzu-light-10);
- --surface-interactive-surface-interactive: var(--cobalt-light-3);
- --surface-interactive-surface-interactive-hover: var(--cobalt-light-4);
- --surface-interactive-surface-interactive-weak: var(--cobalt-light-2);
- --surface-interactive-surface-interactive-weak-hover: var(--cobalt-light-3);
- --surface-success-surface-success: var(--apple-light-3);
- --surface-success-surface-success-weak: var(--apple-light-2);
- --surface-success-surface-success-strong: var(--apple-light-9);
- --surface-warning-surface-warning: var(--solaris-light-3);
- --surface-warning-surface-warning-weak: var(--solaris-light-2);
- --surface-warning-surface-warning-strong: var(--solaris-light-9);
- --surface-critical-surface-critical: var(--ember-light-3);
- --surface-critical-surface-critical-weak: var(--ember-light-2);
- --surface-critical-surface-critical-strong: var(--ember-light-9);
- --surface-info-surface-info: var(--lilac-light-3);
- --surface-info-surface-info-weak: var(--lilac-light-2);
- --surface-info-surface-info-strong: var(--lilac-light-9);
- --surface-diff-add-surface-diff-add: var(--coral-light-3);
- --surface-diff-add-surface-diff-add-weak: var(--coral-light-2);
- --surface-diff-add-surface-diff-add-weaker: var(--coral-light-1);
- --surface-diff-add-surface-diff-add-strong: var(--coral-light-9);
- --surface-diff-add-surface-diff-add-stronger: var(--coral-light-12);
- --surface-diff-delete-surface-diff-delete: var(--mint-light-3);
- --surface-on-background-weak-default-surface-on-background-weak: var(--smoke-dark-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-hover: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-active: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-selected: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-disabled: var(--smoke-light-1);
- --surface-on-background-weak-default-surface-on-background-weak-focus: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-hover: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-active: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-selected: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-disabled: var(--smoke-light-1);
- --surface-on-background-weak-inset-surface-inset-on-background-weak-focus: var(--smoke-light-1);
- --surface-diff-delete-surface-diff-delete-weak: var(--mint-light-2);
- --surface-diff-delete-surface-diff-delete-weaker: var(--mint-light-1);
- --surface-diff-delete-surface-diff-delete-strong: var(--mint-light-9);
- --surface-diff-delete-surface-diff-delete-stronger: var(--mint-light-11);
- --text-default-text: var(--smoke-dark-alpha-11);
- --text-default-text-weak: var(--smoke-dark-alpha-9);
- --text-default-text-weaker: var(--smoke-dark-alpha-8);
- --text-default-text-strong: var(--smoke-dark-alpha-12);
- --text-on-brand-text-on-brand: var(--smoke-dark-alpha-11);
- --text-on-interactive-text-on-interactive: var(--smoke-dark-alpha-11);
- --text-on-success-text-on-success: var(--smoke-dark-alpha-11);
- --text-on-warning-text-on-warning: var(--smoke-dark-alpha-11);
- --text-on-info-text-on-info: var(--smoke-dark-alpha-11);
- --text-on-diff-add-text-on-diff-add: var(--smoke-dark-alpha-11);
- --text-on-diff-delete-text-on-diff-delete: var(--smoke-dark-alpha-11);
- --text-on-diff-delete-text-weak-on-diff-delete: var(--smoke-dark-alpha-9);
- --text-on-diff-delete-text-strong-on-diff-delete: var(--smoke-dark-alpha-12);
- --text-on-diff-add-text-weak-on-diff-add: var(--smoke-dark-alpha-9);
- --text-on-diff-add-text-strong-on-diff-add: var(--smoke-dark-alpha-12);
- --text-on-info-text-weak-on-info: var(--smoke-dark-alpha-9);
- --text-on-info-text-strong-on-info: var(--smoke-dark-alpha-12);
- --text-on-warning-text-weak-on-warning: var(--smoke-dark-alpha-9);
- --text-on-warning-text-strong-on-warning: var(--smoke-dark-alpha-12);
- --text-on-success-text-weak-on-success: var(--smoke-dark-alpha-9);
- --text-on-success-text-strong-on-success: var(--smoke-dark-alpha-12);
- --text-on-interactive-text-weak-on-interactive: var(--smoke-dark-alpha-9);
- --text-on-interactive-text-strong-on-interactive: var(--smoke-dark-alpha-12);
- --text-on-brand-text-weak-on-brand: var(--smoke-dark-alpha-9);
- --text-on-brand-text-weaker-on-brand: var(--smoke-dark-alpha-8);
- --text-on-brand-text-strong-on-brand: var(--smoke-dark-alpha-12);
- --border-default-border: var(--smoke-dark-alpha-7);
- --border-default-border-hover: var(--smoke-dark-alpha-8);
- --border-default-border-active: var(--smoke-dark-alpha-9);
- --border-default-border-selected: var(--cobalt-dark-alpha-9);
- --border-default-border-disabled: var(--smoke-dark-alpha-8);
- --border-default-border-focus: var(--smoke-dark-alpha-9);
- --border-default-border-weak: var(--smoke-dark-alpha-6);
- --icon-default-icon: var(--smoke-light-9);
- --border-default-border-weak-hover: var(--smoke-dark-alpha-7);
- --icon-default-icon-hover: var(--smoke-light-10);
- --border-default-border-weak-active: var(--smoke-dark-alpha-8);
- --icon-default-icon-active: var(--smoke-light-11);
- --icon-default-icon-selected: var(--smoke-light-12);
- --icon-default-icon-disabled: var(--smoke-light-7);
- --icon-default-icon-focus: var(--smoke-light-12);
- --icon-default-icon-weak: var(--smoke-dark-6);
- --icon-default-icon-weak-hover: var(--smoke-light-7);
- --icon-default-icon-weak-active: var(--smoke-light-8);
- --icon-default-icon-weak-selected: var(--smoke-light-9);
- --icon-default-icon-weak-disabled: var(--smoke-light-4);
- --icon-default-icon-weak-focus: var(--smoke-light-9);
- --icon-default-icon-strong: var(--smoke-dark-12);
- --icon-default-icon-strong-hover: var(--smoke-light-12);
- --icon-default-icon-strong-active: var(--smoke-light-12);
- --icon-default-icon-strong-selected: var(--smoke-light-12);
- --icon-default-icon-strong-disabled: var(--smoke-light-8);
- --icon-default-icon-strong-focus: var(--smoke-light-12);
- --border-default-border-weak-selected: var(--cobalt-dark-alpha-6);
- --border-default-border-weak-disabled: var(--smoke-dark-alpha-6);
- --border-default-border-weak-focus: var(--smoke-dark-alpha-8);
- --border-interactive-border-interactive: var(--cobalt-light-7);
- --border-interactive-border-interactive-hover: var(--cobalt-light-8);
- --border-interactive-border-interactive-active: var(--cobalt-light-9);
- --border-interactive-border-interactive-selected: var(--cobalt-light-9);
- --border-interactive-border-interactive-disabled: var(--smoke-light-8);
- --border-interactive-border-interactive-focus: var(--cobalt-light-9);
- --border-success-border-success: var(--apple-light-6);
- --border-success-border-success-hover: var(--apple-light-7);
- --border-success-border-success-selected: var(--apple-light-9);
- --border-warning-border-warning: var(--solaris-light-6);
- --border-warning-border-warning-hover: var(--solaris-light-7);
- --border-warning-border-warning-selected: var(--solaris-light-9);
- --border-critical-border-critical: var(--ember-light-6);
- --border-critical-border-critical-hover: var(--ember-light-7);
- --border-critical-border-critical-selected: var(--ember-light-9);
- --border-info-border-info: var(--lilac-light-6);
- --border-info-border-info-hover: var(--lilac-light-7);
- --border-info-border-info-selected: var(--lilac-light-9);
- --icon-brand-icon-brand: var(--white);
- --icon-success-icon-success: var(--apple-light-7);
- --icon-warning-icon-warning: var(--solaris-light-7);
- --icon-warning-icon-warning-hover: var(--solaris-light-8);
- --icon-warning-icon-warning-active: var(--solaris-light-11);
- --icon-success-icon-success-hover: var(--apple-light-8);
- --icon-success-icon-success-active: var(--apple-light-11);
- --icon-critical-icon-critical: var(--ember-light-7);
- --icon-critical-icon-critical-hover: var(--ember-light-8);
- --icon-critical-icon-critical-active: var(--ember-light-11);
- --icon-info-icon-info: var(--lilac-light-7);
- --icon-info-icon-info-hover: var(--lilac-light-8);
- --icon-info-icon-info-active: var(--lilac-light-11);
- --icon-on-brand-icon-on-brand: var(--smoke-light-alpha-11);
- --icon-on-brand-icon-on-brand-hover: var(--smoke-light-alpha-12);
- --icon-on-brand-icon-on-brand-selected: var(--smoke-light-alpha-12);
- --icon-on-interactive-icon-on-interactive: var(--smoke-dark-alpha-9);
- --icon-on-interactive-icon-on-interactive-hover: var(--smoke-dark-alpha-10);
- --icon-on-interactive-icon-on-interactive-selected: var(--smoke-dark-alpha-11);
- --icon-on-success-icon-on-success: var(--apple-light-alpha-9);
- --icon-on-success-icon-on-success-hover: var(--apple-light-alpha-10);
- --icon-on-success-icon-on-success-selected: var(--apple-light-alpha-11);
- --icon-on-warning-icon-on-warning: var(--solaris-light-alpha-9);
- --icon-on-warning-icon-on-warning-hover: var(--solaris-light-alpha-10);
- --icon-on-warning-icon-on-warning-selected: var(--solaris-light-alpha-11);
- --icon-on-critical-icon-on-critical: var(--ember-light-alpha-9);
- --icon-on-critical-icon-on-critical-hover: var(--ember-light-alpha-10);
- --icon-on-critical-icon-on-critical-selected: var(--ember-light-alpha-11);
- --icon-on-info-icon-on-info: var(--lilac-light-9);
- --icon-on-diff-add-icon-on-diff-add: var(--mint-dark-alpha-9);
- --icon-on-diff-delete-icon-on-diff-delete: var(--coral-light-alpha-9);
- --icon-on-diff-delete-icon-on-diff-delete-hover: var(--coral-light-alpha-10);
- --icon-on-diff-delete-icon-on-diff-delete-active: var(--coral-light-alpha-11);
- --icon-on-diff-add-icon-on-diff-add-hover: var(--mint-dark-alpha-10);
- --icon-on-diff-add-icon-on-diff-add-active: var(--mint-dark-alpha-11);
- --icon-on-info-icon-on-info-hover: var(--lilac-light-alpha-10);
- --icon-on-info-icon-on-info-selected: var(--lilac-light-alpha-11);
- --syntax-syntax-comment: #ffffff;
- --syntax-syntax-string: #ffffff;
- --syntax-syntax-keyword: #ffffff;
- --syntax-syntax-function: #ffffff;
- --syntax-syntax-number: #ffffff;
- --syntax-syntax-operator: #ffffff;
- --syntax-syntax-variable: #ffffff;
- --syntax-syntax-type: #ffffff;
- --syntax-syntax-constant: #ffffff;
- --syntax-syntax-punctuation: #ffffff;
- --syntax-syntax-success: #ffffff;
- --syntax-syntax-warning: #ffffff;
- --syntax-syntax-critical: #ffffff;
- --syntax-syntax-info: #ffffff;
- --markdown-markdown-heading: #ffffff;
- --markdown-markdown-text: #ffffff;
- --markdown-markdown-link: #ffffff;
- --markdown-markdown-link-text: #ffffff;
- --markdown-markdown-code: #ffffff;
- --markdown-markdown-block-quote: #ffffff;
- --markdown-markdown-emph: #ffffff;
- --markdown-markdown-strong: #ffffff;
- --markdown-markdown-horizontal-rule: #ffffff;
- --markdown-markdown-list-item: #ffffff;
- --markdown-markdown-list-enumeration: #ffffff;
- --markdown-markdown-image: #ffffff;
- --markdown-markdown-image-text: #ffffff;
- --markdown-markdown-code-block: #ffffff;
+ --background-base: var(--smoke-dark-1);
+ --background-weak: #151313;
+ --background-weaker: #201c1c;
+ --surface-base: var(--smoke-dark-3);
+ --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);
+ --surface-hover: var(--smoke-dark-4);
+ --surface-active: var(--smoke-dark-5);
+ --surface-selected: var(--cobalt-dark-3);
+ --surface-disabled: var(--smoke-dark-2);
+ --surface-focus: var(--cobalt-dark-3);
+ --surface-inset-base: var(--smoke-dark-4);
+ --surface-inset-hover: var(--smoke-dark-5);
+ --surface-inset-active: var(--smoke-dark-6);
+ --surface-inset-selected: var(--cobalt-dark-4);
+ --surface-inset-disabled: var(--smoke-dark-3);
+ --surface-inset-focus: var(--cobalt-dark-4);
+ --surface-raised-base: var(--smoke-dark-4);
+ --surface-raised-hover: var(--smoke-dark-7);
+ --surface-raised-active: var(--smoke-dark-8);
+ --surface-raised-selected: var(--cobalt-dark-3);
+ --surface-raised-disabled: var(--smoke-dark-3);
+ --surface-raised-focus: var(--cobalt-dark-3);
+ --surface-overlay-base: var(--smoke-dark-alpha-2);
+ --surface-brand-base: var(--yuzu-light-9);
+ --surface-brand-hover: var(--yuzu-light-10);
+ --surface-interactive-base: var(--cobalt-light-3);
+ --surface-interactive-hover: var(--cobalt-light-4);
+ --surface-interactive-weak: var(--cobalt-light-2);
+ --surface-interactive-weak-hover: var(--cobalt-light-3);
+ --surface-success-base: var(--apple-light-3);
+ --surface-success-weak: var(--apple-light-2);
+ --surface-success-strong: var(--apple-light-9);
+ --surface-warning-base: var(--solaris-light-3);
+ --surface-warning-weak: var(--solaris-light-2);
+ --surface-warning-strong: var(--solaris-light-9);
+ --surface-critical-base: var(--ember-light-3);
+ --surface-critical-weak: var(--ember-light-2);
+ --surface-critical-strong: var(--ember-light-9);
+ --surface-info-base: var(--lilac-light-3);
+ --surface-info-weak: var(--lilac-light-2);
+ --surface-info-strong: var(--lilac-light-9);
+ --surface-diff-add-base: var(--coral-light-3);
+ --surface-diff-add-weak: var(--coral-light-2);
+ --surface-diff-add-weaker: var(--coral-light-1);
+ --surface-diff-add-strong: var(--coral-light-9);
+ --surface-diff-add-stronger: var(--coral-light-12);
+ --surface-diff-delete-base: var(--mint-light-3);
+ --surface-on-background-weak-base: var(--smoke-dark-1);
+ --surface-on-background-weak-inset-base: var(--smoke-light-1);
+ --surface-on-background-weak-hover: var(--smoke-light-1);
+ --surface-on-background-weak-active: var(--smoke-light-1);
+ --surface-on-background-weak-selected: var(--smoke-light-1);
+ --surface-on-background-weak-disabled: var(--smoke-light-1);
+ --surface-on-background-weak-focus: var(--smoke-light-1);
+ --surface-on-background-weak-inset-hover: var(--smoke-light-1);
+ --surface-on-background-weak-inset-active: var(--smoke-light-1);
+ --surface-on-background-weak-inset-selected: var(--smoke-light-1);
+ --surface-on-background-weak-inset-disabled: var(--smoke-light-1);
+ --surface-on-background-weak-inset-focus: var(--smoke-light-1);
+ --surface-diff-delete-weak: var(--mint-light-2);
+ --surface-diff-delete-weaker: var(--mint-light-1);
+ --surface-diff-delete-strong: var(--mint-light-9);
+ --surface-diff-delete-stronger: var(--mint-light-11);
+ --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-on-brand-base: var(--smoke-dark-alpha-11);
+ --text-on-interactive-base: var(--smoke-dark-alpha-11);
+ --text-on-success-base: var(--smoke-dark-alpha-11);
+ --text-on-warning-base: var(--smoke-dark-alpha-11);
+ --text-on-info-base: var(--smoke-dark-alpha-11);
+ --text-on-diff-add-base: var(--mint-dark-11);
+ --text-on-diff-delete-base: var(--coral-dark-11);
+ --text-on-diff-delete-weak: var(--coral-dark-9);
+ --text-on-diff-delete-strong: var(--coral-dark-12);
+ --text-on-diff-add-weak: var(--mint-dark-9);
+ --text-on-diff-add-strong: var(--mint-dark-12);
+ --text-on-info-weak: var(--smoke-dark-alpha-9);
+ --text-on-info-strong: var(--smoke-dark-alpha-12);
+ --text-on-warning-weak: var(--smoke-dark-alpha-9);
+ --text-on-warning-strong: var(--smoke-dark-alpha-12);
+ --text-on-success-weak: var(--smoke-dark-alpha-9);
+ --text-on-success-strong: var(--smoke-dark-alpha-12);
+ --text-on-interactive-weak: var(--smoke-dark-alpha-9);
+ --text-on-interactive-strong: var(--smoke-dark-alpha-12);
+ --text-on-brand-weak: var(--smoke-dark-alpha-9);
+ --text-on-brand-weaker: var(--smoke-dark-alpha-8);
+ --text-on-brand-strong: var(--smoke-dark-alpha-12);
+ --border-base: var(--smoke-dark-alpha-7);
+ --border-hover: var(--smoke-dark-alpha-8);
+ --border-active: var(--smoke-dark-alpha-9);
+ --border-selected: var(--cobalt-dark-alpha-9);
+ --border-disabled: var(--smoke-dark-alpha-8);
+ --border-focus: var(--smoke-dark-alpha-9);
+ --border-weak-base: var(--smoke-dark-alpha-6);
+ --icon-base: var(--smoke-dark-9);
+ --border-weak-hover: var(--smoke-dark-alpha-7);
+ --border-weak-active: var(--smoke-dark-alpha-8);
+ --icon-hover: var(--smoke-dark-10);
+ --icon-active: var(--smoke-dark-11);
+ --icon-selected: var(--smoke-dark-12);
+ --icon-disabled: var(--smoke-dark-7);
+ --icon-focus: var(--smoke-dark-12);
+ --icon-weak-base: var(--smoke-dark-6);
+ --icon-weak-hover: var(--smoke-light-7);
+ --icon-weak-active: var(--smoke-light-8);
+ --icon-weak-selected: var(--smoke-light-9);
+ --icon-weak-disabled: var(--smoke-light-4);
+ --icon-weak-focus: var(--smoke-light-9);
+ --icon-strong-base: var(--smoke-dark-12);
+ --icon-strong-hover: var(--smoke-light-12);
+ --icon-strong-active: var(--smoke-light-12);
+ --icon-strong-selected: var(--smoke-light-12);
+ --icon-strong-disabled: var(--smoke-light-8);
+ --icon-strong-focus: var(--smoke-light-12);
+ --border-weak-selected: var(--cobalt-dark-alpha-6);
+ --border-weak-disabled: var(--smoke-dark-alpha-6);
+ --border-weak-focus: var(--smoke-dark-alpha-8);
+ --border-interactive-base: var(--cobalt-light-7);
+ --border-interactive-hover: var(--cobalt-light-8);
+ --border-interactive-active: var(--cobalt-light-9);
+ --border-interactive-selected: var(--cobalt-light-9);
+ --border-interactive-disabled: var(--smoke-light-8);
+ --border-interactive-focus: var(--cobalt-light-9);
+ --border-success-base: var(--apple-light-6);
+ --border-success-hover: var(--apple-light-7);
+ --border-success-selected: var(--apple-light-9);
+ --border-warning-base: var(--solaris-light-6);
+ --border-warning-hover: var(--solaris-light-7);
+ --border-warning-selected: var(--solaris-light-9);
+ --border-critical-base: var(--ember-light-6);
+ --border-critical-hover: var(--ember-light-7);
+ --border-critical-selected: var(--ember-light-9);
+ --border-info-base: var(--lilac-light-6);
+ --border-info-hover: var(--lilac-light-7);
+ --border-info-selected: var(--lilac-light-9);
+ --icon-brand-base: var(--white);
+ --icon-interactive-base: var(--cobalt-dark-9);
+ --icon-success-base: var(--apple-light-7);
+ --icon-warning-base: var(--solaris-light-7);
+ --icon-warning-hover: var(--solaris-light-8);
+ --icon-warning-active: var(--solaris-light-11);
+ --icon-success-hover: var(--apple-light-8);
+ --icon-success-active: var(--apple-light-11);
+ --icon-critical-base: var(--ember-light-7);
+ --icon-critical-hover: var(--ember-light-8);
+ --icon-critical-active: var(--ember-light-11);
+ --icon-info-base: var(--lilac-light-7);
+ --icon-info-hover: var(--lilac-light-8);
+ --icon-info-active: var(--lilac-light-11);
+ --icon-on-brand-base: var(--smoke-light-alpha-11);
+ --icon-on-brand-hover: var(--smoke-light-alpha-12);
+ --icon-on-brand-selected: var(--smoke-light-alpha-12);
+ --icon-on-interactive-base: var(--smoke-dark-alpha-9);
+ --icon-on-interactive-hover: var(--smoke-dark-alpha-10);
+ --icon-on-interactive-selected: var(--smoke-dark-alpha-11);
+ --icon-agent-plan-base: #ffffff;
+ --icon-agent-build-base: #ffffff;
+ --icon-agent-docs-base: #ffffff;
+ --icon-agent-ask-base: #ffffff;
+ --icon-on-success-base: var(--apple-light-alpha-9);
+ --icon-on-success-hover: var(--apple-light-alpha-10);
+ --icon-on-success-selected: var(--apple-light-alpha-11);
+ --icon-on-warning-base: var(--solaris-light-alpha-9);
+ --icon-on-warning-hover: var(--solaris-light-alpha-10);
+ --icon-on-warning-selected: var(--solaris-light-alpha-11);
+ --icon-on-critical-base: var(--ember-light-alpha-9);
+ --icon-on-critical-hover: var(--ember-light-alpha-10);
+ --icon-on-critical-selected: var(--ember-light-alpha-11);
+ --icon-on-info-base: var(--lilac-light-9);
+ --icon-on-diff-add-base: var(--mint-dark-alpha-9);
+ --icon-on-diff-delete-base: var(--coral-light-alpha-9);
+ --icon-on-diff-delete-hover: var(--coral-light-alpha-10);
+ --icon-on-diff-delete-active: var(--coral-light-alpha-11);
+ --icon-on-diff-add-hover: var(--mint-dark-alpha-10);
+ --icon-on-diff-add-active: var(--mint-dark-alpha-11);
+ --icon-on-info-hover: var(--lilac-light-alpha-10);
+ --icon-on-info-selected: var(--lilac-light-alpha-11);
+ --syntax-comment: #ffffff;
+ --syntax-string: #ffffff;
+ --syntax-keyword: #ffffff;
+ --syntax-function: #ffffff;
+ --syntax-number: #ffffff;
+ --syntax-operator: #ffffff;
+ --syntax-variable: #ffffff;
+ --syntax-type: #ffffff;
+ --syntax-constant: #ffffff;
+ --syntax-punctuation: #ffffff;
+ --syntax-success: #ffffff;
+ --syntax-warning: #ffffff;
+ --syntax-critical: #ffffff;
+ --syntax-info: #ffffff;
+ --markdown-heading: #ffffff;
+ --markdown-text: #ffffff;
+ --markdown-link: #ffffff;
+ --markdown-link-text: #ffffff;
+ --markdown-code: #ffffff;
+ --markdown-block-quote: #ffffff;
+ --markdown-emph: #ffffff;
+ --markdown-strong: #ffffff;
+ --markdown-horizontal-rule: #ffffff;
+ --markdown-list-item: #ffffff;
+ --markdown-list-enumeration: #ffffff;
+ --markdown-image: #ffffff;
+ --markdown-image-text: #ffffff;
+ --markdown-code-block: #ffffff;
}
}