☰

AO3: [Wrangling] Rainbow Home Page

adds CSS classes .rainbow0 through .rainbow5, updates dynamically when filters are applied

Από την 31/05/2022. Δείτε την τελευταία έκδοση.

Δημιουργός
escctrl
Βαθμολογίες
0 0 0
Έκδοση
1.0
Δημιουργήθηκε την
31/05/2022
Ενημερώθηκε την
31/05/2022
Μέγεθος
2 KB
Άδεια
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, go to your Archive Skin and add various background colors to the CSS classes .rainbow0 through .rainbow5. For example:

.rainbow0 {
  background: rgba(246, 48, 63, 0.2);
  color: inherit !important;
}

.rainbow1 {
  background: rgba(241, 137, 4, 0.2);
  color: inherit !important;
}

.rainbow2 {
  background: rgba(253, 221, 0, 0.2);
  color: inherit !important;
}

.rainbow3 {
  background: rgba(119, 189, 30, 0.2);
  color: inherit !important;
}

.rainbow4 {
  background: rgba(1, 152, 207, 0.2);
  color: inherit !important;
}

.rainbow5 {
  background: rgba(114, 32, 130, 0.2);
  color: inherit !important;
}

Tested: So far on Firefox for Windows.

Known Issues: none