AO3: [Wrangling] Rainbow Home Page

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

Автор
escctrl
Щоденних встановлень
0
Всього встановлень
27
Рейтинги
0 0 0
Версія
4.2
Створено
31.05.2022
Оновлено
31.03.2024
Ліцензія
MIT
Відноситься до

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