From Wikipedia, the free encyclopedia
Jump to: navigation, search
Stylish SVG Logo.svg
Editing a website style with Stylish
Screenshot of Stylish

Jason Barnabe (Firefox, Chrome, and Opera versions)

Vladimir Sobolev (Safari version)
Initial release 9 October 2005; 11 years ago (2005-10-09)[1]
Stable release
2.0.7 (Firefox) 9 August 2016; 2 months ago (2016-08-09)[2]

1.5.2 (Chrome) 4 April 2016; 6 months ago (2016-04-04)[3]
1.9.2 (Safari)[4] 5 September 2016; 47 days ago (2016-09-05)[5]
1.3.1 (Opera) 5 May 2015; 17 months ago (2015-05-05)[6]


Mozilla version
Chromium version

Safari version
Operating system Cross-platform

Mozilla extension
Google Chrome extension
Safari extension

Opera extension

GPLv3 (Firefox, Chrome, and Opera versions)

MIT (Safari version)

Stylish is an open-source browser extension that can apply a user-supplied style sheet to a web page, in addition to the Cascading Style Sheets provided by the website itself, to customize and personalize the appearance of the page. A user style may be more or less selective, targeting one specific web page, or several, or all of the pages on one or more domains, or every page on the web.

Mozilla-based web browsers (Firefox, Mozilla Thunderbird) and Chromium-based browsers (Google Chrome, Flock, Opera 15+) are supported with multiple implementations of the extension.[3] A similar but unrelated extension provides the same functionality in Apple Safari. Firefox for Android users can also download the add-on, but creating and editing styles is not supported.[citation needed] All can download and install stylesheets from a companion website, where members can upload and share their custom styles.[7]

Technical details[edit]

User styles are CSS style sheets designed to alter the appearance of one, some, or all sites. Stylish for Firefox can additionally style the skin of the browser itself, but the Android version does not support this because the user interface is built in native Android code. The styles are applied only to the targets specified. Individual user styles can be enabled or disabled without having to restart the browser.

User styles are added to the CSS rules provided by the site, but can also override the site's styling (often requiring the !important keyword for each replacement rule). The most common uses are ad-blocking, applying a new color scheme, and eliminating unwanted page elements.[8]

There are three classes of user styles. Site styles change the appearance of a particular web site. Global styles change the appearance of all web sites. App styles change the appearance of the Firefox user interface, only supported on Firefox. It is similar to the userChrome.css CSS file used by Firefox and Mozilla-based browsers.[9]

Comparison to Greasemonkey[edit]

Stylish is often compared to Greasemonkey, another Mozilla extension that allows client-side manipulation of web pages. Greasemonkey's user scripts are essentially dynamically inserted JavaScript that can alter a page's appearance or functionality, while Stylish uses CSS, which can only alter appearance. holds user-submitted styles, most of which can be converted to Greasemonkey scripts. These also have the option of being added to Greasemonkey.


  1. ^ See the posted date on Stylish topic on MozillaZine Forums where Stylish was announced for the first time. The post itself had been edited.
  2. ^ Stylish version history on
  3. ^ a b "Stylish". Chrome Web Store. Retrieved 19 October 2016. 
  4. ^ Official Stylish for Safari homepage
  5. ^ "1.9.2 - 350d/stylish@ea6df1e". GitHub. Retrieved 19 October 2016. 
  6. ^ "Stylish extension". Opera add-ons. Retrieved 20 October 2016. 
  7. ^ "Restyle the web with Stylish! -". Retrieved 19 October 2016. 
  8. ^ "Make the whole Web look better with Stylish," Nathan Willis, Mon 7 May 2007.
  9. ^ mozillaZine knowledge base entry: userChrome.css

External links[edit]