AO3: [Wrangling] Rainbow Home Page

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

当前为 2022-05-31 提交的版本,查看 最新版本

您需要先安装一个扩展,例如 篡改猴Greasemonkey暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴暴力猴,之后才能安装此脚本。

您需要先安装一个扩展,例如 篡改猴Userscripts ,之后才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。

您需要先安装用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

作者
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