Jump to content

MediaWiki:Gadget-coin-copper.user.css: Difference between revisions

From Philosophical Research
Reversedragon (talk | contribs)
m original link
Reversedragon (talk | contribs)
m brighter brown
 
Line 2: Line 2:
@name          Nickel emoji
@name          Nickel emoji
@namespace      github.com/openstyles/stylus
@namespace      github.com/openstyles/stylus
@version        1.0.1
@version        1.0.2
@description    Shows Template:Nickel in approximately US nickel color. (Might not work in all browsers)
@description    Shows Template:Nickel in approximately US nickel color. (Might not work in all browsers)
@author        reverseDragon
@author        reverseDragon
Line 13: Line 13:
credit for this recoloring trick goes to:  barrd.dev/article/adding-colour-to-an-emoji-using-different-css-techniques/ */
credit for this recoloring trick goes to:  barrd.dev/article/adding-colour-to-an-emoji-using-different-css-techniques/ */


.nickel-page .visual { filter: invert(9%) sepia(70%) saturate(80%) hue-rotate(374deg) brightness(80%) contrast(94%); }
.nickel-page .visual { filter: invert(9%) sepia(70%) saturate(50%) hue-rotate(370deg) brightness(90%) }


/* [[C:Hue configuration Gadgets]] [[C:Nickel page templates]] */
/* [[C:Hue configuration Gadgets]] [[C:Nickel page templates]] */

Latest revision as of 06:53, 21 March 2026

/* ==UserStyle==
@name           Nickel emoji
@namespace      github.com/openstyles/stylus
@version        1.0.2
@description    Shows Template:Nickel in approximately US nickel color. (Might not work in all browsers)
@author         reverseDragon
==/UserStyle== */

/* To turn this on all the time, go to Preferences and select  gadget-coin-copper:   [https://research.moraleconomy.au/index.php?title=Special:Preferences#mw-prefsection-gadgets]
Alternatively, install a user styles add-on and then open this URL:
https://research.moraleconomy.au/index.php?action=raw&title=MediaWiki:Gadget-coin-copper.user.css

credit for this recoloring trick goes to:   barrd.dev/article/adding-colour-to-an-emoji-using-different-css-techniques/ */

.nickel-page .visual { filter: invert(9%) sepia(70%) saturate(50%) hue-rotate(370deg) brightness(90%) }

/* [[C:Hue configuration Gadgets]] [[C:Nickel page templates]] */