100 lines
3.1 KiB
CSS
100 lines
3.1 KiB
CSS
/* GENERATED FILE — DO NOT EDIT.
|
|
* Source: meta/contracts/design-tokens.json v3.0.0
|
|
* Run: node meta/scripts/generate-design-tokens.mjs
|
|
*/
|
|
|
|
:root,
|
|
[data-ul-theme="default"] {
|
|
color-scheme: light;
|
|
--ul-color-canvas: #EEF3F2;
|
|
--ul-color-surface: #FCFEFD;
|
|
--ul-color-surface-raised: #FFFFFF;
|
|
--ul-color-surface-strong: #14252A;
|
|
--ul-color-text: #14252A;
|
|
--ul-color-text-muted: #5D6B6E;
|
|
--ul-color-primary: #0B7774;
|
|
--ul-color-primary-pressed: #075F5D;
|
|
--ul-color-accent: #B82D46;
|
|
--ul-color-border: #C7D2D0;
|
|
--ul-color-focus: #B82D46;
|
|
--ul-color-map: #DCE9E7;
|
|
--ul-color-success: #347A55;
|
|
--ul-color-warning: #A85C00;
|
|
--ul-color-error: #B42318;
|
|
--ul-color-neutral: #40565B;
|
|
--ul-color-disabled: #819092;
|
|
--ul-color-on-strong: #FFFFFF;
|
|
--ul-color-on-primary: #FFFFFF;
|
|
--ul-color-on-accent: #FFFFFF;
|
|
--ul-space-2xs: 4px;
|
|
--ul-space-xs: 8px;
|
|
--ul-space-sm: 12px;
|
|
--ul-space-md: 16px;
|
|
--ul-space-lg: 24px;
|
|
--ul-space-xl: 32px;
|
|
--ul-space-2xl: 48px;
|
|
--ul-radius-sm: 8px;
|
|
--ul-radius-md: 12px;
|
|
--ul-radius-lg: 20px;
|
|
--ul-radius-pill: 999px;
|
|
--ul-touch-minimum: 48px;
|
|
--ul-touch-comfortable: 56px;
|
|
--ul-touch-primary: 64px;
|
|
--ul-type-family-sans: "IBM Plex Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
|
|
--ul-type-family-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
|
|
--ul-type-display-size: 2.5rem;
|
|
--ul-type-display-line-height: 1.2;
|
|
--ul-type-display-weight: 700;
|
|
--ul-type-page-size: 1.75rem;
|
|
--ul-type-page-line-height: 1.2142857142857142;
|
|
--ul-type-page-weight: 700;
|
|
--ul-type-section-size: 1.375rem;
|
|
--ul-type-section-line-height: 1.2727272727272727;
|
|
--ul-type-section-weight: 600;
|
|
--ul-type-body-size: 1rem;
|
|
--ul-type-body-line-height: 1.5;
|
|
--ul-type-body-weight: 400;
|
|
--ul-type-body-sm-size: 0.875rem;
|
|
--ul-type-body-sm-line-height: 1.4285714285714286;
|
|
--ul-type-body-sm-weight: 400;
|
|
--ul-type-label-size: 0.875rem;
|
|
--ul-type-label-line-height: 1.4285714285714286;
|
|
--ul-type-label-weight: 600;
|
|
--ul-type-mono-size: 1rem;
|
|
--ul-type-mono-line-height: 1.375;
|
|
--ul-type-mono-weight: 500;
|
|
--ul-motion-fast: 120ms;
|
|
--ul-motion-base: 200ms;
|
|
--ul-elevation-raised: 0 2px 8px rgba(20, 37, 42, 0.12);
|
|
--ul-elevation-overlay: 0 6px 16px rgba(20, 37, 42, 0.16);
|
|
--ul-breakpoint-compact: 600px;
|
|
--ul-breakpoint-medium: 900px;
|
|
--ul-breakpoint-wide: 1200px;
|
|
}
|
|
|
|
|
|
[data-ul-theme="sunlight"] {
|
|
color-scheme: light;
|
|
--ul-color-canvas: #FFFFFF;
|
|
--ul-color-surface: #FFFFFF;
|
|
--ul-color-surface-raised: #FFFFFF;
|
|
--ul-color-surface-strong: #000000;
|
|
--ul-color-text: #000000;
|
|
--ul-color-text-muted: #344448;
|
|
--ul-color-primary: #075F5D;
|
|
--ul-color-primary-pressed: #14252A;
|
|
--ul-color-accent: #982138;
|
|
--ul-color-border: #5D6B6E;
|
|
--ul-color-focus: #982138;
|
|
--ul-color-map: #E8F0EF;
|
|
--ul-color-success: #245F40;
|
|
--ul-color-warning: #754000;
|
|
--ul-color-error: #871A12;
|
|
--ul-color-neutral: #14252A;
|
|
--ul-color-disabled: #344448;
|
|
--ul-color-on-strong: #FFFFFF;
|
|
--ul-color-on-primary: #FFFFFF;
|
|
--ul-color-on-accent: #FFFFFF;
|
|
}
|
|
|