《暗黑破壞神 II:獄火重生》物品顏色套用

UserCSS example

当前为 2025-05-15 提交的版本,查看 最新版本

/* ==UserStyle==
@name         《暗黑破壞神 II:獄火重生》物品顏色套用
@description  UserCSS example
@namespace    example.com
@author       abc0922001
@version      0.2.0
@preprocessor stylus
@license MIT 
==/UserStyle== */
/* 超連結多色樣式,強化可讀性(WCAG AA+ 建議色差) */
a {
  text-decoration: underline;
  transition: color 0.2s;
}

/* 多色循環設計,根據連結序號變色 */
a:nth-of-type(6n+1) { color: rgb(123,123,255) !important; }
a:nth-of-type(6n+2) { color: rgb(255,255,113) !important; }
a:nth-of-type(6n+3) { color: rgb(0,255,0) !important; }
a:nth-of-type(6n+4) { color: rgb(205,187,131) !important; }
a:nth-of-type(6n+5) { color: rgb(255,177,0) !important; }
a:nth-of-type(6n)   { color: rgb(118,118,118) !important; }

/* hover 狀態:加深對比,更明顯 */
a:nth-of-type(6n+1):hover { color: rgb(80,80,220) !important; }
a:nth-of-type(6n+2):hover { color: rgb(210,210,50) !important; }
a:nth-of-type(6n+3):hover { color: rgb(0,180,0) !important; }
a:nth-of-type(6n+4):hover { color: rgb(170,140,60) !important; }
a:nth-of-type(6n+5):hover { color: rgb(210,140,0) !important; }
a:nth-of-type(6n):hover   { color: rgb(50,50,50) !important; }

/* active 狀態:再加強一點 */
a:active {
  filter: brightness(1.2) contrast(1.2);
}

/* focus 狀態:加外框支援鍵盤無障礙導航 */
a:focus {
  outline: 2px dashed #222 !important;
  outline-offset: 2px !important;
}

/* 訪問過的連結也維持彩色,不用預設紫色 */
a:visited {
  opacity: 0.9;
  filter: grayscale(0%);
}

QingJ © 2025

镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址