Stylish (software)

Last updated

Stylish
Original author(s) Jason Barnabe
Initial release9 October 2005;18 years ago (2005-10-09) [1]
Stable release(s)
Firefox3.1.8 / 28 July 2018;5 years ago (2018-07-28) [2]
Chrome2.1.4 / 26 April 2022;2 years ago (2022-04-26) [3]
Opera1.3.1 / 5 May 2015;9 years ago (2015-05-05) [4]
Safari2.1.0 / 29 June 2018;5 years ago (2018-06-29)
Repository Mozilla (XUL/XPCOM)

Chrome, Opera
Safari

Opera 12 (Presto)
Type Browser extension
License Freemium
Website userstyles.org   OOjs UI icon edit-ltr-progressive.svg

Stylish is a user style manager that can change the appearance of web pages in a user's browser without changing their content by including user-supplied CSS style sheets with those supplied by the web site itself. The Stylish browser extension includes tools with which to write user styles, and can install user styles written by other Stylish users from a companion website. These user styles may be more or less selective, targeting just one web page, or all of the pages on a domain, or every page on the web.

Contents

Stylish was originally developed by Jason Barnabe as an XUL/XPCOM add-on for Mozilla Firefox. A Chrome extension followed in 2010, [5] which was released for Blink-based Opera 15 in 2013 [6] [7] and as a Firefox WebExtension in 2017. [8] [9] Similar extensions for Safari [10] and for Presto-based Opera [11] are distributed as 'Stylish' by other developers with Barnabe's approval. [12] [13]

Technical details

User styles are CSS code 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. [14]

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.

Privacy issues

In September 2016 Jason Barnabe, the creator of Stylish and userstyles.org, announced that, having lost interest in the project, he had "chosen Justin Hindman as the next leader of Stylish and userstyles.org." [15] Hindman had no prior connection to either Stylish or userstyles.org, [16] and it soon became clear that Barnabe had simply sold them to Hindman [17] in a straw purchase for Israeli analytics company SimilarWeb. [18]

In December 2016 Hindman began releasing updates to Stylish for Chrome [19] which returned a perfect replica of the user's browsing activity to Userstyles. [20] On 3 January 2017 he announced a "partnership" with SimilarWeb in which "Stylish users [would] be joining SimilarWeb’s market research panel.". [21] A Firefox web extension (3.0.1) was released on 10 November, after a final update (2.1.1) to the Stylish XUL+XPCOM add-on on 31 October to migrate user styles to a webextension-compatible database. [8] [22]

In July 2018, after these issues were publicized by a software engineer, [23] Stylish was pulled from both the Chrome Web Store and Mozilla Add-ons, as well as being automatically uninstalled for all existing users. [24] [25] [26] Stylish returned to Mozilla Add-ons on 16 August [27] and to the Chrome Web Store on 5 November [19] with the same logic but sporting a new opt-in page asking users to agree to the data collection when the extension was installed. [28] [29] Firefox now reports fewer users of Stylish than its more popular alternative, Stylus. [30] [31]

Alternatives to Stylish

A userscript manager such as Greasemonkey or Tampermonkey can add a local style sheet to a web page by adding the style sheet content to an HTML <style> tag and adding the tag to the page. [32] User styles from Userstyles.org can be downloaded as user scripts for use with a userscript manager.

Alternative user style managers include Stylus [33] and xStyle, [34] which are derived from Stylish for Chrome, [35] [36] aStyle, [37] reStyle, [38] and Website Theme Manager. [39]

In Firefox, user styles for web sites and browser chrome can be added to local files userContent.css [40] or userChrome.css, [41] respectively. As of Firefox 69, user must switch the toolkit.legacyUserProfileCustomizations.stylesheets preference to true in about:config in order to load these files. [42]

See also

Related Research Articles

Cross Platform Component Object Model (XPCOM) is a cross-platform component model from Mozilla. It is similar to Microsoft Component Object Model (COM) and Common Object Request Broker Architecture (CORBA). It features multiple language bindings and interface description language (IDL) descriptions; thus programmers can plug their custom functions into the framework and connect it with other components.

