Greasy Fork

是否考虑使用不同颜色区分已看和未看，我用AI生成了一段，可以使用

// 透明度设置修改下面三个变量：数值越小越透明，1不透明、0完全透明
// ***********************************************************
// 全局：视频封面（已看）：透明度 设定（0.0-1.0）
var opacityIsViewCover = 0.65;
// 全局：未看按钮：透明度 设定（0.0-1.0）
var opacitybtnView = 0.8;
// 全局：已看按钮：透明度 设定（0.0-1.0）
var opacitybtnIsView = 0.8;
// ***********************************************************
// 增加自定义样式
var staticStyle = `
.btnView {
opacity: ` + opacitybtnView + `; /* 动态透明度 */
width: fit-content;
line-height: 16px;
font-size: 12px;
text-align: center;
cursor: pointer;
display: inline-block;
position: absolute;
right: 0;
top: 0;
z-index: 2;
border: 1px solid #999;
border-radius: 3px;
padding: 3px 5px;
background: #fff; /* 未看状态：背景为白色 */
color: #999; /* 未看状态：文字为灰色 */
}

.btnIsView {
opacity: ` + opacitybtnIsView + `; /* 动态透明度 */
background: #FF9EB5; /* 已看状态：背景为 #FF9EB5 */
color: #999; /* 已看状态：文字为灰色（可根据需求调整） */
}

.btnView:hover {
opacity: 1;
background: #aaa; /* 未看状态悬停：背景为浅灰色 */
color: #fff; /* 未看状态悬停：文字为白色 */
}

.btnIsView:hover {
background: #FF7BA9; /* 已看状态悬停：背景为更深的粉色 */
opacity: 1;
color: #999; /* 已看状态悬停：文字为灰色（可根据需求调整） */
}

.btnRefresh {
display: inline-block;
position: absolute;
z-index: 1;
right: 52px;
top: 18px;
background: #fff;
border: 1px solid #999;
border-radius: 5px;
color: #999;
padding: 1px 5px;
}

.btnRefresh:hover {
background: #aaa;
color: #fff;
}

.btnList {
display: inline-block;
position: absolute;
z-index: 1;
right: 97px;
top: 18px;
background: #fff;
border: 1px solid #999;
border-radius: 5px;
color: #999;
padding: 1px 5px;
}

.btnList:hover {
background: #aaa;
color: #fff;
}

.btnListSave {
display: inline-block;
position: absolute;
z-index: 1;
right: 170px;
top: 18px;
background: #fff;
border: 1px solid #999;
border-radius: 5px;
color: #999;
padding: 1px 5px;
display: none;
}

.btnListSave:hover {
background: #aaa;
color: #fff;
}

.viewList {
width: 100%;
height: 120px;
display: none;
color: #999;
padding: 1px 5px;
}

/* 通用属性 */
.__scale-wrap .btnView {
right: unset;
width: 40px;
line-height: 16px;
}`;