81 lines
2.7 KiB
TypeScript
81 lines
2.7 KiB
TypeScript
export const targetColorTokens = `
|
|
--color-red: #d1242f;
|
|
--color-orange: #bc4c00;
|
|
--color-yellow: #9a6700;
|
|
--color-olive: #56682c;
|
|
--color-green: #1a7f37;
|
|
--color-teal: #106e75;
|
|
--color-blue: #0969da;
|
|
--color-violet: #494edf;
|
|
--color-purple: #8250df;
|
|
--color-pink: #bf3989;
|
|
--color-brown: #755f43;
|
|
--color-black: #1f2328;
|
|
--color-grey: #59636e;
|
|
--color-gold: #786002;
|
|
--color-white: #fff;
|
|
--color-logo: var(--color-primary);
|
|
--color-body: #fff;
|
|
--color-box-header: #f6f8fa;
|
|
--color-box-body: var(--color-body);
|
|
--color-box-body-highlight: #ddf4ff;
|
|
--color-text: #1f2328;
|
|
--color-text-light: #1f2328;
|
|
--color-text-light-1: #59636e;
|
|
--color-text-light-2: #59636e;
|
|
--color-text-light-3: #59636e;
|
|
--color-text-dark: #1f2328;
|
|
--color-footer: #f6f8fa;
|
|
--color-timeline: #d1d9e0b3;
|
|
--color-input-text: var(--color-text);
|
|
--color-input-background: #f6f8fa;
|
|
--color-input-toggle-background: #f6f8fa;
|
|
--color-input-border: var(--color-light-border);
|
|
--color-light: var(--color-body);
|
|
--color-light-border: #d1d9e0;
|
|
--color-hover: #eff2f5;
|
|
--color-hover-opaque: var(--color-box-header);
|
|
--color-active: #818b9826;
|
|
--color-menu: #fff;
|
|
--color-card: var(--color-body);
|
|
--color-markup-table-row: #f6f8fa;
|
|
--color-markup-code-block: #f6f8fa;
|
|
--color-markup-code-inline: #818b981f;
|
|
--color-button: #f6f8fa;
|
|
--color-code-bg: unset;
|
|
--color-shadow: #25292e0a;
|
|
--color-shadow-opaque: var(--color-shadow);
|
|
--color-expand-button: #b6e3ff;
|
|
--color-placeholder-text: var(--color-text-light-3);
|
|
--color-editor-line-highlight: var(--color-secondary-light-1);
|
|
--color-editor-selection: var(--color-editor-line-highlight);
|
|
--color-project-column-bg: #f6f8fa;
|
|
--color-caret: var(--color-text-dark);
|
|
--color-reaction-bg: initial;
|
|
--color-reaction-hover-bg: #ddf4ff;
|
|
--color-reaction-active-bg: #ddf4ff;
|
|
--color-tooltip-text: #fff;
|
|
--color-tooltip-bg: #25292e;
|
|
--color-nav-bg: #f6f8fa;
|
|
--color-nav-hover-bg: #818b981a;
|
|
--color-nav-text: var(--color-text);
|
|
--color-label-text: var(--color-text);
|
|
--color-label-bg: #818b981f;
|
|
--color-label-hover-bg: #818b9826;
|
|
--color-label-active-bg: var(--color-label-hover-bg);
|
|
--color-accent: var(--color-primary-light-1);
|
|
--color-small-accent: var(--color-primary-light-5);
|
|
--color-highlight-fg: #9a6700;
|
|
--color-highlight-bg: #fff8c5;
|
|
--color-overlay-backdrop: #c8d1da66;
|
|
--color-danger: var(--color-red);
|
|
--color-transparency-grid-light: #fff;
|
|
--color-transparency-grid-dark: #e5e5e5;
|
|
--color-workflow-edge-hover: #0969da;
|
|
--border-radius: 6px;
|
|
--color-git: #f05133;
|
|
--checkbox-size: 14px;
|
|
accent-color: var(--color-accent);
|
|
color-scheme: light;
|
|
`.trim();
|