<span class="mw-page-title-main">ChatZilla</span> IRC client

ChatZilla is an IRC client that is part of SeaMonkey. It was previously an extension for Mozilla-based browsers such as Firefox, introduced in 2000. It is cross-platform open source software which has been noted for its consistent appearance across platforms, CSS appearance customization and scripting.

XUL, which stands for XML User Interface Language, is a user interface markup language developed by Mozilla. XUL is an XML dialect for writing graphical user interfaces, enabling developers to write user interface elements in a manner similar to web pages.

<span class="mw-page-title-main">Firefox</span> Free and open-source web browser by Mozilla

Mozilla Firefox, or simply Firefox, is a free and open-source web browser developed by the Mozilla Foundation and its subsidiary, the Mozilla Corporation. It uses the Gecko rendering engine to display web pages, which implements current and anticipated web standards. Firefox is available for Windows 10 or later versions, macOS, and Linux. Its unofficial ports are available for various Unix and Unix-like operating systems, including FreeBSD, OpenBSD, NetBSD, illumos, and Solaris Unix. It is also available for Android and iOS. However, as with all other iOS web browsers, the iOS version uses the WebKit layout engine instead of Gecko due to platform requirements. An optimized version is also available on the Amazon Fire TV as one of the two main browsers available with Amazon's Silk Browser.

This is a comparison of both historical and current web browsers based on developer, engine, platform(s), releases, license, and cost.

XPInstall is a technology used by the Mozilla Application Suite, SeaMonkey, Mozilla Firefox, Mozilla Thunderbird and other XUL-based applications for installing Mozilla extensions that add functionality to the main application.

Mozilla Firefox has features which distinguish it from other web browsers, such as Google Chrome, Safari, and Microsoft Edge.

Netscape Plugin Application Programming Interface (NPAPI) is a deprecated application programming interface (API) for web browser plugins, initially developed for Netscape Navigator 2.0 in 1995 and subsequently adopted by other browsers.

Add-on is the Mozilla term for software modules that can be added to the Firefox web browser and related applications. Mozilla hosts them on its official add-on website.

A browser extension is a software module for customizing a web browser. Browsers typically allow users to install a variety of extensions, including user interface modifications, cookie management, ad blocking, and the custom scripting and styling of web pages.

A browser toolbar is a toolbar that resides within a browser's window. All major web browsers provide support to browser toolbar development as a way to extend the browser's GUI and functionality. Browser toolbars are considered to be a particular kind of browser extensions that present a toolbar. Browser toolbars are specific to each browser, which means that a toolbar working on a browser does not work on another one. All browser toolbars must be installed in the corresponding browser before they can be used and require updates when new versions are released.

<span class="mw-page-title-main">DownThemAll!</span> Free and open source download manager extension for Firefox and Chromium-based web browsers

DownThemAll! (DTA) is a free and open source download manager browser extension. DTA can download all or some linked files, images, or embedded objects associated with a web page. It can pause, resume, or restart downloads.

<span class="mw-page-title-main">Firebug (software)</span> Web development add-on for Firefox

Firebug is a discontinued free and open-source web browser extension for Mozilla Firefox that facilitated the live debugging, editing, and monitoring of any website's CSS, HTML, DOM, XHR, and JavaScript.

<span class="mw-page-title-main">Web development tools</span> Software used to test the UI of a website or web application

Web development tools allow web developers to test, modify and debug their websites. They are different from website builders and integrated development environments (IDEs) in that they do not assist in the direct creation of a webpage, rather they are tools used for testing the user interface of a website or web application.

<span class="mw-page-title-main">Firefox 4</span> Firefox browser released in 2011

Mozilla Firefox 4 is a version of the Firefox web browser, released on March 22, 2011. The first beta was made available on July 6, 2010; Release Candidate 2 was released on March 18, 2011. It was codenamed Tumucumaque, and was Firefox's last large release cycle. The Mozilla team planned smaller and quicker releases following other browser vendors. The primary goals for this version included improvements in performance, standards support, and user interface.

