☰

AO3: [Wrangling] Rainbow Home Page

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

目前為 2022-05-31 提交的版本，檢視 最新版本。

作者
escctrl
評價
0 0 0
版本
1.0
建立日期
2022-05-31
更新日期
2022-05-31
尺寸
1.7 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