Skip to content

Search

Match titles, tags, and descriptions. Arrow keys to move, Enter to open, Esc to close.

Open from the page (not while typing in a field): / · K or Ctrl K

    Personal project

    Santi020k Chrome Theme

    Designed, packaged, and published a Chrome Web Store theme that brings the Santi020k VS Code palette into browser chrome with token-mapped surfaces and zero permissions.

    Creator
    2 mo

    A closer look at the design decisions, technical choices, and problems this project was built to solve.

    Active project

    Publishing my browser theme to the Chrome Web Store

    Santi020k Chrome Theme is the browser companion to my Santi020k VS Code Theme. It brings the same deep violet surfaces, muted lavender text, and violet accents into Chrome, then packages that design as a real published theme on the Chrome Web Store.

    Santi020k Chrome Theme logo and Web Store marquee artwork

    Goals

    • Unified visual environment: bring the same deep violet and muted lavender palette from the editor into the browser.
    • Token-level precision: each Chrome surface traces back to a specific VS Code token, ensuring colors update in lockstep across both extensions.
    • Chrome Web Store readiness: ship complete listing copy, screenshots, privacy policy, packaging scripts, and a repeatable validation path.
    • Zero attack surface: themes ship as declarative JSON with no permissions and no remote code.
    Santi020k Chrome Theme extension icon

    What I built

    • A Chrome Manifest V3 theme covering the frame, toolbar, tab strip, active/inactive tabs, New Tab page, omnibox, and incognito variant.
    • Color sync scripts that pull token values directly from the VS Code theme source, keeping both extensions consistent across releases.
    • Validation tooling that checks manifest structure, color contrast, and packaging readiness before every release.
    • A packaging pipeline that produces a Chrome Web Store-ready zip from a single command.
    • Store listing assets including screenshots, promo tiles, privacy documentation, and English listing copy.
    Chrome Web Store listing preview for Santi020k Theme Chrome Web Store promotional tile for Santi020k Theme Santi020k Chrome Theme adaptive browser artwork

    Results

    • Published Chrome Web Store theme under the Santi020k Theme listing, with a public install path for Chrome users.
    • Auditable and privacy-respecting — no permissions requested, no data collected, fully open source.
    • Repeatable release workflow backed by validation scripts, automated packaging, and Changesets versioning.
    Santi020k Theme incognito window preview

    Why it matters

    A theme that only covers the editor still leaves the browser feeling unrelated to the rest of the workspace. This project treats Chrome as a first-class surface in the same design system: same tokens, same release discipline, same calm palette.

    Santi020k Theme New Tab page preview Santi020k Chrome Theme new tab background artwork
    Share this piece
    Related work

    More projects in a similar lane.

    More work from a similar lane — same type, overlapping technologies, adjacent problems.