{ "$meta": { "name": "Pitaloka", "version": "1.0.0", "description": "Design tokens for the Pitaloka design system — one interface language for GTK 4 and Qt 6 on Linux.", "themes": ["light", "dark"] }, "color": { "bg-window": { "light": "#F5F6FA", "dark": "#1B1B1D", "use": "Window background behind cards" }, "bg-sidebar": { "light": "#F7F8FA", "dark": "#222224", "use": "Sidebar / navigation pane" }, "bg-card": { "light": "#FFFFFF", "dark": "#2C2C2E", "use": "Card, row group, menu and dialog surface" }, "bg-field": { "light": "#EFF0F3", "dark": "#3A3A3C", "use": "Input, select and segmented-track fill" }, "bg-hover": { "light": "#E9EAEE", "dark": "#3A3A3C", "use": "Row and button hover" }, "bg-selected": { "light": "#E2E4E9", "dark": "#3F3F43", "use": "Selected row, pressed surface" }, "text-primary": { "light": "#17191D", "dark": "#F2F2F5", "use": "Labels, titles, values" }, "text-secondary": { "light": "#6B7280", "dark": "#9D9DA5", "use": "Captions, helper text, trailing values" }, "text-tertiary": { "light": "#9BA1AC", "dark": "#76767C", "use": "Placeholders, chevrons, disabled text" }, "text-on-accent": { "light": "#FFFFFF", "dark": "#FFFFFF", "use": "Text and icons on an accent fill" }, "border": { "light": "#E1E4E9", "dark": "#3A3A3C", "use": "1px container border" }, "divider": { "light": "#ECEEF1", "dark": "#343436", "use": "Row separator inside a card, inset 16px" }, "track-off": { "light": "#D6D8DE", "dark": "#4A4A4E", "use": "Switch and slider track, off state" }, "accent": { "light": "#3385FF", "dark": "#0A84FF", "use": "Primary action, selection, focus ring" }, "accent-hover": { "light": "#2B73E6", "dark": "#2B95FF", "use": "Accent hover and pressed" }, "accent-soft": { "light": "#E8F1FF", "dark": "#15345C", "use": "Accent tint for badges and banners" }, "success": { "light": "#2FB457", "dark": "#2FB457", "use": "Positive status" }, "warning": { "light": "#F0A030", "dark": "#F0A030", "use": "Warning status" }, "danger": { "light": "#E8453C", "dark": "#FF453A", "use": "Destructive action, error status" }, "caution-text": { "light": "#C2501E", "dark": "#FF9F6A", "use": "Inline caution copy under a group" }, "tile-blue": { "light": "#2D7CF6", "dark": "#2D7CF6", "use": "Icon tile — network, display, cursor" }, "tile-indigo": { "light": "#5B5BE6", "dark": "#5B5BE6", "use": "Icon tile — ethernet, keyboard" }, "tile-cyan": { "light": "#17B8CE", "dark": "#17B8CE", "use": "Icon tile — network, appearance" }, "tile-green": { "light": "#2FB457", "dark": "#2FB457", "use": "Icon tile — wallpaper, icon theme" }, "tile-orange": { "light": "#F0893A", "dark": "#F0893A", "use": "Icon tile — fonts" }, "tile-red": { "light": "#F0555E", "dark": "#F0555E", "use": "Icon tile — sound, notifications" }, "tile-pink": { "light": "#D858C8", "dark": "#D858C8", "use": "Icon tile — accent option" }, "tile-purple": { "light": "#7B61FF", "dark": "#7B61FF", "use": "Icon tile — dock" }, "tile-gray": { "light": "#7A818C", "dark": "#7A818C", "use": "Icon tile — neutral / system" } }, "font": { "ui": "Inter", "mono": "JetBrains Mono" }, "type": { "display": { "size": 62, "weight": 700, "tracking": -1.6, "font": "ui", "use": "Marketing hero only" }, "title-1": { "size": 40, "weight": 700, "tracking": -1.0, "font": "ui", "use": "Page title" }, "title-2": { "size": 22, "weight": 600, "tracking": -0.3, "font": "ui", "use": "Section header" }, "window-title": { "size": 15, "weight": 600, "tracking": 0, "font": "ui", "use": "Header bar title" }, "body": { "size": 14, "weight": 400, "tracking": 0, "font": "ui", "use": "Row labels, buttons" }, "body-strong": { "size": 14, "weight": 500, "tracking": 0, "font": "ui", "use": "Emphasised row label" }, "secondary": { "size": 13, "weight": 400, "tracking": 0, "font": "ui", "use": "Helper and caption copy" }, "caption": { "size": 12, "weight": 500, "tracking": 0.4, "font": "ui", "use": "Sidebar sections, badges" }, "mono": { "size": 13, "weight": 400, "tracking": 0, "font": "mono", "use": "Values, shortcuts, code" } }, "radius": { "tile": { "value": 7, "use": "Icon tiles" }, "control": { "value": 8, "use": "Buttons, fields, sidebar items" }, "menu": { "value": 10, "use": "Popovers and menus" }, "card": { "value": 12, "use": "Cards, dialogs, windows" }, "pill": { "value": 999, "use": "Badges, switches" } }, "space": { "1": { "value": 4, "use": "Icon to label, tight" }, "2": { "value": 8, "use": "Inline groups" }, "3": { "value": 12, "use": "Row internals" }, "4": { "value": 16, "use": "Card padding X" }, "5": { "value": 24, "use": "Between cards, content gutter" }, "6": { "value": 32, "use": "Page gutters" } }, "metric": { "row-height": { "value": 44, "use": "Minimum list-row height" }, "control-height": { "value": 36, "use": "Button, field and select height" }, "switch-width": { "value": 44, "use": "Switch track width" }, "switch-height": { "value": 26, "use": "Switch track height" }, "switch-knob": { "value": 22, "use": "Switch knob diameter" }, "slider-track": { "value": 4, "use": "Slider groove height" }, "slider-knob": { "value": 18, "use": "Slider handle diameter" }, "icon-tile": { "value": 28, "use": "Icon tile in list rows" }, "icon-tile-compact": { "value": 22, "use": "Icon tile in the sidebar" }, "sidebar-width": { "value": 236, "use": "Settings sidebar" }, "headerbar-height": { "value": 48, "use": "Header bar / title bar" }, "dialog-width": { "value": 440, "use": "Modal dialog" }, "focus-ring": { "value": 2, "use": "Focus outline width" }, "focus-offset": { "value": 2, "use": "Focus outline offset" } }, "elevation": { "card": { "shadow": "0 1px 2px rgba(10, 15, 26, 0.06)", "use": "Cards and row groups" }, "menu": { "shadow": "0 8px 24px rgba(10, 15, 26, 0.17)", "use": "Popovers, menus, toasts" }, "dialog": { "shadow": "0 16px 48px rgba(10, 15, 26, 0.22)","use": "Modal dialogs and windows" } }, "state": { "hover": "background shifts to bg-hover, 100ms ease-out", "pressed": "background shifts to bg-selected, no transition", "focus": "2px accent ring, 2px offset, always visible", "disabled": "opacity 45%, pointer events off", "selected": "bg-selected plus 500 font weight" } }