hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
阅读:1787回复:5

【求教】如何让ColorfulTabs的配色变成平面的

楼主#
更多 发布于:2015-04-24 10:03
ColorfulTabs(下简称CT)的作者在扩展描述中欢迎大家去反馈,然后去到作者主页发现作者已经把CT托管给 addongenie.com 了,搞得我没心情反馈……

众所周知,CT可以让页面标签的颜色变得五彩缤纷,我也曾用过其他更好的相同功能扩展,结果CT是在被Firefox新版清洗后的唯一仅存成果。

我最近使用了一款使标签页直角显示的样式,注释掉里面强制背景色的代码后,配合CT的着色有点违和。
因为Firefox默认标签是带纵向渐变色而呈现立体的,于是CT也使用类似的纵向渐变色方式着色,而直角标签的感觉应该是配纯色才对。
于是我直接对CT的文件开刀,自己修改 \profile\extensions\{0545b830-f0aa-4d7e-8820-50a4629a56fe}\chrome\content\clrtabs.js 的代码,把里面涉及 -moz-linear-gradient 代码的都改成纯色代码,效果成了这样:

图片:QQ截图20150424094813.png



最左的是当前选中标签,还是使用直角样式中的强制白色,而其他都是CT着色的效果——依然有渐变效果,但是从原来的呈现立体凸出效果,变成了呈现稍向内凹的效果了。

求教如何才能将其变成完全平面也就是净纯色的效果呢?

========
补充:
类似扩展中 ChromaTabs 原来有个beta版可以用,不过渐变色更严重;Fabtabs着色效果好点,但是据说里面插了广告网站有泄露隐私风险。两者都还是不能提供纯色着色。
infinity
狐狸大王
狐狸大王
  • UID48261
  • 注册日期2014-12-18
  • 最后登录2019-10-20
  • 发帖数319
  • 经验316枚
  • 威望0点
  • 贡献值84点
  • 好评度30点
  • 社区居民
  • 忠实会员
1楼#
发布于:2015-04-25 22:48
有个UC脚本,楼主瞧瞧符合要求不
https://github.com/FirefoxBar/userchromeJS/tree/master/Colorful_Tabs
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
2楼#
发布于:2015-04-27 17:12
infinity:有个UC脚本,楼主瞧瞧符合要求不
https://github.com/FirefoxBar/userchromeJS/tree/master/Colorful_Tabs
回到原帖

图片:QQ截图20150427160010.png


该UC脚本效果这样,还算可以了,但会出现第三个标签那样背景色太浅的情况。


==========================
我自己作了些微调,将整体颜色调浅,改成黑字(因为我界面都是浅色的,调深就很不搭),效果很满意

图片:QQ截图20150427170611.png

infinity
狐狸大王
狐狸大王
  • UID48261
  • 注册日期2014-12-18
  • 最后登录2019-10-20
  • 发帖数319
  • 经验316枚
  • 威望0点
  • 贡献值84点
  • 好评度30点
  • 社区居民
  • 忠实会员
3楼#
发布于:2015-04-27 21:30
hzhbest:该UC脚本效果这样,还算可以了,但会出现第三个标签那样背景色太浅的情况。


==========================
我自己作了些微调,将整体颜色调浅,改成黑字(因为我界面都是浅色的,调深就很不搭),效果很满意
回到原帖
这个效果确实更好看了!!楼主可否分享一下修改过的脚本?
hzhbest
千年狐狸
千年狐狸
  • UID22640
  • 注册日期2008-01-15
  • 最后登录2017-04-06
  • 发帖数1763
  • 经验476枚
  • 威望3点
  • 贡献值414点
  • 好评度89点
  • 社区居民
  • 忠实会员
4楼#
发布于:2015-04-28 10:10
hz.ColorfulTabs.uc.js.zip
我再修改了一下,用反白文字来强调当前标签页,如果不需要可以将文件中137、138和140行清空。
颜色会与上面截图的有点差异,主要是觉得原来的亮度调高了,容易使颜色偏白从而变得跟取样色(也就是favicon的平均色)有明显色彩差异,这是稍调暗了一点的,但亮度和色彩都比较平衡。
infinity
狐狸大王
狐狸大王
  • UID48261
  • 注册日期2014-12-18
  • 最后登录2019-10-20
  • 发帖数319
  • 经验316枚
  • 威望0点
  • 贡献值84点
  • 好评度30点
  • 社区居民
  • 忠实会员
5楼#
发布于:2015-04-28 13:16
hzhbest:我再修改了一下,用反白文字来强调当前标签页,如果不需要可以将文件中137、138和140行清空。
颜色会与上面截图的有点差异,主要是觉得原来的亮度调高了,容易使颜色偏白从而变得跟取样色(也就是favicon的平均色)有明显色彩差异,这是稍...
回到原帖
谢谢分享!!
游客

返回顶部