<span class="mw-page-title-main">Pale Moon</span> Open-source web browser

Pale Moon is a free and open-source web browser licensed under the MPL-2.0 with an emphasis on customization. Its motto is "Your browser, Your way." There are official releases for Microsoft Windows, FreeBSD, macOS, and Linux.

Content Security Policy (CSP) is a computer security standard introduced to prevent cross-site scripting (XSS), clickjacking and other code injection attacks resulting from execution of malicious content in the trusted web page context. It is a Candidate Recommendation of the W3C working group on Web Application Security, widely supported by modern web browsers. CSP provides a standard method for website owners to declare approved origins of content that browsers should be allowed to load on that website—covered types are JavaScript, CSS, HTML frames, web workers, fonts, images, embeddable objects such as Java applets, ActiveX, audio and video files, and other HTML5 features.

<span class="mw-page-title-main">Waterfox</span> Open-source web browser based on Firefox

Waterfox is a free and open-source web browser and fork of Firefox. It claims to be ethical and user-centric, emphasizing performance and privacy. There are official Waterfox releases for Windows, macOS, Linux and Android. It was initially created to provide official 64-bit support, back when Firefox was only available for 32-bit systems.

Firefox was created by Dave Hyatt and Blake Ross as an experimental branch of the Mozilla browser, first released as Firefox 1.0 on November 9, 2004. Starting with version 5.0, a rapid release cycle was put into effect, resulting in a new major version release every six weeks. This was gradually accelerated further in late 2019, so that new major releases occur on four-week cycles starting in 2020.

<span class="mw-page-title-main">Stylus (browser extension)</span> User style manager browser extension

Stylus is a user style manager, a browser extension for changing the look and feel of pages.

