Thank you for your interest in improving Frames! We aim to keep this extension strictly stable and completely free of experimental UI hacks.
- Fork and clone the repository.
- Run
npm install(if adding build tools later) or simply open the folder in VS Code. - Press
F5to open a new Extension Development Host window.
Please select the specific workspace component category you wish to adapt:
-
Theme & UI Development Guide Learn about our native border-radius token configurations, layout structure spacing, and our 3 design pillars.
-
Custom Desaturated Icon Guide Understand our custom Seti font-mapping system and how to apply our muted pastel coloring system to icons.
-
Typography & Formatting Grid Guide Review font fallback priorities (Sans, Mono, and Serif families) and interface configuration line heights.
- No Unsafe Hacks: Do not submit PRs that rely on
vscode-custom-cssor manipulate the DOM/Electron window unsafely. We rely 100% on standard Contribution Points. - Geometry Tokens: Keep border-radius geometry consistent (
4px,6px,8px). - Color Palette: Ensure minimum WCAG AA contrast for syntax tokens.
Please open an issue to discuss proposed layout/color changes before submitting a PR.