您需要先安装一个扩展,例如 篡改猴、Greasemonkey 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 暴力猴,之后才能安装此脚本。
您需要先安装一个扩展,例如 篡改猴 或 Userscripts ,之后才能安装此脚本。
您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey,才能安装此脚本。
您需要先安装用户脚本管理器扩展后才能安装此脚本。
highlights the controls of the youtube player to the preferred color on hover
- /* ==UserStyle==
- @name Youtube Controls Highlighting
- @namespace almaceleste
- @version 0.3.1
- @description highlights the controls of the youtube player to the preferred color on hover
- @author almaceleste (https://almaceleste.github.io)
- @license AGPL-3.0-or-later; http://www.gnu.org/licenses/agpl.txt
- @homepageURL https://greasyfork.org/en/scripts/402954-youtube-controls-highlighting
- @homepageURL https://openusercss.org/theme/5eb6c0fe8dace10c00d18d35
- @homepageURL https://userstyles.org/styles/182091
- @homepageURL https://github.com/almaceleste/userstyles
- @supportURL https://github.com/almaceleste/userstyles/issues
- @preprocessor uso
- @var select highlight-color 'highlight color' [
- 'black',
- 'darkgreen',
- 'deepskyblue*',
- 'gold',
- 'indigo',
- 'lime',
- 'magenta',
- 'navy',
- 'orangered',
- 'white'
- ]
- ==/UserStyle== */
- @-moz-document url-prefix("https://www.youtube.com/watch") {
- .ytp-time-display span:hover {
- text-shadow: 0 0 1px whitesmoke, 0 0 2px black !important;
- filter: drop-shadow(0 0 3px /*[[highlight-color]]*/) drop-shadow(0 0 5px /*[[highlight-color]]*/) !important
- }
- .ytp-volume-panel:hover,
- .ytp-chrome-controls a:hover svg,
- .ytp-chrome-controls button:hover svg {
- filter: drop-shadow(0 0 1px black) drop-shadow(0 0 2px /*[[highlight-color]]*/) drop-shadow(0 0 5px /*[[highlight-color]]*/) !important;
- }
- }