A Stylus CSS extension that improves the Salesforce UI by fixing various usability issues.
- Add the chrome extension Stylus to your browser
- Install the overwrite theme via UserStyles.world.
- Copy Original Language in Translation Workbench – Enables copying of the original text in the translation workbench.
- Expanded Clickable Areas – Makes the entire link area in the Setup menu clickable for easier navigation.
- Customizable Menu Colors – Change the Salesforce menu colors. (Default: DIA green)
- Monospace Font for Formulas & Text Areas – Enhances readability by displaying formulas and text fields in a monospace font. (Default: true)
- To configure menu colors and disable monospace font for formulas and text areas, click the ⚙ icon in Stylus settings.
| Command | Description |
|---|---|
npm run format |
Formats the .styl file |
npm run build |
Compiles the CSS and formats the .styl file |
npm run watch |
Watches for changes and auto-builds the CSS file |
npm run verify |
Checks the built CSS compiles inside Stylus |
Pushing an annotated tag (e.g. 1.0.7) triggers the Sync versions to tag workflow, which
rewrites the version in package.json, package-lock.json, style.styl, and style.user.css
to match the tag, commits that to main, and moves the tag onto the new commit.
All notable changes to this project are documented in the CHANGELOG.md file.