Introducing Cascadea, the first custom style manager designed as a Safari App Extension and native macOS app. Cascadea makes it easy to install custom styles that change the look and feel of any website you want. Whether you want your social media feed to burst with color, or to give your eyes a break with a darker style, Cascadea gives you the freedom to paint the web in your colors.
Installing styles is easy - you can easily import styles from popular custom style websites, or import any CSS file from a URL or local file. Once installed, Cascadea has a clean, simple user interface for quickly toggling or deleting styles. Since Cascadea is built with a fast, fluid native UI, it's easy to mass-toggle or mass-delete styles, drag them around to organize your style list, or export and import entire databases of styles.
Cascadea is also an incredibly powerful tool for CSS developers, whether you're writing custom styles of your own or using it as part of your web development workflow. Cascadea includes a fully-featured code editor for writing custom stylesheets, with support for autocompletion, syntax highlighting, automatic indentation, code folding, beautification, multicursor support, and more. Choose between multiple color themes for the editor, open multiple styles in tabs, and watch Safari update live when you save changes. Plus, if you prefer your own code editor, you can easily export and import a standard CSS file into and out of Cascadea.
Other features include:
• The fastest, cleanest UI of any custom style manager.
• Full support for Dark Mode in macOS Mojave.
• Tie styles to your macOS (10.14.4+) system appearance - Dark Mode-ify websites when you want, and seamlessly change themes when you don't.
• Automatically update styles imported from a URL.
• Easily duplicate imported styles to edit a local copy without it being overwritten by an update.
• Exclude websites from styles to prevent conflicts or override global styles.
• Customize variables in UserCSS-format custom styles.
• Change the injection order of styles by just dragging and dropping entries in your style list.
• Export your entire style collection to a single database file, and import them back just as easily.
• Open Cascadea quickly or toggle your styles with a click of a button in your Safari toolbar.
• Touch Bar support on equipped MacBook Pro models.
• No user tracking. At all. Ever. Cascadea collects absolutely no data from you, outside of opt-in anonymized crash reports provided by Apple through the App Store.
• Fixed slow performance/instability when toggling the “Enable Styles” checkbox from Cascadea’s toolbar popover in Safari.
• Fixed an issue splitting sections when importing UserCSS styles (aka, the "SO Dark" fix).
Ratings and Reviews
Just what I was looking for
I love this app but I'm giving it 4 stars because it could have a better tutorial or instructions on how to import themes from userstyles.
Also, and if it's not clear, you CAN import themes from userstyles. Just look for the theme you want, once there look for "Install style as userscript", copy that URL and import it on Cascadea.
Other than that I really love that I can modify my favorite sites so my eyes dont bleed, and also now I can finally get rid of Chrome.
Developer Response ,
Thanks for using Cascadea!
For importing styles from the Userstyles website, there's actually an easier method - when viewing a style, you should simply see a button to "Install in Cascadea" in the upper right corner of the page. This should also support (most) customization options for styles there as well.
this is what CSS was for
Excellent little app. Kudos to the devleoper for keeping it going despite the never-ending changes in Apple's Extensions requirements.
An important goal of the original CSS spec was for user-defined stylesheets to be "the norm." The idea was that people would style with personal accessibility and taste in mind. Though I'm unsurprised that this goal has turned out to be mostly impractical, user-defined CSS is still and important and worthwhile funciton, and Cascadea delivers it to us.
The UI of the CSS editor needs improvement
I often create several sections for a website. I wish I could customize the section names and preview the URL-rules in each section. Any possibility to add a section-with-rules list window into the CSS editor?
With Family Sharing set up, up to six family members can use this app.