- Theme Mangler
- Customize your preferred theme.
- 286 Installs
This extension is allowed to:
- Read & Write Files
Hey, you – yes, YOU! Are you using a Nova theme that is SO CLOSE to perfect but you wish you could make a handful of modifications? (slaps hood) Then you need to test drive the not-patented Theme Mangler™! No need to create your own extension – the perfect theme is a few commands away!
How to Use
- Install a theme from the Extension Library. Theme Mangler only works on installed themes.
- Open any project or a blank workspace. The Theme Mangler commands only work in a workspace.
- Select Choose a Source Theme from the Extensions -> Theme Mangler menu or from the Command Palette.
- Select the theme you want to modify from the choice palette that appears.
- Select Edit My Custom Styles from the Extensions -> Theme Mangler menu or from the Command Palette.
- Add your styles to the
user-styles.cssdocument that opens in your workspace. See Helpful Hints below for tips on how to add these styles.
- Save the
user-styles.cssdocument. Your custom theme is generated when you save this file.
- Close the
user-styles.cssdocument when you're done. The save listener does not persist across sessions, though you can restart the listener by running the Edit My Custom Styles command again.
- Restart Nova. Nova only picks up changes to themes on startup.
- If you haven't already, select "My Perfect Theme" in Nova Preferences -> Theme.
- Your custom styles need to follow Panic's guidelines for themes. Though you define styles with CSS, not all CSS features will work – notably custom properties (variables) are not available.
- Use Nova's syntax inspector tool to get the name of a "scope" you want to target with your custom style. Unless you're targeting a feature of a specific language, leave off the language name in the scope.
- Swatches are generated from the theme you chose as a source. This makes it easier to ensure you're using colors from the theme. You do need to restart Nova after selecting a source theme for it to pick up the new Swatch group.
Rapid-fire bug-fixing when production (the Extension Library) turned out to work differently than local testing.
- Two commands for defining source theme and modifying it
- Generated swatches for chosen source theme