diff options
Diffstat (limited to 'packages/css/src/theme.css')
| -rw-r--r-- | packages/css/src/theme.css | 536 |
1 files changed, 536 insertions, 0 deletions
diff --git a/packages/css/src/theme.css b/packages/css/src/theme.css new file mode 100644 index 000000000..9a9dd8d47 --- /dev/null +++ b/packages/css/src/theme.css @@ -0,0 +1,536 @@ +:root { + --font-sans: + ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + --font-serif: ui-serif, Georgia, Cambria, "Times New Roman", Times, serif; + --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + + --spacing: 0.25rem; + + --breakpoint-sm: 40rem; + --breakpoint-md: 48rem; + --breakpoint-lg: 64rem; + --breakpoint-xl: 80rem; + --breakpoint-2xl: 96rem; + + --container-3xs: 16rem; + --container-2xs: 18rem; + --container-xs: 20rem; + --container-sm: 24rem; + --container-md: 28rem; + --container-lg: 32rem; + --container-xl: 36rem; + --container-2xl: 42rem; + --container-3xl: 48rem; + --container-4xl: 56rem; + --container-5xl: 64rem; + --container-6xl: 72rem; + --container-7xl: 80rem; + + --text-xs: 0.75rem; + --text-xs--line-height: calc(1 / 0.75); + --text-sm: 0.875rem; + --text-sm--line-height: calc(1.25 / 0.875); + --text-base: 1rem; + --text-base--line-height: calc(1.5 / 1); + --text-lg: 1.125rem; + --text-lg--line-height: calc(1.75 / 1.125); + --text-xl: 1.25rem; + --text-xl--line-height: calc(1.75 / 1.25); + --text-2xl: 1.5rem; + --text-2xl--line-height: calc(2 / 1.5); + --text-3xl: 1.875rem; + --text-3xl--line-height: calc(2.25 / 1.875); + --text-4xl: 2.25rem; + --text-4xl--line-height: calc(2.5 / 2.25); + --text-5xl: 3rem; + --text-5xl--line-height: 1; + --text-6xl: 3.75rem; + --text-6xl--line-height: 1; + --text-7xl: 4.5rem; + --text-7xl--line-height: 1; + --text-8xl: 6rem; + --text-8xl--line-height: 1; + --text-9xl: 8rem; + --text-9xl--line-height: 1; + + --font-weight-thin: 100; + --font-weight-extralight: 200; + --font-weight-light: 300; + --font-weight-normal: 400; + --font-weight-medium: 500; + --font-weight-semibold: 600; + --font-weight-bold: 700; + --font-weight-extrabold: 800; + --font-weight-black: 900; + + --tracking-tighter: -0.05em; + --tracking-tight: -0.025em; + --tracking-normal: 0em; + --tracking-wide: 0.025em; + --tracking-wider: 0.05em; + --tracking-widest: 0.1em; + + --leading-tight: 1.25; + --leading-snug: 1.375; + --leading-normal: 1.5; + --leading-relaxed: 1.625; + --leading-loose: 2; + + --radius-xs: 0.125rem; + --radius-sm: 0.25rem; + --radius-md: 0.375rem; + --radius-lg: 0.5rem; + --radius-xl: 0.75rem; + --radius-2xl: 1rem; + --radius-3xl: 1.5rem; + --radius-4xl: 2rem; + + --shadow-2xs: 0 1px rgb(0 0 0 / 0.05); + --shadow-xs: 0 1px 2px 0 rgb(0 0 0 / 0.05); + --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1); + --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1); + --shadow-lg: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1); + --shadow-xl: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1); + --shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / 0.25); + + --inset-shadow-2xs: inset 0 1px rgb(0 0 0 / 0.05); + --inset-shadow-xs: inset 0 1px 1px rgb(0 0 0 / 0.05); + --inset-shadow-sm: inset 0 2px 4px rgb(0 0 0 / 0.05); + + --drop-shadow-xs: 0 1px 1px rgb(0 0 0 / 0.05); + --drop-shadow-sm: 0 1px 2px rgb(0 0 0 / 0.15); + --drop-shadow-md: 0 3px 3px rgb(0 0 0 / 0.12); + --drop-shadow-lg: 0 4px 4px rgb(0 0 0 / 0.15); + --drop-shadow-xl: 0 9px 7px rgb(0 0 0 / 0.1); + --drop-shadow-2xl: 0 25px 25px rgb(0 0 0 / 0.15); + + --text-shadow-2xs: 0px 1px 0px rgb(0 0 0 / 0.15); + --text-shadow-xs: 0px 1px 1px rgb(0 0 0 / 0.2); + --text-shadow-sm: 0px 1px 0px rgb(0 0 0 / 0.075), 0px 1px 1px rgb(0 0 0 / 0.075), 0px 2px 2px rgb(0 0 0 / 0.075); + --text-shadow-md: 0px 1px 1px rgb(0 0 0 / 0.1), 0px 1px 2px rgb(0 0 0 / 0.1), 0px 2px 4px rgb(0 0 0 / 0.1); + --text-shadow-lg: 0px 1px 2px rgb(0 0 0 / 0.1), 0px 3px 2px rgb(0 0 0 / 0.1), 0px 4px 8px rgb(0 0 0 / 0.1); +} + +: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; + + .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; + } +} |