mirror of
https://github.com/stablyai/orca.git
synced 2026-10-12 08:02:37 +00:00
c9bd61376f
Co-authored-by: Claude Opus 4.8 (1M context) <noreply@anthropic.com> Co-authored-by: Orca <help@stably.ai> Co-authored-by: gsxdsm <gsxdsm@users.noreply.github.com>
66 lines
1.5 KiB
TypeScript
66 lines
1.5 KiB
TypeScript
// Orca mobile design tokens — matches desktop graphite/dark palette.
|
|
// All screen files should import from here instead of using inline hex values.
|
|
|
|
export const colors = {
|
|
bgBase: '#111111',
|
|
bgPanel: '#1a1a1a',
|
|
bgRaised: '#242424',
|
|
borderSubtle: '#2a2a2a',
|
|
editorSurface: '#1e1e1e',
|
|
|
|
textPrimary: '#e0e0e0',
|
|
textSecondary: '#888888',
|
|
textMuted: '#555555',
|
|
|
|
accentBlue: '#3b82f6',
|
|
|
|
statusGreen: '#22c55e',
|
|
statusAmber: '#f59e0b',
|
|
statusRed: '#ef4444',
|
|
// Merge CTA fill + its on-fill text, mirroring the desktop ChecksPanel's
|
|
// bg-green-600 "Squash and merge" button (green-600 / white).
|
|
mergeGreen: '#16a34a',
|
|
onMergeGreen: '#ffffff',
|
|
// Merged-PR purple, mirroring the desktop ReviewIcon's purple-400/70 tone.
|
|
statusPurple: '#a78bfa',
|
|
gitDecorationAdded: '#81b88b',
|
|
gitDecorationDeleted: '#c74e39',
|
|
diffAddedBg: 'rgba(129, 184, 139, 0.1)',
|
|
diffDeletedBg: 'rgba(199, 78, 57, 0.11)',
|
|
|
|
syntaxComment: '#6a9955',
|
|
syntaxKeyword: '#569cd6',
|
|
syntaxString: '#ce9178',
|
|
syntaxNumber: '#b5cea8',
|
|
syntaxType: '#4ec9b0',
|
|
syntaxFunction: '#dcdcaa',
|
|
syntaxVariable: '#9cdcfe',
|
|
syntaxMeta: '#c586c0',
|
|
|
|
// Terminal WebView background (Tokyonight) — separate from app chrome
|
|
terminalBg: '#1a1b26'
|
|
} as const
|
|
|
|
export const spacing = {
|
|
xs: 4,
|
|
sm: 8,
|
|
md: 12,
|
|
lg: 16,
|
|
xl: 24
|
|
} as const
|
|
|
|
export const radii = {
|
|
row: 6,
|
|
card: 14,
|
|
button: 6,
|
|
input: 6,
|
|
camera: 8
|
|
} as const
|
|
|
|
export const typography = {
|
|
titleSize: 18,
|
|
bodySize: 14,
|
|
metaSize: 12,
|
|
monoFamily: 'monospace' as const
|
|
} as const
|