更改YouTube点赞颜色

huangapple go评论120阅读模式
英文:

Change YouTube Thumb Up Color

问题

如何在Chrome扩展中使用Devtools更改YouTube上点赞SVG的颜色?

由于某种原因,它不适用于此变量:

:root
    *
        --yt-spec-text-primary: #1cae23

这里是YouTube点赞按钮的HTML图片:

我希望它像不喜欢按钮一样以绿色轮廓显示,并且在动画后也填充为绿色。

就像这样:

编辑:

现在它在绿色和白色之间切换,持续1秒?

编辑(2):

还尝试关闭环境模式,但不影响点赞按钮。

英文:

How can I change the color of the thumbs up SVG on YouTube in Devtools [For Chrome Ext]?

For some reason, it doesn't go with this variable:
sass

:root
    *
        --yt-spec-text-primary: #1cae23

更改YouTube点赞颜色

Here a picture of the HTML of the YouTube Thumbs Up Button

更改YouTube点赞颜色

I want it to be outlined in Green like the dislike button, and also to be filled in with green after the animation.

Like this:
更改YouTube点赞颜色

EDIT:

Now it goes from Green for 1 second then back to white?

更改YouTube点赞颜色

更改YouTube点赞颜色

EDIT (2):

Also tried turning off Ambient mode, doesn't affect Like Button.

答案1

得分: 0

我们现在可以和平生活。

我找到了解决我的问题的答案。

SASS:

.yt-spec-button-shape-next__icon
    & > yt-icon
        & > yt-animated-icon
            filter: invert(43%) sepia(95%) saturate(702%) hue-rotate(81deg) brightness(97%) contrast(89%)

更改YouTube点赞颜色

英文:

We can now live in peace.

I've found the answer to my problem.

SASS:

.yt-spec-button-shape-next__icon
    & > yt-icon
        & > yt-animated-icon
            filter: invert(43%) sepia(95%) saturate(702%) hue-rotate(81deg) brightness(97%) contrast(89%)

更改YouTube点赞颜色

huangapple
  • 本文由 发表于 2023年6月22日 03:40:57
  • 转载请务必保留本文链接:https://go.coder-hub.com/76526617.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定