References

  1. np [Jason Barnabe] (9 October 2005). "Stylish 0.1.1 Released [11 Oct]". MozillaZine . Archived from the original on 10 December 2005.
  2. "Stylish - Custom themes for any website Version History". addons.mozilla.org.
  3. "Stylish - Custom themes for any website". Chrome Web Store .
  4. "Stylish extension - Opera Add-ons". Archived from the original on 30 January 2018.
  5. Barnabe, Jason (1 March 2010). "Stylish for Google Chrome". Userstyles.org.
  6. Barnabe, Jason (3 July 2013). "Stylish for Chrome and Opera (15+) 1.2b". Userstyles.org.
  7. "Stylish extension - Opera add-ons". Opera Software ASA. Archived from the original on 25 April 2015.
    The oldest comment is dated 26 July 2013.
    {{cite web}}: CS1 maint: postscript (link)
  8. 1 2 natalieg (2 November 2017). "New version for Firefox". userstyles.org. Archived from the original on 26 December 2017.
  9. "Stylish - Custom themes for any website Version History". Firefox Add-ons. Mozilla. Archived from the original on 12 May 2018.
    Version 3.0.1 is the first Stylish for Firefox WebExtension release; version 2.1.1 is the last Stylish XUL/XPCOM add-on release.
    {{cite web}}: CS1 maint: postscript (link)
  10. Sobolev, Vladimir. "Stylish for Safari".
  11. gera2ld. "Stylish for Opera". Opera Software ASA. Archived from the original on 25 May 2019. Retrieved 21 August 2018.{{cite web}}: CS1 maint: numeric names: authors list (link)
  12. Barnabe, Jason (9 April 2014). "Stylish for Safari". userstyles.org.
  13. Barnabe, Jason (1 January 2013). "Stylish for Opera!". userstyles.org.
  14. "Make the whole Web look better with Stylish," Nathan Willis, Mon 7 May 2007.
  15. JasonBarnabe (29 September 2016). "The new leader of Stylish and userstyles.org". userstyles.org. Archived from the original on 9 October 2016.
  16. hideheader (29 September 2016). "The new leader of Stylish and userstyles.org". userstyles.org. Archived from the original on 9 October 2016. Justin hasn't posted any styles, isn't (yet) a forum admin, nor has he posted to the forum before today.
  17. hideheader (8 October 2016). "The new leader of Stylish and userstyles.org". userstyles.org. Archived from the original on 9 October 2016. OMG, you sold it, didn't you Jason? The site was moved to Amazon Web Services, the domain name was transferred and the new owner hidden behind a shell (domainsbyproxy.com), the repositories were transferred to a commercial Github account with no public-facing members.
  18. hideheader (8 October 2016). "The new leader of Stylish and userstyles.org". userstyles.org. Archived from the original on 5 July 2018. (a) similarweb.com is a web analytics company and (b) that new Userstyles form was created in SimilarWeb's Google Docs account. Naturally I'm curious, Justin. Does SimilarWeb.com own Stylish and Userstyles, or are you an employee who is simply using the company butter?
  19. 1 2 "Version History of Stylish for Chrome". Crx4Chrome. Archived from the original on 15 June 2018.
  20. hideheader (20 December 2016). "Release Notes - Stylish 1.6.3 is out!". userstyles.org. Archived from the original on 5 July 2018. If you opt-in to the 'Style Library' then Justin collects every URL you browse to, along with the URL of the page you were just viewing. That is, he's collecting your complete browsing history.
  21. Justin Hindman (3 January 2017). "Announcement to the Community". userstyles.org. Archived from the original on 5 January 2017.
  22. "Stylish - Custom themes for any website Version history". Add-ons for Firefox. Archived from the original on 12 May 2018.
  23. Heaton, Robert (2 July 2018). ""Stylish" browser extension steals all your internet history".
  24. Goodin, Dan (6 July 2018). ""Stylish" extension with 2M downloads banned for tracking every site visit". Ars Technica . Condé Nast . Retrieved 6 July 2018.
  25. Tung, Liam (5 July 2018). "Use this popular Chrome, Firefox browser add-on? Google, Mozilla just banished it". ZDNet . Retrieved 6 July 2018.
  26. Cimpanu, Catalin (4 July 2018). "Chrome and Firefox Pull Stylish Add-On After Report It Logged Browser History". Bleeping Computer . Retrieved 5 July 2018.
  27. @VessOnSecurity (16 August 2018). "Remember the Firefox extension Stylish that was found to snarf browser history? That was removed from the store, then added again, then again removed? Well, it's back" (Tweet) via Twitter.
  28. Brinkmann, Martin (17 August 2018). "Stylish add-on makes a return". gHacks.
  29. Heaton, Robert (16 August 2018). ""Stylish" is back, and you still shouldn't use it".
  30. "Stylish - Custom themes for any website – Get this Extension for 🦊 Firefox (en-US)". Add-ons for Firefox. Archived from the original on 30 October 2022.
  31. "Stylus – Get this Extension for 🦊 Firefox (en-US)". Add-ons for Firefox. Archived from the original on 29 October 2022.
  32. Pilgrim, Mark (2005). 4.13. Adding CSS styles.{{cite book}}: |work= ignored (help)
  33. "Stylus – Get this Extension for 🦊 Firefox (En-US)".
  34. "XStyle – Get this Extension for 🦊 Firefox (En-US)".
  35. "Stylus". GitHub . 25 October 2021.
  36. "XStyle". GitHub . 25 October 2021.
  37. "AStyle-Custom theme,custom style – Get this Extension for 🦊 Firefox (En-US)".
  38. "ReStyle – Get this Extension for 🦊 Firefox (En-US)".
  39. "Website Theme Manager – Get this Extension for 🦊 Firefox (En-US)".
  40. "UserContent.CSS - MozillaZine Knowledge Base".
  41. "UserChrome.CSS - MozillaZine Knowledge Base".
  42. "Modifying the Default Skin - Archive of obsolete content | MDN". developer.mozilla.org. Archived from the original on 28 September 2019.