A new userstyle
為什麼配色只有三選一而不讓人自訂色彩?
@var color COLOR1 "主配色" #e33e33
@var color COLOR2 "次配色(保持与主配色相同就行)" #e33e3330
還有我看到主配色和次配色只是alpha值不一樣。 這樣的話直接給stylus做處理不就行嗎?
/* ==UserStyle==
@name Pure GreasyFork
@namespace github.com/openstyles/stylus
@version 1.1.0
@description A new userstyle
@author CWorld
@preprocessor stylus
@var select COLOR1 "主配色" {
"默认红": "#e33e33",
"浅草绿": "#00bb6a",
"梦析蓝": "#00b6ff",
"幻想紫": "#8a72ff",
}
@var number ALPHA "ALPHA值" [48 , 0 , 252, 4]
@var select AN "动画特效" {
"非线性": ".3s ease-in-out",
"果冻弹": "cubic-bezier(0.68, -0.55, 0.27, 1.55)",
"直线型": ".3s",
}
==/UserStyle== */
COLOR2 = alpha(COLOR1, ALPHA / 255);
@-moz-document domain("gf.qytechs.cn") {
// ...
:root {
--COLOR1: COLOR1;
--COLOR2: COLOR2;
--COLOR3: #8492a6;
--COLOR4: #eff2f7;
--AN: AN;
}
// ...
}
腳本回應中的文章標題顏色有bug
原本的a:visited 跟 a.discussion-title 是同一優先度
他把 a:visited 放在了 a.discussion-title 前令 a.discussion-title 的CSS規則 能覆蓋a:visited
現在你只加了 a:visited 而忽略了 a.discussion-title
我覺得你把 a.discussion-title 也加上比較好,跟原來的一樣用後面的 a.discussion-title 覆蓋a:visited
不然就 a:visited:not(.discussion-title)
https://gf.qytechs.cn/discussions 中的這個SELECT是不是漏了?
https://gf.qytechs.cn/moderator_actions
這個頁面最底的選頁按扭跟其他頁面的不一樣,也沒有hover效果
https://gf.qytechs.cn/moderator_actions
這頁面表格最頂的部份被擋住了
年久失修是这样的,我把它转换为了一个用户脚本,并尝试修复了一下,然后又自己加了一点东西,如果感兴趣的话可以来下载用用看,下载链接:
https://drive.kamiya.dev/f/6GNh1/Pure%20Greasy%20Fork.txt
如果有什么问题欢迎反馈,我做的修改非常粗糙,望见谅。
后续cworld大佬同意的话,我还会把它发在greasyfork上。
年久失修是这样的,我把它转换为了一个用户脚本,并尝试修复了一下,然后又自己加了一点东西,如果感兴趣的话可以来下载用用看,下载链接:
https://drive.kamiya.dev/f/6GNh1/Pure%20Greasy%20Fork.txt
如果有什么问题欢迎反馈,我做的修改非常粗糙,望见谅。
后续 cworld 大佬同意的话,我还会把它发在 greasyfork 上。
自行修改是理解的。但我覺得變成用户脚本是沒必要的 如果裡面都是CSS,沒有JS的話,不應該做成用户脚本
UserStyle可以透過stylus進行安裝和管理 stylus的處理很彈性,可以隨時啟動隨時禁用。也可以做一堆選項自行調教 用UserScript來做的話太難了
還有CSS很多高階特性,例如SCSS /PostCSS
還有//
a.container {
.my-element-1 {
// element-1
}
.my-element-2 {
// element-2
}
&[data-style1] {
// a.container[data-style1]
}
}
這些寫法都需要stylus這種preprocessor來做 用UserScript就真的只能寫最原始的CSS
年久失修是这样的,我把它转换为了一个用户脚本,并尝试修复了一下,然后又自己加了一点东西,如果感兴趣的话可以来下载用用看,下载链接:
https://drive.kamiya.dev/f/6GNh1/Pure%20Greasy%20Fork.txt
如果有什么问题欢迎反馈,我做的修改非常粗糙,望见谅。
后续 cworld 大佬同意的话,我还会把它发在 greasyfork 上。自行修改是理解的。但我覺得變成用户脚本是沒必要的
如果裡面都是CSS,沒有JS的話,不應該做成用户脚本UserStyle可以透過stylus進行安裝和管理
stylus的處理很彈性,可以隨時啟動隨時禁用。也可以做一堆選項自行調教
用UserScript來做的話太難了還有CSS很多高階特性,例如SCSS /PostCSS
還有//
a.container { .my-element-1 { // element-1 } .my-element-2 { // element-2 } &[data-style1] { // a.container[data-style1] } }
這些寫法都需要stylus這種preprocessor來做
用UserScript就真的只能寫最原始的CSS
做成UserScript其实只是为了方便一些套壳浏览器,比如via或者x之类的安装,如果只需要CSS,直接把我这个JS去头去尾然后再加上Metadata块就可以了。
QingJ © 2025
镜像随时可能失效,请加Q群300939539或关注我们的公众号极客氢云获取最新地址
可以做深色主題嗎?