AO3: [Wrangling] Rainbow Home Page

adds CSS classes to style table rows as a rainbow, and updates dynamically when filters are applied

Maker
escctrl
Dagelijks aantal installaties
0
Totaal aantal installaties
27
Beoordelingen
0 0 0
Versie
4.2
Gemaakt op
31-05-2022
Bijgewerkt op
31-03-2024
Licentie
MIT
Wordt toegepast op

Purpose: sets CSS classes to the table rows of the Wrangling Home Page, so that you can apply a rainbow background. If you have one of the filtering scripts (Wrangling home filter, Wrangling Filter Redux, n-in-1 Filters or the Search Wrangling Home), the colors will dynamically update as you filter, so you'll always see the six rainbow colors in order.

Instructions: after enabling the script, have a look at the configuration options at the top.

  • If you set SOURCE = 'script', the script adds a bit of CSS to make the table appear a bit prettier overall. You can define
    • RAINBOW ... the six colors for the rainbow effect within the script
    • TEXT ... the text color of the fandoms and bin counts
    • BORDER ... the color of the borders inside the table
    • HIGHLIGHT ... the color of the highlighting (of the table rows on mouseover)
  • If you set SOURCE = 'skin', you'll have to add the CSS classes for the six colors .rainbow0 through .rainbow5 to your Archive Skin instead. That can make switching between skins easier or allows you to use different skins/colorschemes for different devices. For example:

    .rainbow0 {
  background: rgba(246, 48, 63, 0.2);
}
.rainbow1 {
  background: rgba(241, 137, 4, 0.2);
}
.rainbow2 {
  background: rgba(253, 221, 0, 0.2);
}
.rainbow3 {
  background: rgba(119, 189, 30, 0.2);
}
.rainbow4 {
  background: rgba(1, 152, 207, 0.2);
}
.rainbow5 {
  background: rgba(114, 32, 130, 0.2);
}

    Tested: So far on Firefox for Windows.

    Known Issues: none