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

UserCSS example
当前为 2025-05-15 提交的版本，查看最新版本。
换行
/* ==UserStyle==
@name         《暗黑破壞神 II：獄火重生》物品顏色套用
@description  UserCSS example
@namespace    example.com
@author       abc0922001
@version      0.1.0
@preprocessor stylus
@license MIT 
==/UserStyle== */
/* 作用範圍：所有 http / https 網頁 */
/* ==== 1 全域變數：方便日後只改一行就能換色 ==== */
:root {
    /* 預設連結：#7b7bff　對比 3.43 → 加粗底線輔助辨識 */
    --link-normal: rgb(123, 123, 255);

    /* 已拜訪：#767676　對比 4.54 → 完全符合 4.5:1 */
    --link-visited: rgb(118, 118, 118);

    /* 滑鼠懸停：#00ff00　對比 1.37　→ 改背景+粗底線提示 */
    --link-hover: rgb(0, 255, 0);

    /* 滑鼠按下：#ffb100　對比 1.82　→ 短暫狀態可接受 */
    --link-active: rgb(255, 177, 0);

    /* 鍵盤焦點：背景 #ffff71 / 文字設 #000　對比 16.0 */
    --link-focus-bg: rgb(255, 255, 113);
    --link-focus-text: #000;

    /* 輔助視覺：底線粗細、轉場時間 */
    --u-thick: 0.14em;
    --u-offset: 0.10em;
    --trans: 120ms ease-out;
}

/* ==== 2 一般連結樣式 ==== */
a {
    color: var(--link-normal) !important;
    text-decoration: underline !important;
    text-decoration-thickness: var(--u-thick);
    text-underline-offset: var(--u-offset);
    transition: color var(--trans), background var(--trans);
}

/* 已拜訪連結 */
a:visited {
    color: var(--link-visited) !important;
}

/* 懸停／焦點（滑鼠） */
a:hover {
    color: #000 !important;
    /* 提升對比 */
    background: var(--link-hover) !important;
    /* 綠底 */
}

/* 按下狀態 */
a:active {
    color: #000 !important;
    background: var(--link-active) !important;
    /* 橘底 */
}

/* 鍵盤 Tab 焦點可見 */
a:focus-visible {
    outline: 3px solid var(--link-normal);
    outline-offset: 2px;
    background: var(--link-focus-bg) !important;
    color: var(--link-focus-text) !important;
}
欢迎访问Greasy Fork镜像
