MediaWiki:Gadget-LGBT-rainbow.user.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* ==UserStyle==
@name           gradient - LGBT, rainbow
@description    displays "field_LGBT" swatch with a soft rainbow gradient as its color
@version        1.0.4
@author         reverseDragon
@namespace      github.com/openstyles/stylus
==/UserStyle== */

/* Gadget "gradient-LGBT-rainbow"  -  displays "LGBT" swatch in rainbow
the gradient will be shown all the time instead of only on pages marked "field_LGBT", given that it is far more distinctive and less ambiguous than the lavender swatch.

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

@media screen {
 .hue li.field_LGBT:before, ol.hue li.field_LGBT:before, ol.hue li[value].field_LGBT:before  {
   background: #a399f2 linear-gradient(90deg,rgba(194, 87, 87, 0.7), rgba(170, 154, 75, 0.7), rgba(147, 219, 64, 0.7), rgba(123, 224, 140, 0.7), rgba(96, 210, 188, 0.7), rgba(70, 196, 235, 0.7), rgba(96, 116, 230, 0.7), rgba(119, 47, 173, 0.7));
   border-left-color: #680f06;
   border-right-color: #650668;
 }
 dl.hue .field_LGBT:before { background: #a399f2 linear-gradient(135deg,rgba(194,87,87,0.7),rgba(170,154,75,0.7),rgba(178,219,64,0.7),rgba(123,224,167,0.7),rgba(15, 177, 240, 0.7),rgba(90, 85, 244, 0.7)); }
}

/* [[Category:Hue configuration Gadgets]]
alternate titles:   Gadget-lgbt-rainbow.css  Gadget-LGBT-rainbow.user.css */