Transform your Salesforce experience with stunning themes.
A free Chrome extension that replaces Salesforce Lightning's default look with 6 premium themes — from polished light modes to immersive dark experiences. CSS-variable based, instant switching, zero performance impact.
| Theme | Style | Colors |
|---|---|---|
| Connectry | Clean, professional light mode |  #f7f7f5 ·  #4a6fa5 ·  #2d2d2d |
| Midnight | Deep navy dark mode — rich, layered depth |  #0f1219 ·  #60a5fa ·  #1a1f2e |
| Slate | Professional muted greys, Linear/Notion aesthetic |  #f8f9fa ·  #374151 ·  #111827 |
| Tron | Electric cyan on near-black. Neon. HIGH DRAMA |  #0a0a0f ·  #00e5ff ·  #e0f7fa |
| Obsidian | Matte black + amber gold. Bloomberg Terminal energy |  #0c0c0c ·  #d4a853 ·  #e8e6e3 |
| Arctic | Crisp ice blue. Accessibility-friendly light mode |  #f0f4f8 ·  #2b6cb0 ·  #1a202c |
- 6 premium themes — light and dark
- Instant theme switching with smooth transitions
- Cross-device sync via
chrome.storage.sync - Works across Salesforce Lightning Experience, Sales Cloud, Service Cloud, Setup
- Handles SPA navigation — themes persist across Salesforce page transitions
- Zero performance impact — pure CSS variable injection
- Targets Salesforce's synthetic shadow DOM correctly (CSS custom properties cascade through it)
- Covers navigation, cards, tables, modals, forms, dropdowns, tabs, and more
Until the extension is live on the Chrome Web Store:
- Download or clone this repository
- Open Chrome and navigate to
chrome://extensions - Enable Developer mode (toggle in the top right)
- Click Load unpacked
- Select the
salesforce-themerfolder - Navigate to any Salesforce org — the Themer icon appears in your toolbar
Salesforce Lightning uses a synthetic shadow DOM — a polyfill, not native shadow DOM. This means global styles injected into document.head cascade into all Lightning Web Components.
The extension:
- Injects a
<style>tag with CSS custom property overrides at:root - Adds targeted class-based overrides for structural elements (nav, cards, tables, etc.)
- Uses a
MutationObserverto re-inject styles after Salesforce SPA navigation - Stores your preference in
chrome.storage.syncfor cross-device persistence
- Lightning Experience (LEX)
- Sales Cloud
- Service Cloud
- Experience Cloud (partial)
- Salesforce Setup pages
- Salesforce Classic: not supported (separate rendering engine)
Pull requests welcome. Each theme lives in content/themes/<name>.css — adding a new theme is self-contained.
Connectry builds native Salesforce apps. AppExchange-listed. Buy once, own forever.
"Salesforce apps deserve better."
MIT License — see LICENSE for details.