| 1 |
{ |
| 2 |
"manifestVersion": 2, |
| 3 |
"id": "desktop-mode/legacy", |
| 4 |
"name": "Desktop Mode (Legacy)", |
| 5 |
"version": "1.0.0", |
| 6 |
"author": "OpenStation", |
| 7 |
"description": "The look Desktop Mode had before the OpenStation brand: every design token at the value it resolved to then. Wear it to put the old palette back, or fork it as the starting point for a theme of your own.", |
| 8 |
"preview": "preview.svg", |
| 9 |
"recommendedOsSettings": { |
| 10 |
"accent": "wp-blue" |
| 11 |
}, |
| 12 |
"tokens": { |
| 13 |
"--os-accent": "#2271b1", |
| 14 |
"--os-admin-bar-peek": "4px", |
| 15 |
"--os-admin-bar-reveal-zone": "16px", |
| 16 |
"--os-ai-panel-bg": "rgba( 255, 255, 255, 0.97 )", |
| 17 |
"--os-area-inset": "0", |
| 18 |
"--os-backstop": "#1d2327", |
| 19 |
"--os-bg": "linear-gradient( 135deg, #1d2327 0%, #2c3338 50%, #1d2327 100% )", |
| 20 |
"--os-border": "rgba( 0, 0, 0, 0.08 )", |
| 21 |
"--os-cn-border": "rgba( 255, 255, 255, 0.14 )", |
| 22 |
"--os-cn-divider": "rgba( 255, 255, 255, 0.1 )", |
| 23 |
"--os-cn-fg": "#fff", |
| 24 |
"--os-cn-fg-muted": "rgba( 255, 255, 255, 0.62 )", |
| 25 |
"--os-cn-legend": "rgba( 255, 255, 255, 0.4 )", |
| 26 |
"--os-cn-radius": "14px", |
| 27 |
"--os-cn-shadow": "0 24px 64px rgba( 0, 0, 0, 0.62 ), 0 2px 8px rgba( 0, 0, 0, 0.4 )", |
| 28 |
"--os-cn-surface": "rgba( 44, 51, 56, 0.82 )", |
| 29 |
"--os-cn-z": "2147483000", |
| 30 |
"--os-danger": "#b32d2e", |
| 31 |
"--os-dock-badge-bg": "linear-gradient( 180deg, #ff5a5a 0%, #d63638 100% )", |
| 32 |
"--os-dock-badge-fg": "#fff", |
| 33 |
"--os-dock-badge-font-weight": "700", |
| 34 |
"--os-dock-badge-offset": "-3px", |
| 35 |
"--os-dock-bg": "rgba( 0, 0, 0, 0.4 )", |
| 36 |
"--os-dock-border": "rgba( 255, 255, 255, 0.08 )", |
| 37 |
"--os-dock-floating-bg": "rgba( 22, 22, 26, 0.42 )", |
| 38 |
"--os-dock-floating-border": "rgba( 255, 255, 255, 0.08 )", |
| 39 |
"--os-dock-floating-border-top": "rgba( 255, 255, 255, 0.08 )", |
| 40 |
"--os-dock-floating-highlight": "rgba( 255, 255, 255, 0.08 )", |
| 41 |
"--os-dock-floating-shadow": "rgba( 0, 0, 0, 0.45 )", |
| 42 |
"--os-dock-icon-color": "rgba( 255, 255, 255, 0.7 )", |
| 43 |
"--os-dock-icon-color-hover": "#fff", |
| 44 |
"--os-dock-icon-size": "20px", |
| 45 |
"--os-dock-indicator-length": "180px", |
| 46 |
"--os-dock-indicator-thickness": "5px", |
| 47 |
"--os-dock-item-bg-hover": "rgba( 255, 255, 255, 0.15 )", |
| 48 |
"--os-dock-item-outline": "rgba( 255, 255, 255, 0.7 )", |
| 49 |
"--os-dock-recycle-badge-bg": "rgba( 29, 35, 39, 0.72 )", |
| 50 |
"--os-dock-recycle-badge-fg": "rgba( 255, 255, 255, 0.92 )", |
| 51 |
"--os-dock-width": "56px", |
| 52 |
"--os-drop-preview-bg": "rgba( 34, 113, 177, 0.08 )", |
| 53 |
"--os-drop-preview-border": "rgba( 34, 113, 177, 0.55 )", |
| 54 |
"--os-fg": "#fff", |
| 55 |
"--os-fg-muted": "rgba( 255, 255, 255, 0.7 )", |
| 56 |
"--os-fg-on-light": "#1d2327", |
| 57 |
"--os-file-tile-enter-delay": "0s", |
| 58 |
"--os-file-tile-enter-duration": "0.4s", |
| 59 |
"--os-folder-window-bg": "#fff", |
| 60 |
"--os-font": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif", |
| 61 |
"--os-fx-darken-brightness": "0.82", |
| 62 |
"--os-fx-darken-saturate": "0.92", |
| 63 |
"--os-fx-frost-blur": "3px", |
| 64 |
"--os-fx-frost-brightness": "1.08", |
| 65 |
"--os-fx-frost-saturate": "0.7", |
| 66 |
"--os-fx-grayscale-amount": "1", |
| 67 |
"--os-fx-grayscale-brightness": "0.95", |
| 68 |
"--os-fx-transition-duration": "0.5s", |
| 69 |
"--os-grid-gap-x": "20px", |
| 70 |
"--os-grid-gap-y": "16px", |
| 71 |
"--os-grid-padding": "16px", |
| 72 |
"--os-hover": "rgba( 0, 0, 0, 0.06 )", |
| 73 |
"--os-icon-badge-bg": "linear-gradient( 180deg, #ff5a5a 0%, #d63638 100% )", |
| 74 |
"--os-icon-badge-fg": "#fff", |
| 75 |
"--os-icon-badge-font-weight": "700", |
| 76 |
"--os-link": "#2271b1", |
| 77 |
"--os-media-tile-bg": "rgba( 0, 0, 0, 0.05 )", |
| 78 |
"--os-media-visual-bg": "rgba( 0, 0, 0, 0.04 )", |
| 79 |
"--os-mesh-auro": "none", |
| 80 |
"--os-mesh-holo": "none", |
| 81 |
"--os-mesh-mio": "none", |
| 82 |
"--os-mesh-pulse": "none", |
| 83 |
"--os-mesh-star": "none", |
| 84 |
"--os-my-wordpress-bg": "#fff", |
| 85 |
"--os-my-wordpress-card-shadow": "0 6px 24px rgba( 0, 0, 0, 0.18 )", |
| 86 |
"--os-mobile-card-shadow": "0 -8px 24px rgba( 0, 0, 0, 0.4 )", |
| 87 |
"--os-mobile-glass": "rgba( 255, 255, 255, 0.1 )", |
| 88 |
"--os-mobile-glass-border": "rgba( 255, 255, 255, 0.14 )", |
| 89 |
"--os-mobile-glass-strong": "rgba( 255, 255, 255, 0.16 )", |
| 90 |
"--os-mobile-label-shadow": "0 1px 2px rgba( 0, 0, 0, 0.6 )", |
| 91 |
"--os-mobile-scrim": "rgba( 0, 0, 0, 0.55 )", |
| 92 |
"--os-mobile-sheet-shadow": "0 -12px 40px rgba( 0, 0, 0, 0.45 )", |
| 93 |
"--os-mobile-tile-shadow": "0 8px 20px rgba( 0, 0, 0, 0.35 )", |
| 94 |
"--os-mobile-top-scrim": "rgba( 0, 0, 0, 0.45 )", |
| 95 |
"--os-mobile-window-shadow": "0 12px 32px rgba( 0, 0, 0, 0.45 )", |
| 96 |
"--os-my-wordpress-fg": "#1d2327", |
| 97 |
"--os-my-wordpress-surface": "rgba( 255, 255, 255, 0.6 )", |
| 98 |
"--os-panel-bg": "#fff", |
| 99 |
"--os-panel-header-bg": "rgba( 0, 0, 0, 0.04 )", |
| 100 |
"--os-recycle-badge-bg": "rgba( 29, 35, 39, 0.74 )", |
| 101 |
"--os-recycle-badge-fg": "rgba( 255, 255, 255, 0.96 )", |
| 102 |
"--os-resize-color": "rgba( 0, 0, 0, 0.15 )", |
| 103 |
"--os-resize-size": "20px", |
| 104 |
"--os-selected": "rgba( 0, 0, 0, 0.1 )", |
| 105 |
"--os-skeleton-delay": "0s", |
| 106 |
"--os-skeleton-high": "rgba( 0, 0, 0, 0.13 )", |
| 107 |
"--os-skeleton-low": "rgba( 0, 0, 0, 0.05 )", |
| 108 |
"--os-tabs-active-bg": "#fff", |
| 109 |
"--os-tabs-active-color": "#1d2327", |
| 110 |
"--os-tabs-active-color-muted": "rgba( 29, 35, 39, 0.6 )", |
| 111 |
"--os-tabs-active-crown": "none", |
| 112 |
"--os-tabs-active-crown-opacity": "0.5", |
| 113 |
"--os-tabs-active-frost": "none", |
| 114 |
"--os-tabs-bg": "#f6f7f7", |
| 115 |
"--os-tabs-bg-unfocused": "#f6f7f7", |
| 116 |
"--os-tabs-color": "#50575e", |
| 117 |
"--os-tabs-rail-width": "2px", |
| 118 |
"--os-tile-fg": "#fff", |
| 119 |
"--os-tile-fg-muted": "rgba( 255, 255, 255, 0.7 )", |
| 120 |
"--os-tile-focus-ring": "#2271b1", |
| 121 |
"--os-tile-h": "104px", |
| 122 |
"--os-tile-h-large": "160px", |
| 123 |
"--os-tile-hover-bg": "rgba( 255, 255, 255, 0.12 )", |
| 124 |
"--os-tile-label-color": "#fff", |
| 125 |
"--os-tile-label-shadow": "0 1px 2px rgba( 0, 0, 0, 0.5 )", |
| 126 |
"--os-tile-label-smoothing": "auto", |
| 127 |
"--os-tile-label-weight": "400", |
| 128 |
"--os-tile-selected-bg": "rgba( 34, 113, 177, 0.18 )", |
| 129 |
"--os-tile-shortcut-bg": "rgba( 0, 0, 0, 0.65 )", |
| 130 |
"--os-tile-shortcut-fg": "#fff", |
| 131 |
"--os-tile-shortcut-shadow": "0 1px 3px rgba( 0, 0, 0, 0.5 )", |
| 132 |
"--os-tile-w": "88px", |
| 133 |
"--os-tile-w-large": "132px", |
| 134 |
"--os-titlebar-activity-idle-color": "#fff", |
| 135 |
"--os-titlebar-activity-size": "16px", |
| 136 |
"--os-titlebar-bg": "#f0f0f1", |
| 137 |
"--os-titlebar-bg-focused": "#2271b1", |
| 138 |
"--os-titlebar-btn-bg-active": "rgba( 0, 0, 0, 0.12 )", |
| 139 |
"--os-titlebar-btn-bg-hover": "rgba( 0, 0, 0, 0.08 )", |
| 140 |
"--os-titlebar-btn-color": "rgba( 0, 0, 0, 0.45 )", |
| 141 |
"--os-titlebar-btn-color-hover": "rgba( 0, 0, 0, 0.85 )", |
| 142 |
"--os-titlebar-btn-focused-bg-active": "rgba( 255, 255, 255, 0.25 )", |
| 143 |
"--os-titlebar-btn-focused-bg-hover": "rgba( 255, 255, 255, 0.18 )", |
| 144 |
"--os-titlebar-btn-focused-color": "rgba( 255, 255, 255, 0.7 )", |
| 145 |
"--os-titlebar-btn-focused-color-hover": "#fff", |
| 146 |
"--os-titlebar-btn-focused-outline": "rgba( 255, 255, 255, 0.65 )", |
| 147 |
"--os-titlebar-color": "#50575e", |
| 148 |
"--os-titlebar-color-focused": "#fff", |
| 149 |
"--os-titlebar-controls-bg": "transparent", |
| 150 |
"--os-titlebar-controls-gap": "4px", |
| 151 |
"--os-titlebar-controls-padding": "0", |
| 152 |
"--os-titlebar-controls-radius": "0", |
| 153 |
"--os-titlebar-divider": "rgba( 255, 255, 255, 0.15 )", |
| 154 |
"--os-titlebar-divider-unfocused": "rgba( 0, 0, 0, 0.1 )", |
| 155 |
"--os-titlebar-font": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, sans-serif", |
| 156 |
"--os-titlebar-height": "40px", |
| 157 |
"--os-titlebar-meta-bg": "transparent", |
| 158 |
"--os-titlebar-meta-radius": "0", |
| 159 |
"--os-tooltip-bg": "rgba( 0, 0, 0, 0.45 )", |
| 160 |
"--os-tooltip-fg": "#fff", |
| 161 |
"--os-window-bg": "#fff", |
| 162 |
"--os-window-border": "rgba( 0, 0, 0, 0.12 )", |
| 163 |
"--os-window-corner-size": "16px", |
| 164 |
"--os-window-link-accent": "#2271b1", |
| 165 |
"--os-window-link-color": "#2271b1", |
| 166 |
"--os-window-link-color-active": "#2271b1", |
| 167 |
"--os-window-link-glow": "rgba( 34, 113, 177, 0.45 )", |
| 168 |
"--os-window-link-width": "1.5px", |
| 169 |
"--os-window-radius": "8px", |
| 170 |
"--os-window-reveal-edge": "transparent", |
| 171 |
"--os-window-reveal-surface": "#fff", |
| 172 |
"--os-window-shadow": "0 8px 32px rgba( 0, 0, 0, 0.3 ), 0 2px 8px rgba( 0, 0, 0, 0.15 )", |
| 173 |
"--os-window-shadow-focused": "0 12px 48px rgba( 0, 0, 0, 0.4 ), 0 4px 12px rgba( 0, 0, 0, 0.2 )", |
| 174 |
"--os-z-adminbar": "9991", |
| 175 |
"--os-z-base": "100", |
| 176 |
"--os-z-desktop-name": "195", |
| 177 |
"--os-z-dock": "200", |
| 178 |
"--os-z-fullscreen": "99999", |
| 179 |
"--os-z-mio": "190", |
| 180 |
"--os-z-notch": "60", |
| 181 |
"--os-z-window-links": "50", |
| 182 |
"--os-ui-accent": "#2271b1", |
| 183 |
"--os-ui-accent-soft": "rgba( 34, 113, 177, 0.18 )", |
| 184 |
"--os-ui-accent-strong": "#135e96", |
| 185 |
"--os-ui-avatar-dot-color": "transparent", |
| 186 |
"--os-ui-avatar-dot-ring": "#fff", |
| 187 |
"--os-ui-avatar-halo": "rgb( 99, 102, 241 )", |
| 188 |
"--os-ui-avatar-size": "32px", |
| 189 |
"--os-ui-badge-bg": "rgba( 0, 0, 0, 0.06 )", |
| 190 |
"--os-ui-badge-border": "1px solid transparent", |
| 191 |
"--os-ui-badge-border-radius": "999px", |
| 192 |
"--os-ui-badge-color": "#1d2327", |
| 193 |
"--os-ui-badge-danger": "#cf222e", |
| 194 |
"--os-ui-badge-danger-bg": "rgba( 207, 34, 46, 0.12 )", |
| 195 |
"--os-ui-badge-dot-size": "8px", |
| 196 |
"--os-ui-badge-font": "500 12px/1.4 system-ui", |
| 197 |
"--os-ui-badge-gap": "6px", |
| 198 |
"--os-ui-badge-info": "#0969da", |
| 199 |
"--os-ui-badge-info-bg": "rgba( 9, 105, 218, 0.12 )", |
| 200 |
"--os-ui-badge-neutral": "#57606a", |
| 201 |
"--os-ui-badge-neutral-bg": "rgba( 87, 96, 106, 0.12 )", |
| 202 |
"--os-ui-badge-success": "#1a7f37", |
| 203 |
"--os-ui-badge-success-bg": "rgba( 26, 127, 55, 0.12 )", |
| 204 |
"--os-ui-badge-warning": "#9a6700", |
| 205 |
"--os-ui-badge-warning-bg": "rgba( 154, 103, 0, 0.12 )", |
| 206 |
"--os-ui-bg": "#fff", |
| 207 |
"--os-ui-bg-subtle": "rgba( 0, 0, 0, 0.02 )", |
| 208 |
"--os-ui-body-gap": "12px", |
| 209 |
"--os-ui-body-padding": "16px", |
| 210 |
"--os-ui-border": "#dcdcde", |
| 211 |
"--os-ui-border-strong": "#8c8f94", |
| 212 |
"--os-ui-btn-bg": "transparent", |
| 213 |
"--os-ui-btn-bg-active": "rgba( 0, 0, 0, 0.08 )", |
| 214 |
"--os-ui-btn-bg-hover": "rgba( 0, 0, 0, 0.06 )", |
| 215 |
"--os-ui-btn-color": "currentColor", |
| 216 |
"--os-ui-btn-color-hover": "currentColor", |
| 217 |
"--os-ui-btn-danger-hover": "#d63638", |
| 218 |
"--os-ui-btn-icon-color": "currentColor", |
| 219 |
"--os-ui-btn-outline": "currentColor", |
| 220 |
"--os-ui-btn-radius": "5px", |
| 221 |
"--os-ui-button-bg-hover": "rgba( 0, 0, 0, 0.04 )", |
| 222 |
"--os-ui-button-border-radius": "6px", |
| 223 |
"--os-ui-button-min-height": "44px", |
| 224 |
"--os-ui-button-padding": "6px 12px", |
| 225 |
"--os-ui-card-bg": "#fff", |
| 226 |
"--os-ui-card-border": "rgba( 0, 0, 0, 0.08 )", |
| 227 |
"--os-ui-card-border-hover": "rgba( 0, 0, 0, 0.16 )", |
| 228 |
"--os-ui-card-border-selected": "#2271b1", |
| 229 |
"--os-ui-card-fg": "inherit", |
| 230 |
"--os-ui-card-gap": "12px", |
| 231 |
"--os-ui-card-gap-compact": "6px", |
| 232 |
"--os-ui-card-padding": "16px", |
| 233 |
"--os-ui-card-padding-compact": "10px", |
| 234 |
"--os-ui-card-radius": "12px", |
| 235 |
"--os-ui-card-radius-compact": "8px", |
| 236 |
"--os-ui-card-shadow-hover": "0 4px 16px rgba( 0, 0, 0, 0.08 )", |
| 237 |
"--os-ui-card-shadow-selected": "0 0 0 1px #2271b1 inset", |
| 238 |
"--os-ui-cat-check-border": "#8c8f94", |
| 239 |
"--os-ui-cat-delete-color": "#d63638", |
| 240 |
"--os-ui-cat-edge-color": "currentColor", |
| 241 |
"--os-ui-cat-gap": "4px", |
| 242 |
"--os-ui-cat-guide-color": "rgba( 0, 0, 0, 0.08 )", |
| 243 |
"--os-ui-cat-guide-width": "0px", |
| 244 |
"--os-ui-cat-label-fg": "#1d2327", |
| 245 |
"--os-ui-cat-label-muted": "#8c8f94", |
| 246 |
"--os-ui-cat-padding": "2px", |
| 247 |
"--os-ui-cat-pop-bg": "#fff", |
| 248 |
"--os-ui-cat-pop-border": "#c3c4c7", |
| 249 |
"--os-ui-cat-pop-divider": "#f0f0f1", |
| 250 |
"--os-ui-cat-pop-fg": "#1d2327", |
| 251 |
"--os-ui-cat-pop-footer-bg": "#fafafb", |
| 252 |
"--os-ui-cat-trigger-border": "#c3c4c7", |
| 253 |
"--os-ui-cat-trigger-border-hover": "#8c8f94", |
| 254 |
"--os-ui-cat-trigger-fg": "#50575e", |
| 255 |
"--os-ui-cat-trigger-fg-hover": "#1d2327", |
| 256 |
"--os-ui-cat-uncat-border": "#c3c4c7", |
| 257 |
"--os-ui-cat-uncat-fg": "#8c8f94", |
| 258 |
"--os-ui-cg-chip-count-fg-active": "inherit", |
| 259 |
"--os-ui-cg-cluster-color": "#2c6be5", |
| 260 |
"--os-ui-chip-border": "1px solid transparent", |
| 261 |
"--os-ui-chip-font-weight": "500", |
| 262 |
"--os-ui-chip-gap": "4px", |
| 263 |
"--os-ui-chip-label-max": "220px", |
| 264 |
"--os-ui-chip-line-height": "1.6", |
| 265 |
"--os-ui-chip-radius": "999px", |
| 266 |
"--os-ui-cluster-align": "center", |
| 267 |
"--os-ui-cluster-gap": "8px", |
| 268 |
"--os-ui-cluster-justify": "flex-start", |
| 269 |
"--os-ui-code-bg": "rgba( 0, 0, 0, 0.06 )", |
| 270 |
"--os-ui-code-block-padding": "10px 12px", |
| 271 |
"--os-ui-code-border": "1px solid rgba( 0, 0, 0, 0.08 )", |
| 272 |
"--os-ui-code-border-radius": "4px", |
| 273 |
"--os-ui-code-copy-bg": "rgba( 255, 255, 255, 0.6 )", |
| 274 |
"--os-ui-code-copy-color": "#57606a", |
| 275 |
"--os-ui-code-copy-color-hover": "#007cba", |
| 276 |
"--os-ui-code-copy-opacity": "0.6", |
| 277 |
"--os-ui-code-fg": "#1d2327", |
| 278 |
"--os-ui-code-font-family": "ui-monospace, SFMono-Regular, Menlo, Consolas, \"Liberation Mono\", monospace", |
| 279 |
"--os-ui-code-font-size": "0.92em", |
| 280 |
"--os-ui-code-padding": "0.1em 0.4em", |
| 281 |
"--os-ui-code-white-space": "nowrap", |
| 282 |
"--os-ui-color-accent": "#3b82f6", |
| 283 |
"--os-ui-color-border": "#e5e7eb", |
| 284 |
"--os-ui-color-surface": "rgba( 20, 20, 22, 0.55 )", |
| 285 |
"--os-ui-confirm-dialog-bg": "#1d2327", |
| 286 |
"--os-ui-confirm-dialog-fg": "#fff", |
| 287 |
"--os-ui-confirm-dialog-fg-muted": "rgba( 255, 255, 255, 0.7 )", |
| 288 |
"--os-ui-context-menu-bg": "#1d2327", |
| 289 |
"--os-ui-context-menu-fg": "#fff", |
| 290 |
"--os-ui-context-menu-fg-muted": "rgba( 255, 255, 255, 0.5 )", |
| 291 |
"--os-ui-context-menu-separator-color": "rgba( 255, 255, 255, 0.12 )", |
| 292 |
"--os-ui-crumb-bg": "#c3c4c7", |
| 293 |
"--os-ui-crumb-fg": "#1d2327", |
| 294 |
"--os-ui-danger": "#d63638", |
| 295 |
"--os-ui-danger-hover": "#b32d2e", |
| 296 |
"--os-ui-display-bg": "transparent", |
| 297 |
"--os-ui-display-border-radius": "0", |
| 298 |
"--os-ui-display-fg": "#1d2327", |
| 299 |
"--os-ui-display-size": "28px", |
| 300 |
"--os-ui-ease-in": "cubic-bezier( 0.4, 0, 1, 1 )", |
| 301 |
"--os-ui-ease-loop": "cubic-bezier( 0.45, 0, 0.55, 1 )", |
| 302 |
"--os-ui-ease-out": "cubic-bezier( 0.22, 0.9, 0.28, 1 )", |
| 303 |
"--os-ui-ease-spring": "cubic-bezier( 0.32, 1.5, 0.55, 1 )", |
| 304 |
"--os-ui-empty-state-fg": "#646970", |
| 305 |
"--os-ui-empty-state-icon-color": "currentColor", |
| 306 |
"--os-ui-fg": "#1d2327", |
| 307 |
"--os-ui-fg-faint": "#787c82", |
| 308 |
"--os-ui-fg-muted": "#50575e", |
| 309 |
"--os-ui-fg-on-accent": "#fff", |
| 310 |
"--os-ui-field-bg": "#fff", |
| 311 |
"--os-ui-field-border": "#8c8f94", |
| 312 |
"--os-ui-field-fg": "#2c3338", |
| 313 |
"--os-ui-field-font-size": "13px", |
| 314 |
"--os-ui-field-font-size-compact": "12px", |
| 315 |
"--os-ui-field-radius": "6px", |
| 316 |
"--os-ui-flyout-backdrop": "transparent", |
| 317 |
"--os-ui-flyout-bg": "#ffffff", |
| 318 |
"--os-ui-flyout-fg": "#1d2327", |
| 319 |
"--os-ui-flyout-shadow": "0 16px 48px rgba( 0, 25, 53, 0.4 )", |
| 320 |
"--os-ui-font": "-apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif", |
| 321 |
"--os-ui-font-mono": "ui-monospace, SFMono-Regular, Menlo, Consolas, monospace", |
| 322 |
"--os-ui-grid-column-gap": "8px", |
| 323 |
"--os-ui-grid-columns": "1fr", |
| 324 |
"--os-ui-grid-gap": "8px", |
| 325 |
"--os-ui-grid-row-gap": "8px", |
| 326 |
"--os-ui-grid-rows": "auto", |
| 327 |
"--os-ui-hero-mesh": "linear-gradient( 145deg, rgba( 34, 113, 177, 0.16 ) 0%, rgba( 34, 113, 177, 0.06 ) 55%, rgba( 34, 113, 177, 0 ) 100% )", |
| 328 |
"--os-ui-holo-edge": "none", |
| 329 |
"--os-ui-holo-edge-quiet": "none", |
| 330 |
"--os-ui-holo-fill": "linear-gradient( 124deg, #f0f6fc 0%, #f6f7f7 100% )", |
| 331 |
"--os-ui-holo-ink": "#1d2327", |
| 332 |
"--os-ui-holo-sheen": "none", |
| 333 |
"--os-ui-holo-track": "rgba( 255, 255, 255, 0.16 )", |
| 334 |
"--os-ui-holo-track-edge": "#8c8f94", |
| 335 |
"--os-ui-holo-transition": "220ms", |
| 336 |
"--os-ui-hover": "rgba( 0, 0, 0, 0.04 )", |
| 337 |
"--os-ui-icon-size": "16px", |
| 338 |
"--os-ui-info-bg": "#e1e8ff", |
| 339 |
"--os-ui-info-fg": "#0969da", |
| 340 |
"--os-ui-input-bg": "rgba( 255, 255, 255, 0.06 )", |
| 341 |
"--os-ui-key-bg-hover": "rgba( 0, 0, 0, 0.1 )", |
| 342 |
"--os-ui-key-bg-pressed": "rgba( 0, 0, 0, 0.14 )", |
| 343 |
"--os-ui-key-border-radius": "8px", |
| 344 |
"--os-ui-key-font-size": "16px", |
| 345 |
"--os-ui-key-min-height": "48px", |
| 346 |
"--os-ui-key-padding": "8px 12px", |
| 347 |
"--os-ui-log-bg": "transparent", |
| 348 |
"--os-ui-log-border": "1px solid rgba( 0, 0, 0, 0.06 )", |
| 349 |
"--os-ui-log-border-radius": "4px", |
| 350 |
"--os-ui-log-fg": "#1d2327", |
| 351 |
"--os-ui-log-font": "12px/1.4 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace", |
| 352 |
"--os-ui-log-min-height": "120px", |
| 353 |
"--os-ui-log-row-border": "1px solid rgba( 0, 0, 0, 0.04 )", |
| 354 |
"--os-ui-log-row-height": "22px", |
| 355 |
"--os-ui-log-row-padding": "2px 8px", |
| 356 |
"--os-ui-modal-bg": "#1d2327", |
| 357 |
"--os-ui-modal-border": "rgba( 255, 255, 255, 0.25 )", |
| 358 |
"--os-ui-modal-border-strong": "rgba( 255, 255, 255, 0.35 )", |
| 359 |
"--os-ui-modal-button-bg-hover": "rgba( 255, 255, 255, 0.08 )", |
| 360 |
"--os-ui-modal-fg": "#fff", |
| 361 |
"--os-ui-modal-field-bg": "#2c3338", |
| 362 |
"--os-ui-modal-hover": "rgba( 255, 255, 255, 0.08 )", |
| 363 |
"--os-ui-modal-surface": "#2c3338", |
| 364 |
"--os-ui-modal-surface-elevated": "#3c434a", |
| 365 |
"--os-ui-modal-text": "#f0f0f1", |
| 366 |
"--os-ui-modal-text-muted": "#a7aaad", |
| 367 |
"--os-ui-motion-ambient": "12s", |
| 368 |
"--os-ui-motion-fast": "140ms", |
| 369 |
"--os-ui-motion-slow": "340ms", |
| 370 |
"--os-ui-notice-accent": "#646970", |
| 371 |
"--os-ui-notice-bg": "rgba( 0, 0, 0, 0.04 )", |
| 372 |
"--os-ui-notice-border": "rgba( 0, 0, 0, 0.08 )", |
| 373 |
"--os-ui-notice-color": "#1d2327", |
| 374 |
"--os-ui-notice-error": "#cf222e", |
| 375 |
"--os-ui-notice-error-bg": "rgba( 207, 34, 46, 0.08 )", |
| 376 |
"--os-ui-notice-error-border": "rgba( 207, 34, 46, 0.16 )", |
| 377 |
"--os-ui-notice-font": "13px/1.5 system-ui", |
| 378 |
"--os-ui-notice-info": "#0969da", |
| 379 |
"--os-ui-notice-info-bg": "rgba( 9, 105, 218, 0.08 )", |
| 380 |
"--os-ui-notice-info-border": "rgba( 9, 105, 218, 0.16 )", |
| 381 |
"--os-ui-notice-link": "#2271b1", |
| 382 |
"--os-ui-notice-link-hover": "#135e96", |
| 383 |
"--os-ui-notice-neutral": "#57606a", |
| 384 |
"--os-ui-notice-neutral-bg": "rgba( 87, 96, 106, 0.08 )", |
| 385 |
"--os-ui-notice-neutral-border": "rgba( 87, 96, 106, 0.16 )", |
| 386 |
"--os-ui-notice-success": "#1a7f37", |
| 387 |
"--os-ui-notice-success-bg": "rgba( 26, 127, 55, 0.08 )", |
| 388 |
"--os-ui-notice-success-border": "rgba( 26, 127, 55, 0.16 )", |
| 389 |
"--os-ui-notice-warning": "#9a6700", |
| 390 |
"--os-ui-notice-warning-bg": "rgba( 154, 103, 0, 0.08 )", |
| 391 |
"--os-ui-notice-warning-border": "rgba( 154, 103, 0, 0.16 )", |
| 392 |
"--os-ui-panel-gap": "12px", |
| 393 |
"--os-ui-panel-padding": "16px", |
| 394 |
"--os-ui-progress-fill": "#2271b1", |
| 395 |
"--os-ui-progress-height": "6px", |
| 396 |
"--os-ui-progress-label-color": "inherit", |
| 397 |
"--os-ui-progress-label-gap": "4px", |
| 398 |
"--os-ui-progress-label-size": "12px", |
| 399 |
"--os-ui-progress-radius": "999px", |
| 400 |
"--os-ui-progress-track-bg": "rgba( 0, 0, 0, 0.08 )", |
| 401 |
"--os-ui-range-readout-width": "3ch", |
| 402 |
"--os-ui-rating-border": "rgba( 0, 0, 0, 0.08 )", |
| 403 |
"--os-ui-rating-fg": "inherit", |
| 404 |
"--os-ui-rating-fg-muted": "#666", |
| 405 |
"--os-ui-rating-fill": "linear-gradient( 90deg, #f5af00 0%, #ffd245 100% )", |
| 406 |
"--os-ui-rating-star": "#f5af00", |
| 407 |
"--os-ui-rating-star-empty": "rgba( 0, 0, 0, 0.18 )", |
| 408 |
"--os-ui-rating-surface": "rgba( 255, 255, 255, 0.7 )", |
| 409 |
"--os-ui-rating-track": "rgba( 0, 0, 0, 0.08 )", |
| 410 |
"--os-ui-ribbon-banner-offset": "20px", |
| 411 |
"--os-ui-ribbon-banner-pull": "-36px", |
| 412 |
"--os-ui-ribbon-banner-width": "140px", |
| 413 |
"--os-ui-ribbon-bg": "#2271b1", |
| 414 |
"--os-ui-ribbon-danger": "#cf222e", |
| 415 |
"--os-ui-ribbon-fg": "#fff", |
| 416 |
"--os-ui-ribbon-font": "700 10px/1.4 system-ui", |
| 417 |
"--os-ui-ribbon-info": "#0969da", |
| 418 |
"--os-ui-ribbon-neutral": "#57606a", |
| 419 |
"--os-ui-ribbon-padding": "4px 0", |
| 420 |
"--os-ui-ribbon-shadow": "0 2px 4px rgba( 0, 0, 0, 0.2 )", |
| 421 |
"--os-ui-ribbon-size": "90px", |
| 422 |
"--os-ui-ribbon-success": "#1a7f37", |
| 423 |
"--os-ui-ribbon-tracking": "0.06em", |
| 424 |
"--os-ui-ribbon-warning": "#9a6700", |
| 425 |
"--os-ui-ribbon-z": "2", |
| 426 |
"--os-ui-row-column-gap": "12px", |
| 427 |
"--os-ui-row-gap": "12px", |
| 428 |
"--os-ui-row-row-gap": "12px", |
| 429 |
"--os-ui-save-status-bg": "#2271b1", |
| 430 |
"--os-ui-save-status-failed-bg": "#d63638", |
| 431 |
"--os-ui-save-status-fg": "currentColor", |
| 432 |
"--os-ui-save-status-font-size": "11px", |
| 433 |
"--os-ui-save-status-idle-color": "color-mix( in srgb, #2271b1 55%, transparent )", |
| 434 |
"--os-ui-save-status-saved-bg": "#1d6f42", |
| 435 |
"--os-ui-scrim": "rgba( 0, 0, 0, 0.45 )", |
| 436 |
"--os-ui-search-highlight-bg": "rgba( 252, 211, 77, 0.45 )", |
| 437 |
"--os-ui-section-gap": "12px", |
| 438 |
"--os-ui-segmented-bg": "rgba( 0, 0, 0, 0.05 )", |
| 439 |
"--os-ui-selection-bg": "rgba( 159, 152, 255, 0.6 )", |
| 440 |
"--os-ui-selection-fg": "#fff", |
| 441 |
"--os-ui-spinner-accent": "#fff", |
| 442 |
"--os-ui-spinner-color": "#2271b1", |
| 443 |
"--os-ui-spinner-size": "48px", |
| 444 |
"--os-ui-stack-align": "stretch", |
| 445 |
"--os-ui-stack-gap": "12px", |
| 446 |
"--os-ui-stack-padding": "0", |
| 447 |
"--os-ui-step-chip-bg": "#2271b1", |
| 448 |
"--os-ui-step-chip-done-bg": "#646970", |
| 449 |
"--os-ui-step-chip-fg": "#fff", |
| 450 |
"--os-ui-step-chip-font-size": "13px", |
| 451 |
"--os-ui-step-chip-size": "28px", |
| 452 |
"--os-ui-step-gap": "12px", |
| 453 |
"--os-ui-steps-gap": "16px", |
| 454 |
"--os-ui-success-fg": "#1d6f42", |
| 455 |
"--os-ui-surface": "#fff", |
| 456 |
"--os-ui-surface-elevated": "#f6f7f7", |
| 457 |
"--os-ui-surface-raised": "rgba( 255, 255, 255, 0.6 )", |
| 458 |
"--os-ui-surface-subtle": "rgba( 0, 0, 0, 0.025 )", |
| 459 |
"--os-ui-surface-sunken": "#eef0f1", |
| 460 |
"--os-ui-swatch-grid-cols": "4", |
| 461 |
"--os-ui-table-bg": "#fff", |
| 462 |
"--os-ui-table-border": "rgba( 0, 0, 0, 0.08 )", |
| 463 |
"--os-ui-table-cell-padding": "8px 12px", |
| 464 |
"--os-ui-table-column-border": "rgba( 0, 0, 0, 0.14 )", |
| 465 |
"--os-ui-table-font-size": "13px", |
| 466 |
"--os-ui-table-header-bg": "#f6f7f7", |
| 467 |
"--os-ui-table-header-height": "33px", |
| 468 |
"--os-ui-table-max-height": "none", |
| 469 |
"--os-ui-table-row-hover": "rgba( 0, 0, 0, 0.04 )", |
| 470 |
"--os-ui-table-skeleton-color": "rgba( 0, 0, 0, 0.06 )", |
| 471 |
"--os-ui-table-skeleton-highlight": "rgba( 0, 0, 0, 0.14 )", |
| 472 |
"--os-ui-table-sticky-edge": "2px solid rgba( 0, 0, 0, 0.08 )", |
| 473 |
"--os-ui-table-stripe": "rgba( 0, 0, 0, 0.03 )", |
| 474 |
"--os-ui-tag-input-add-border": "#c3c4c7", |
| 475 |
"--os-ui-tag-input-add-border-hover": "#8c8f94", |
| 476 |
"--os-ui-tag-input-add-fg": "#50575e", |
| 477 |
"--os-ui-tag-input-add-fg-hover": "#1d2327", |
| 478 |
"--os-ui-tag-input-create-fg": "#50575e", |
| 479 |
"--os-ui-tag-input-gap": "4px", |
| 480 |
"--os-ui-tag-input-input-bg": "#fff", |
| 481 |
"--os-ui-tag-input-input-border": "#2271b1", |
| 482 |
"--os-ui-tag-input-input-fg": "#1d2327", |
| 483 |
"--os-ui-tag-input-padding": "2px", |
| 484 |
"--os-ui-tag-input-pop-bg": "#fff", |
| 485 |
"--os-ui-tag-input-pop-border": "#c3c4c7", |
| 486 |
"--os-ui-tag-input-pop-divider": "#f0f0f1", |
| 487 |
"--os-ui-tag-input-pop-fg": "#1d2327", |
| 488 |
"--os-ui-tag-input-pop-muted": "#646970", |
| 489 |
"--os-ui-term-bar": "0%", |
| 490 |
"--os-ui-text-muted": "rgba( 0, 0, 0, 0.55 )", |
| 491 |
"--os-ui-warning": "#8a6116", |
| 492 |
"--os-ui-warning-bg": "#fcf9e8", |
| 493 |
"--os-ui-warning-border": "#f5e6a5", |
| 494 |
"--os-ui-warning-fg": "#996800" |
| 495 |
} |
| 496 |
} |
| 497 |
|
