A red version of youtube music.
Pr0jectR3d-Music V 0.1 by nick1600
Details
Authornick1600
LicenseNo License
Categorymusic.youtube.com
Created
Updated
Size20 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is just for myself if you wanna not let it go ahead, but no promises it will still work. it might get updated in the future.
Source code
Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link./* ==UserStyle==
@name Pr0jectR3d-V 0.1
@namespace https://github.com/nick123456789025/Pr0jectR3d
@version 0.1
@description A red version of youtube music.
@author Nick1600
==/UserStyle== */
@-moz-document domain("music.youtube.com") {
/* Insert code here... */
:root {
--sb-main-font-family: "Source Sans Pro", sans-serif;
--sb-main-bg-color: #222;
--sb-main-fg-color: #fff;
--sb-grey-bg-color: #333;
--sb-grey-fg-color: #999;
--sb-red-bg-color: #cc1717;
}
html[dark][dark] {
--paper-toggle-button-checked-bar-color: #ff0000;
--paper-toggle-button-checked-bar-opacity: 0.3;
--paper-toggle-button-checked-button-color: #ff0000;
--paper-toggle-button-checked-ink-color: #f00;
}
html {
--ytmusic-color-white1: #f00;
--ytmusic-color-grey2: #aaa;
--ytmusic-color-grey3: #909090;
--ytmusic-color-grey4: #717171;
--ytmusic-color-grey5: #606060;
--ytmusic-color-black1: #212121;
--ytmusic-color-black2: #181818;
--ytmusic-color-black4: #030303;
--ytmusic-color-blackpure: #000;
--ytmusic-color-lightred: #ff4e45;
--ytmusic-color-youtubered: #f00;
--ytmusic-color-mediumred: #c00;
--ytmusic-color-lightblue: #3ea6ff;
--ytmusic-color-yellow: #fbc02d;
--ytmusic-color-lightgreen: #2ba640;
--ytmusic-color-lightteal: #00aaa7;
--ytmusic-color-white1-alpha10: rgba(255, 255, 255, 0.1);
--ytmusic-color-white1-alpha15: rgba(255, 255, 255, 0.15);
--ytmusic-color-white1-alpha20: rgba(255, 255, 255, 0.2);
--ytmusic-color-white1-alpha30: rgba(255, 255, 255, 0.3);
--ytmusic-color-white1-alpha50: rgba(255, 255, 255, 0.5);
--ytmusic-color-white1-alpha70: rgb(255 0 0 / 70%);
--ytmusic-color-blackpure-alpha0: rgba(0, 0, 0, 0);
--ytmusic-color-blackpure-alpha10: rgba(0, 0, 0, 0.1);
--ytmusic-color-blackpure-alpha60: rgba(0, 0, 0, 0.6);
--ytmusic-color-blackpure-alpha65: rgba(0, 0, 0, 0.65);
--ytmusic-color-mediumred-alpha90: rgba(204, 0, 0, 0.9);
--ytmusic-opalescence-dark-grey: #333;
--ytmusic-color-white-opacity-0-05: rgba(255, 255, 255, 0.05);
--ytmusic-color-white-opacity-0-5: rgba(255, 255, 255, 0.5);
--ytmusic-color-black-opacity-0-4: rgba(0, 0, 0, 0.4);
--ytmusic-color-blue-1: #065fd4;
--ytmusic-color-green-1: #3a923f;
--ytmusic-color-grey-4: #ccc;
--ytmusic-white-5: #4e4e4e;
--yt-endpoint-color: rgb(164, 0, 0);
--yt-endpoint-hover-color: #ff0c00;
--yt-endpoint-visited-color: #c80900d9;
--ytmusic-search-background: black;
}
::selection {
background-color: #f00 !important;
color: #fff !important;
}
ytmusic-pivot-bar-item-renderer:hover {
color: #f00;
}
ytmusic-pivot-bar-item-renderer {
color: rgb(255 0 0 / 50%);
}
ytmusic-pivot-bar-item-renderer:hover,
ytmusic-pivot-bar-item-renderer.iron-selected {
color: #f00;
}
.song-title.ytmusic-player-queue-item {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-responsive-font-size);
line-height: var(--ytmusic-title-line-height);
font-weight: 500;
color: #f00;
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
}
tp-yt-iron-icon {
fill: #f00;
}
input.ytmusic-search-box,
#placeholder.ytmusic-search-box {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: 20px;
line-height: var(--ytmusic-title-line-height);
font-weight: 500;
color: #f00;
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
}
tp-yt-paper-tab.iron-selected.ytmusic-player-page {
color: #f00;
}
.duration.ytmusic-player-queue-item,
.byline.ytmusic-player-queue-item {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-responsive-font-size);
line-height: var(--ytmusic-title-line-height);
font-weight: 400;
color: #f00;
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
}
.content-info-wrapper.ytmusic-player-bar .title.ytmusic-player-bar {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-responsive-font-size);
line-height: var(--ytmusic-title-line-height);
font-weight: 500;
color: #f00;
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
}
.time-info.ytmusic-player-bar {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-caption-1-font-size);
line-height: var(--ytmusic-title-line-height);
font-weight: 400;
color: #f00;
margin: 0 16px 0 8px;
white-space: nowrap;
}
a.yt-formatted-string {
color: #b50000;
}
ytmusic-player-bar {
background-color: #000000;
}
ytmusic-mealbar-promo-renderer {
display: inline-block;
bottom: var(--ytmusic-player-bar-height);
position: absolute;
min-width: 320px;
padding: 24px;
background: #000000;
border-radius: 17px;
border: 1px solid rgb(255, 0, 0);
}
.icon.ytmusic-play-button-renderer {
width: var(--ytmusic-play-button-icon-size);
height: var(--ytmusic-play-button-icon-size);
color: rgb(255 0 0)!important;
}
ytmusic-search-box[has-query] input.ytmusic-search-box,
ytmusic-search-box[opened] input.ytmusic-search-box {
color: #f00;
background-color: #f000
}
.title.ytmusic-responsive-list-item-renderer {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-responsive-font-size);
line-height: var(--ytmusic-title-line-height);
font-weight: 500;
color: rgb(255, 0, 0);
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
}
.title.ytmusic-two-row-item-renderer {
display: inline;
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-responsive-font-size);
line-height: var(--ytmusic-title-line-height);
font-weight: 500;
color: #f00;
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
}
ytmusic-player-expanding-menu {
display: flex;
justify-content: center;
align-items: center;
padding: 0 8px;
opacity: 0;
background-color: #000000;
border: 1px solid red;
border-radius: 10px;
transition: opacity 0.2s ease, background-color 300ms cubic-bezier(0.2, 0, 0.6, 1);
}
.volume-slider.ytmusic-player-bar,
.expand-volume-slider.ytmusic-player-bar {
width: 100px;
--paper-slider-container-color: #262626;
--paper-slider-active-color: #f00;
--paper-slider-knob-color: #f00;
--paper-slider-disabled-knob-color: #fff;
--paper-slider-knob-start-color: #fff;
--paper-slider-knob-start-border-color: #fff;
}
.text.ytmusic-toggle-menu-service-item-renderer {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: 14px;
line-height: var(--ytmusic-body-line-height);
font-weight: 400;
color: #f00;
margin: 0 8px;
}
.text.ytmusic-menu-navigation-item-renderer {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: 14px;
line-height: var(--ytmusic-body-line-height);
font-weight: 400;
color: #f00;
margin: 0 8px;
}
.text.ytmusic-menu-service-item-renderer {
font-family: Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: 14px;
line-height: var(--ytmusic-body-line-height);
font-weight: 400;
color: #f00;
margin: 0 8px;
}
.title.ytmusic-detail-header-renderer {
font-family: YouTube Sans, Roboto, Noto Naskh Arabic UI, Arial, sans-serif;
font-size: var(--ytmusic-display-1-font-size);
font-weight: 700;
line-height: var(--ytmusic-title-line-height);
color: #f00;
letter-spacing: var(--ytmusic-title-letter-spacing);
--yt-endpoint-color: var(--yt-endpoint-color);
--yt-endpoint-hover-color: var(--yt-endpoint-hover-color);
--yt-endpoint-visited-color: var(--yt-endpoint-visited-color);
display: block;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: normal;
max-height: calc(2 * var(--ytmusic-display-1-font-size) * var(--ytmusic-title-line-height));
max-width: 720px;
margin: 0 0 16px;
--yt-endpoint-text-decoration: underline;
}
tp-yt-paper-listbox.ytmusic-menu-popup-renderer {
width: 240px;
padding: 16px 0;
border: 1px solid rgb(255 0 0);
border-radius: 15px;
--paper-listbox-background-color: #000000;
}
.icon.ytmusic-menu-navigation-item-renderer {
flex: none;
margin: 8px;
fill: #f00;
}
.icon.ytmusic-menu-service-item-renderer {
flex: none;
margin: 8px;
fill: #f00;
}
.icon.ytmusic-toggle-menu-service-item-renderer {
flex: none;
margin: 8px;
fill: #f00;
}
.menu.ytmusic-player-bar {
--iron-icon-fill-color: #ff0000;
}
tp-yt-paper-toggle-button[checked]:not([disabled]) .toggle-button.tp-yt-paper-toggle-button {
background-color: var(--paper-toggle-button-checked-button-color, var(--primary-color));
}
.toggle-button.tp-yt-paper-toggle-button {
position: absolute;
top: -3px;
left: 0;
right: auto;
height: 20px;
width: 20px;
border-radius: 50%;
box-shadow: 0 1px 5px 0 rgb(0 0 0 / 60%);
transition: -webkit-transform linear var(--transition-duration), background-color linear var(--transition-duration);
transition: transform linear var(--transition-duration), background-color linear var(--transition-duration);
will-change: transform;
background-color: #830000;
}
tp-yt-paper-tab.ytmusic-player-page {
--paper-tab-ink: #f00;
color: rgb(203 0 0 / 70%);
}
tp-yt-paper-tabs.ytmusic-player-page {
--paper-tabs-selection-bar-color: #f00;
border-bottom: 1px ...