Cascadea
Customize any website
Only for Mac
$2.99
Cascadea 2 is its biggest update yet, with a revamped UI for macOS Big Sur, a significantly improved extension, support for Apple M1, expanded UserCSS support, and more.
Welcome to Cascadea, the native custom style extension designed exclusively for macOS and Safari. Cascadea lets you customize practically any website using custom CSS themes. Make your social media feed pop with your favorite colors. Give that super-bright website a darker theme that's easier on the eyes. Cascadea gives you the freedom to paint the web in your own colors.
It's super easy to install styles - just go to a compatible style in Safari, and you'll see an option to install it in Cascadea. Cascadea supports popular custom style websites, styles written in the UserCSS format, or even plain CSS files. Once installed, Cascadea's fast native UI lets you quickly and easily configure settings for each style, change the order in which they apply, keep them up to date, and more.
Cascadea is also a super-powerful tool for CSS developers, both for writing new custom styles or even as part of a web development workflow. Cascadea has a fully-featured Style Editor for writing CSS as well as the Stylus and Less preprocessor languages, including autocompletion, syntax highlighting, automatic indentation, code folding, beautification, multi-cursor support, multiple color themes and font options, and more. Open multiple styles in tabs, configure rules for precisely which sites to apply a style, and watch Safari update to reflect your changes each time you save your CSS. Or, if you prefer your own code editor, you can easily import a CSS file into and out of Cascadea.
Other features include:
• Sync your styles and preferences seamlessly across multiple Macs with iCloud.
• Tie styles to your macOS system appearance - have your Dark Mode styles when you want them, and automatically turn them off when you don't.
• Configure variables in compatible UserCSS-format styles.
• Write and install styles written in either standard CSS, or in the preprocessor languages Stylus and Less.
• Easily import and export your entire style database from Preferences.
• See which styles are active on a page right from Cascadea's toolbar icon in Safari, and double-click to open a style right in the Style Editor.
• Have Cascadea automatically update your imported styles on launch.
• Exclude specific sites from a style to prevent conflicts or override a global style.
• Native support for Macs with Apple silicon (such as Apple's M1).
• Support for the Touch Bar on MacBook Pro.
• No user tracking - period. Cascadea collects no data, outside of opt-in anonymous crash reports provided by Apple.
more 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.- Mike
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.
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.- Mike
I’ve been dealing with a Shopify admin layout annoyance FOR YEARS, where it doesn’t take advantage of my 27” iMac display, and hides half of the information of a product no matter what size the window is. I have tried overriding styles via custom CSS sheets in safari, tried Tampermonkey, and a couple other apps, complained to Shopify, and wasted HOURS trying to fix it to no avail.Today, thanks to Cascadea, that is solved. It took a few minutes. Super easy, and is going to make my life better immediately and immeasurably. Thanks so very much. Looking forward to fixing every annoying thing I see!
I’ve been dealing with a Shopify admin layout annoyance FOR YEARS, where it doesn’t take advantage of my 27” iMac display, and hides half of the information of a product no matter what size the window is. I have tried overriding styles via custom CSS sheets in safari, tried Tampermonkey, and a couple other apps, complained to Shopify, and wasted HOURS trying to fix it to no avail.Today, thanks to Cascadea, that is solved. It took a few minutes. Super easy, and is going to make my life better immediately and immeasurably. Thanks so very much. Looking forward to fixing every annoying thing I see!
So often I've wanted to tweak just one element of a web site in Safari (darkening Daring Fireball's background or setting that circular font on Twitch to San Francisco, for example) without sketchy cross-platform extensions with questionable reputations.Cascadea is finally it; built for this precise purpose in the most Mac-like way possible. Inexpensive, the ideal lightweight interface with a lightweight CSS editor, no bugs after months of use, support for Stylus (my preferred choice of alternative), and updates are ready when Apple is.Some apps, you kind of regret buying even if they're good. Not this one.
So often I've wanted to tweak just one element of a web site in Safari (darkening Daring Fireball's background or setting that circular font on Twitch to San Francisco, for example) without sketchy cross-platform extensions with questionable reputations.Cascadea is finally it; built for this precise purpose in the most Mac-like way possible. Inexpensive, the ideal lightweight interface with a lightweight CSS editor, no bugs after months of use, support for Stylus (my preferred choice of alternative), and updates are ready when Apple is.Some apps, you kind of regret buying even if they're good. Not this one.
What a great little gem! As a developer, I was about to write my own extension for Safari, but then I came across this. It's close to perfect! It allowed me to easily customize the sites to fit my reading/viewing habits. Only a couple minor things I'd change that I'm thinking about writing the author on, but realistically, even in its current form, it still deserves a 5/5, which is what I gave it. Excellent job! Highly recommended!
What a great little gem! As a developer, I was about to write my own extension for Safari, but then I came across this. It's close to perfect! It allowed me to easily customize the sites to fit my reading/viewing habits. Only a couple minor things I'd change that I'm thinking about writing the author on, but realistically, even in its current form, it still deserves a 5/5, which is what I gave it. Excellent job! Highly recommended!
FIXED:
• Added support for using `-rgb`-suffixed color variables in styles using the USO preprocessor.
2.1.3 11/03/2021
FIXED:
• Addressed visual issues with table views in macOS 11.3.
• Fixed an issue with importing UserCSS styles with no @-moz-document rules.
• Misc fixes.
2.1.2 04/29/2021
FIXED:
• Fixed a crash that could occur when importing UserCSS files that have a comment at the end.
• Adjusted parsing of UserCSS metadata to support styles where the metadata is not at the start of the file.
• UserCSS color variables whose default values are named HTML colors should now display correctly in Style Properties.
• Misc. fixes
2.1.1 04/19/2021
NEW:
• Support for the Less preprocessor language
— Select “Less” from the preprocessor menu when creating a new style, or use the Metadata Editor to change existing styles.
— UserCSS styles with “@preprocessor less” set are also supported.
• When creating a new section in an existing style, a new popup sheet allows you to enter a section name and initial rule.
— You can also choose to copy the rules from the current selected section.
• Preprocessor errors now show the name of the style throwing the error in the window title.
FIXED:
• Fixed a case where styles that use Stylus or Less preprocessors but have no UserCSS variables would not be compiled on first install.
• Fixed a bug where changes would not be saved after modifying the preprocessor of a style through the Metadata Editor.
• Fixed a bug where ‘range’ and ‘number’ UserCSS vars may not have their values preserved when a style is updated.
• Fixed an issue where braces contained in comments may cause incorrect parsing of UserCSS styles.
• Fixed an issue where UserCSS ‘select’ variables without a space between the label and values may not import correctly.
• Fixed an issue where range or number UserCSS variables without set min or max values may not export correctly when exporting a style.
• Addressed cases where the new FOUC-prevention in the extension may break some sites.
• Fixed a case where single-line comments in Stylus preprocessor styles may break importing.
• Fixed a case where styles using the Stylus preprocessor with certain whitespace styles may not compile correctly when imported.
• Misc. fixes and improvements.
2.1 04/08/2021
FIXED:
• Updated internal version of Stylus-lang to resolve issues with certain styles.
• Addressed a bug where a certain portion of the Style List may not respond to clicks.
• Addressed a bug where variables in Style Properties may not show their label after choosing to reset all variables to their defaults.
2.0.5 01/12/2021
FIXED IN 2.0.4:
• Fixed bug introduced in 2.0.3 causing the NOTRANSITIONS element to remain even after style injection completed.
FIXED IN 2.0.3:
• Fixed a case where iframe CSS may not be injected properly.
• Fixed an issue where the Cascadea extension would stop sites from rendering if JavaScript was disabled in Safari.
• Fixed a case where UserCSS variables may not import correctly if there is no spacing between a variable name and label.
• Misc. improvements to extension logic.
NOTE: Cascadea 2 now requires macOS Mojave (10.14) or newer.
2.0.4 12/08/2020
FIXED:
• Fixed a case where iframe CSS may not be injected properly.
• Fixed an issue where the Cascadea extension would stop sites from rendering if JavaScript was disabled in Safari.
• Fixed a case where UserCSS variables may not import correctly if there is no spacing between a variable name and label.
• Misc. improvements to extension logic.
NOTE: Cascadea 2 now requires macOS Mojave (10.14) or newer.
2.0.3 12/08/2020
FIXED:
• Addresses a few cases where Safari may show a blank page instead of rendering content properly when Cascadea is enabled.
• Improved state-handling in the Style Properties window for styles with large amounts of “color” variables.
• Misc fixes.
NOTE: Cascadea 2 now requires macOS Mojave (10.14) or newer.
2.0.2 11/20/2020
FIXED:
• Addressed an issue where the FOUC-prevention functionality in the Safari extension may break APIs reliant on rendered appearance such as innerText.
NOTE: Cascadea 2 now requires macOS Mojave (10.14) or newer.
2.0.1 11/11/2020
NOTE: Cascadea 2 now requires macOS Mojave (10.14) or newer.
NEW:
• Redesigned UI for the latest macOS.
— New app icon which embraces the Squircle.
— Updated iconography throughout the app.
• Cascadea is now a Universal Binary.
• Added combination add/remove sections button to the default Style Editor toolbar, replacing the old separate buttons.
• Users on the latest macOS can select from three different toolbar appearances for the Style Editor: “Unified”, “Compact”, and “Expanded”.
— The toolbar style can be chosen in Preferences -> Editor.
— Unified provides larger controls and a streamlined design.
— Compact reduces the size of controls and the height of the toolbar.
— Expanded shows a separate title bar, much like the Style Editor on previous versions of macOS.
— When using the Unified or Compact toolbars, you can also optionally disable showing the window title to create more horizontal space for controls. Titles will still show on tabs when multiple styles are open.
— These new toolbar options are not available on macOS Mojave or Catalina.
• SF Mono is now the default Style Editor font on macOS 10.15.4 and higher.
• Added support for configuring “range” and “number” UserCSS variables.
— If you already have styles using these variables types installed, you may need to update these styles, or remove and reinstall them, for the variables to appear in Style Properties.
• Reworked Safari extension logic to improve performance.
• A new “Go to Line” menu item has been added to the Edit -> Find menu in the Style Editor (or via keyboard shortcut ⌘L).
• Added keyboard shortcuts for increasing or decreasing the font size directly in the Style Editor (⌘+ and ⌘-).
— To accommodate these new keyboard shortcuts, some existing keyboard shortcuts have been adjusted.
• Cascadea’s toolbar popover in Safari now displays what styles are active on the current page.
— Double-clicking the name of a style in this list will open the style for editing.
• For UserCSS styles with a homepage set, you can now open a style’s homepage from the context menu when right-clicking/Control-clicking a style in the Style List.
• The Rule Editor sheet can now be resized in both axes to better enable editing lengthy rules.
• An error popover now appears in the Style List to alert you when Cascadea can’t connect to iCloud.
FIXED:
• Pages in Safari are no longer visibly rendered before Cascadea can inject custom styles to reduce flashing of unstyled content before your styles can be applied.
— When used in conjunction with Safari 14, expect to see much less “flashing”!
• Reduced occurrence of elements animating/transitioning to new colors/styles when styles are applied at page load in Safari.
• Addressed a case where the user may be prompted to install styles on pages that end in .user.css or .user.styl but are not raw CSS files.
• Fixed an issue where UserCSS “select” variables which use an asterisk (*) to denote their default value may not compile correctly when that value is selected.
• Updated internal Ace version to 1.4.12 (was 1.3.3).
• Adjusted appearance of scroll bars in the Style Editor when macOS is set to always show scroll bars to better match the system light/dark appearance.
• Improved logic for preventing duplicates when merging your local style database with iCloud.
• Improved extension logic to prevent injecting sections that consist solely of comments.
• Fixed an issue where choosing to suppress warnings about the Safari extension being disabled or about opening read-only styles from the warnings themselves did not correctly sync this preference to iCloud.
• New styles now start at version 1.0.0 rather than 1.0 by default for better interoperability with other UserCSS-compatible style managers.
• Fixed a case where “select” UserCSS vars may not import correctly.
• Improved matching logic for “domain” rules.
• Misc. fixes and improvements.
2.0 11/09/2020
NEW:
• Added option to disable the Safari extension’s toggle shortcut (Ctrl+D) in Cascadea’s Preferences.
1.5.5 06/24/2020
FIXED:
• Fixed a crash that could occur importing certain styles with UserCSS “select” variables.
• Fixed a case where Cascadea did not correctly recognize variable options in UserCSS “select” variables.
1.5.4 05/10/2020
FIXED:
• Fixed an issue where reordering styles in the Style List may cause the Style List to render incorrectly with larger style lists.
• Fixed a case where the Safari extension may erroneously inject styles in URLs that only partially match a style’s regular expression rules.
1.5.3 04/30/2020
FIXED:
• Fixed a case where options for “select” UserCSS variables may not be correctly parsed when written using single quotes (‘).
1.5.2 04/21/2020
FIXED:
• Fixed an issue that would prevent styles written with the Stylus preprocessor which omit braces from importing or compiling correctly.
• Fixed an issue where certain UserCSS @var or @advanced variable values would not correctly be applied to styles using the Stylus preprocessor.
1.5.1 04/17/2020
NEW:
• Added iCloud sync.
— Enabled by default if you are signed into iCloud.
— Sync includes your style database and preferences.
— iCloud sync can be enabled or disabled in Preferences.
— If a style is deleted due to an iCloud sync operation, it can be recovered from Preferences as long as Cascadea has not been quit since the style was deleted.
• Added support for styles written using the Stylus preprocessor language.
— When creating a style, there is a new option to choose between writing in CSS or Stylus.
— Added new option to the Metadata panel in the Style Editor to select a preprocessor to use for the style.
— Viewing documents with the .user.styl extension in Safari will now prompt to open them in Cascadea.
• When exporting styles that include variables, @var statements will now be included in the UserCSS metadata.
• Added keyboard shortcut for quickly enabling/disabling all styles in Safari (Ctrl+D).
• Added additional Style Editor themes:
— Tomorrow
— Solar Light
— Plastic
— Chromium
— Monokai
— Solar Dark
— Hacker
— Nord Dark
• Added new preference for the font used in the Style Editor, including:
— Menlo (default)
— Courier
— Monaco
— Fira Code
— Cascadia Code
— SF Mono (requires macOS 10.15.4 or newer)
FIXED:
• Clarified alert that appears when attempting to close styles with unsaved changes.
• Added “Cancel” button to alert that appears when closing unsaved styles.
• Improved UserCSS parsing to better prevent sections consisting of stray comments.
• Reorganized “File” menu and consolidated “Import From” options in new submenu.
• Fixed an issue where the Style List’s size and position were not correctly restored when relaunching Cascadea.
• Fixed a rare crash that could occur when importing .sdb files from Preferences.
• Fixed a rare crash that could occur while changing Style Editor preferences.
• Misc. fixes and improvements.
And to all of you using Cascadea — thank you sincerely. I’m glad I could make something you find useful, whether you use it for theming sites, improving legibility, removing unwanted content, quickly developing and testing CSS, or whatever your use case may be. It’s a scary time in the world, and I hope you all stay safe and take care of yourselves.
1.5 04/14/2020
Happy holidays to all who celebrate! This one's just a few quick fixes:
FIXED:
• Fixed an issue causing some styles with one section and no UserCSS metadata to crash Cascadea or not import correctly.
• Fixed an issue where section names would not appear correctly in the section list after deleting a section.
1.4.5 12/14/2019
FIXED:
• Fixed a regression in 1.4.3 where some styles’ @-moz-document rules were not parsed correctly due to newlines.
1.4.4 10/29/2019
FIXED:
• 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).
1.4.3 10/15/2019
FIXED:
• Fixed an issue parsing UserCSS variable values that include CSS at-rules.
• Fixed an issue when importing styles with @-moz-document rules where sections may not be split correctly.
• Context menu options are no longer accessible for styles in the process of updating to prevent conflicting changes.
• Improved reliability of “URL” rule-matching.
NOTE: For users on Safari 12.1 or 12.1.1, there is a known issue that causes custom styles to intermittently fail to apply. This is an issue on Safari's end and is expected to be addressed in a future update to Safari. Safari Technology Preview 82 and newer are unaffected.
1.4.2 06/25/2019
NOTE: For users on Safari 12.1 or 12.1.1, there is a known issue that causes custom styles to intermittently fail to apply. This is an issue on Safari's end and is expected to be addressed in a future update to Safari. Safari Technology Preview 82 and newer are unaffected.
FIXED:
• Fixed a crash that occur when importing or updating styles with UserCSS variables.
• Fixed an issue where regular expression rules may not import correctly.
• Improved regular expression matching when applying styles.
• Fixed an issue when importing UserCSS styles with “color” variables whose default color values were in shorthand hex format (#000 etc.) where the wrong color would be parsed.
After installing Cascadea 1.4.1, it is recommended that you perform an update on any UserCSS-format styles that may be affected by these issues, so that Cascadea can reimport the style and correct any problems.
1.4.1 06/17/2019
NOTE: For users on Safari 12.1 or 12.1.1, there is a known issue that causes custom styles to intermittently fail to apply. This is an issue on Safari's end and is expected to be addressed in a future update to Safari. Safari Technology Preview 82 and newer are unaffected.
NEW:
• Styles with "domain" rules or "URL starts with" rules will now display the website’s favicon in the Style List to quickly and visually identify what website a style applies to.
• The Style Properties window for styles has been visually updated, and now includes...
• EXPERIMENTAL*: Variable support. Imported UserCSS-compliant styles with variables using the “uso” or “default” preprocessors can now have their variables customized from the Style Properties window.
• Code views used in the Style Editor, export window, and elsewhere have been reimplemented using WKWebView rather than the deprecated WebView API for improved performance and better future compatibility.
• When creating a new style, you are given the optional ability to create an initial rule for where the style will apply right from the new style sheet.
• The File menu has new menu items and keyboard shortcuts for exporting a style to @-moz-document format, or exporting a single section of a style to a CSS file.
• A new menu option and keyboard shortcut has been added to Style List for duplicating selected styles (under the “Styles” menu, or using Cmd-Shift-C).
• “Allow injection in iframes” is now enabled by default for newly added styles. It can still be manually disabled per-style in Style Properties.
• You can now rename and export styles from the context menu when right-clicking a style in the Style List.
• The Style Editor’s toolbar can now be customized from its context menu.
• The Style Editor now has additional toolbar buttons for duplicating sections and beautifying code.
• The Style Editor’s window can now shrink to smaller sizes, gaining an overflow menu if needed.
• The “Rule Editor” button has been shortened to “Rules”.
FIXED:
• Style Properties will be closed when updating a style to prevent conflicting changes.
• Updated JS Beautifier to version 1.10.0.
• Beautifying will no longer add newlines between multiple CSS selectors.
• Addressed a leak preventing memory from being freed after closing the Style Editor.
• Misc. fixes and adjustments.
* Supported variable types are “select”, “checkbox”, “text”, and “color”, as well as “dropdown” and “image” (which function identically to "select"). Both @var (UserCSS) and @advanced (xStyle) formats are supported. Support for creating variables for your own custom styles is planned for a future release. In the meantime, you can manually create a custom style with variables by importing a UserCSS-compliant .user.css file or using the @-moz-document import option.
1.4 06/11/2019
NEW:
• You can now make styles take effect based on your macOS appearance settings. Use the Style Properties window to configure a style to only appear in Light mode, Dark mode, or both. Styles will even change seamlessly if you toggle between appearances! (NOTE: This feature requires Safari 12.1 and macOS Mojave 10.14.4 or newer.)
• The Style Editor now allows you to specify names for individual sections of a style, to help you organize your sections. You can specify a custom name for a section in the Rule Editor.
• EXPERIMENTAL*: Styles that use UserCSS variables with the “uso” or “default” preprocessors will now render correctly using their default values.
• The “File” menu has a new option to import styles in @-moz-document format by manually entering the style’s CSS (useful for copy-pasting existing styles, for instance).
• Enabled hardened runtime.
FIXED:
• The “Update All” option in the Touch Bar now correctly uses the newer Update All UI rather than the old modal sheet.
• Adding new rules or exclusions now automatically scrolls the list of rules/exclusions to the bottom and selects the newly added rule.
• Addressed an issue that may cause the Style Editor to crash during use.
• Improved stability of the Style List.
• Saving changes in the Style Editor or otherwise making changes to the Style List will no longer reset your selected items in the Style List.
• UserCSS-compliant styles imported from a local file will properly use the name in their metadata rather than the filename.
• UserCSS-compliant styles with an @updateURL value imported from a local file will now properly allow for updates.
* Full support for customizing UserCSS styles is planned for a future update. After installing Cascadea 1.3, you will need to check for updates on any installed styles using the UserCSS format in order for Cascadea to recognize and apply variables correctly.
1.3 03/26/2019
NEW:
• You can now navigate your style list by simply typing the first few letters of the name of a style.
• In addition to the Cmd+O shortcut, you can now use Cmd+Down Arrow to open styles.
FIXED:
• Fixed an issue that may cause certain styles' customized settings to not import correctly.
• Improved performance of code to inject “Install with Cascadea” option on supported styles.
• Improved compatibility of style injection code with certain dynamic websites such as Baidu.
• When importing styles from a URL that contain no metadata regarding their style name, the CSS filename will be used rather than the previous default of “Style From User CSS.”
• UserCSS-compliant styles with an @updateURL value will now utilize that address when updating rather than the URL they were originally downloaded from.
• Misc. bug fixes and improvements.
1.2.2 01/24/2019
FIXED:
• Cascadea will no longer inject a div into pages or iframes with no applicable styles, addressing compatibility issues with certain sites.
• Fixed a crash that could occur when updating styles.
1.2.1 12/11/2018
FIXED:
• Added support for using `-rgb`-suffixed color variables in styles using the USO preprocessor.
more Version 2.1.3 11/03/2021
Data Not Collected The developer does not collect any data from this app.