您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
Small CSS tweaks to youtube with color theme settings
当前为
- // ==UserScript==
- // @name Youtube plus
- // @description Small CSS tweaks to youtube with color theme settings
- // @include *://*.youtube.com*
- // @grant GM_addStyle
- // @grant GM_getValue
- // @grant GM_setValue
- // @run-at document-load
- // @version 1.1
- // @namespace https://greasyfork.org/users/3167
- // ==/UserScript==
- var defaultcolor = "hsla(3, 60%, 47%, 1)";
- var customcolor = GM_getValue("yt-custom-color", defaultcolor);
- GM_setValue('yt-custom-color', customcolor);
- GM_addStyle ( "body {\
- /* --yt-custom-color: " + customcolor + "; */\
- }");
- GM_addStyle ( "#player-ads { display: none; }\
- body, ytd-app {\
- --yt-brand-paper-button-color: var(--yt-custom-color) !important;\
- --yt-brand-color: var(--yt-custom-color) !important;\
- }\
- paper-button.ytd-subscribe-button-renderer {\
- background: var(--yt-custom-color);\
- }\
- a.yt-simple-endpoint.yt-formatted-string {\
- color: var(--yt-custom-color);\
- }\
- #progress.ytd-thumbnail-overlay-resume-playback-renderer, .ytp-red2 .ytp-swatch-background-color, .ytp-red2 .ytp-swatch-background-color-secondary, .ytp-play-progress.ytp-swatch-background-color, .ytp-swatch-background-color-secondary {\
- background-color: var(--yt-custom-color);\
- }\
- path#lozenge-path, #logo path.style-scope.yt-icon {\
- fill: var(--yt-custom-color);\
- }\
- div#top div#player {\
- max-height: calc(100vh - var(--ytd-masthead-height, 56px));\
- }");
- unsafeWindow.setcustomcolor = function (colorinput) {
- customcolor = colorinput;
- document.body.style = "--yt-custom-color: " + customcolor + ";";
- GM_setValue('yt-custom-color', customcolor);
- console.log("Changed color theme to : " + customcolor);
- }
- var customcolorpicker = document.createElement('input');
- customcolorpicker.type = "color";
- customcolorpicker.onchange = "setcustomcolor(this.value);";
- customcolorpicker.style = "display: none;";
- customcolorpicker.addEventListener("change", function() {
- unsafeWindow.setcustomcolor(this.value);
- });
- unsafeWindow.pickcustomcolor = function () {
- customcolorpicker.click();
- }
- unsafeWindow.resetcustomcolor = function () {
- unsafeWindow.setcustomcolor(defaultcolor);
- }
- unsafeWindow.setcustomcolor(customcolor);
- console.log("Youtube++ loaded!");