Skip to content

YouTube Music Light Mode Sans Logo by BlueYoshi1938

Screenshot of YouTube Music Light Mode Sans Logo

Details

AuthorBlueYoshi1938

LicenseNo License

Categorymusic.youtube.com

Created

Updated

Size21 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Turns YouTube Music White with YT Sans logo version

Notes

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name         YouTube Music Light Mode
@version      20230917.12.51
@namespace    userstyles.world/user/oterin
@description  Turns YouTube Music White
@author       oterin
@license      No License
==/UserStyle== */

/* ==UserStyle==
@name         YouTube Music Light Theme
@description  YouTube Music but white
@namespace    oterin.youtubemusic
@version      1.0.0
@author       Milan Oterin
@homepageURL  https://link.oterin.ch/personal-discord
@supportURL   https://link.oterin.ch/personal-discord
@license      unlicense
==/UserStyle== */

@-moz-document domain("music.youtube.com") {
ytmusic-logo {
    width:88px !important;
    content: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDEwMC42NTMgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDgwIDI0OyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KICA8c3R5bGUgdHlwZT0idGV4dC9jc3MiIGlkPSJzdHlsZTEiPgoJLnN0MHtmaWxsOiNGRjAwMDA7fQoJLnN0MXtmaWxsOiNGRjAwMDA7c3Ryb2tlOiNGRkZGRkY7c3Ryb2tlLXdpZHRoOjEuMjt9Cgkuc3Qye2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CiAgPGVsbGlwc2UgY2xhc3M9InN0MCIgY3g9IjEyLjIiIGN5PSIxMiIgcng9IjEyLjIiIHJ5PSIxMiIgaWQ9ImVsbGlwc2UxIi8+CiAgPGVsbGlwc2UgY2xhc3M9InN0MSIgY3g9IjEyLjIiIGN5PSIxMiIgcng9IjcuMyIgcnk9IjcuMiIgaWQ9ImVsbGlwc2UyIi8+CiAgPHBvbHlnb24gY2xhc3M9InN0MiIgcG9pbnRzPSI5LjcsMTUuNSAxNi4xLDEyIDkuNyw4LjUgIiBpZD0icG9seWdvbjIiLz4KICA8cGF0aCBkPSJtIDI5LjA2NTIsNC4zODAwMDAxIHYgLTEuMTE0MiBoIDAuMjQzIGwgMC4zMjQsMC42ODA0IDAuMzIyMiwtMC42ODA0IGggMC4yNDMgdiAxLjExNDIgaCAtMC4yNTAyIHYgLTAuNTY1MiBsIC0wLjIzNzYsMC41MjkyIEggMjkuNTUzIGwgLTAuMjM3NiwtMC41MjkyIHYgMC41NjUyIHogbSAxLjMxMDQwMiwtMC45IGggMC4yNDMgdiAwLjUyMiBxIDAsMC4wOSAwLjAzMDYsMC4xMzE0IDAuMDMyNCwwLjAzOTYgMC4xMDI2LDAuMDM5NiAwLjA2ODQsMCAwLjA5OSwtMC4wMzk2IDAuMDMyNCwtMC4wNDE0IDAuMDMyNCwtMC4xMzE0IHYgLTAuNTIyIGggMC4yNDMgdiAwLjUyMiBxIDAsMC4xOTI2IC0wLjA5NTQsMC4yOTM0IC0wLjA5NTQsMC4xMDA4IC0wLjI4MDgsMC4xMDA4IC0wLjE4MzYsMCAtMC4yNzksLTAuMTAwOCAtMC4wOTU0LC0wLjEwMDggLTAuMDk1NCwtMC4yOTM0IHogbSAwLjg2NTgwMSwwLjgwMSAwLjA4NjQsLTAuMTkyNiBxIDAuMDcwMiwwLjA1NCAwLjEyMDYsMC4wNzM4IDAuMDUwNCwwLjAxOCAwLjExODgsMC4wMTggMC4xMTUyLDAgMC4xMTUyLC0wLjA2NjYgMCwtMC4wMjcgLTAuMDI4OCwtMC4wNDY4IC0wLjAyODgsLTAuMDE5OCAtMC4xMDI2LC0wLjA0NSAtMC4xMjQyLC0wLjA0MzIgLTAuMTc4MiwtMC4wODQ2IC0wLjA5NTQsLTAuMDcwMiAtMC4wOTU0LC0wLjE5NjIgMCwtMC4xMjYgMC4wOSwtMC4yMDE2IDAuMDksLTAuMDc1NiAwLjIzOTQsLTAuMDc1NiAwLjE2OTIsMCAwLjI4OTgsMC4wOSBsIC0wLjA4NjQsMC4xOTQ0IHEgLTAuMDk5LC0wLjA2NjYgLTAuMTk5OCwtMC4wNjY2IC0wLjA5LDAgLTAuMDksMC4wNTc2IDAsMC4wMjM0IDAuMDIzNCwwLjAzOTYgMC4wMjM0LDAuMDE0NCAwLjA5NTQsMC4wMzc4IDAuMTU4NCwwLjA1MDQgMC4yMjMyLDAuMTE4OCAwLjA2NjYsMC4wNjY2IDAuMDY2NiwwLjE3NDYgMCwwLjEzMzIgLTAuMDk1NCwwLjIxMDYgLTAuMDkzNiwwLjA3NTYgLTAuMjU3NCwwLjA3NTYgLTAuMTk5OCwwIC0wLjMzNDgsLTAuMTE1MiB6IG0gMS4xNTczOTcsMC4xMDYyIGggLTAuMDcwMiBxIC0wLjEzODYsMCAtMC4yMDE2LC0wLjA2NDggLTAuMDYxMiwtMC4wNjQ4IC0wLjA2MTIsLTAuMjEyNCB2IC0wLjYzIGggMC4yNDMgdiAwLjYxMzggcSAwLjAwMTgsMC4wMzc4IDAuMDA3MiwwLjA1MDQgMC4wMDcyLDAuMDEyNiAwLjAyODgsMC4wMTI2IGggMC4wNTQgeiBtIC0wLjIxMDYsLTEuMjgxNiBxIDAuMDU5NCwwIDAuMDk5LDAuMDQxNCAwLjA0MTQsMC4wMzk2IDAuMDQxNCwwLjA5OSAwLDAuMDYxMiAtMC4wNDE0LDAuMTAyNiAtMC4wMzk2LDAuMDM5NiAtMC4xMDA4LDAuMDM5NiAtMC4wNjEyLDAgLTAuMTAwOCwtMC4wMzk2IC0wLjAzOTYsLTAuMDM5NiAtMC4wMzk2LC0wLjEwMDggMCwtMC4wNjEyIDAuMDM5NiwtMC4xMDA4IDAuMDQxNCwtMC4wNDE0IDAuMTAyNiwtMC4wNDE0IHogbSAxLjA1Mjk5OSwwLjQ4MDYgLTAuMTA5OCwwLjE3ODIgcSAtMC4xMTM0LC0wLjA3OTIgLTAuMjA4OCwtMC4wNzkyIC0wLjA4NjQsMCAtMC4xMzY4LDAuMDY2NiAtMC4wNDg2LDAuMDY0OCAtMC4wNDg2LDAuMTggMCwwLjExNyAwLjA0ODYsMC4xOCAwLjA1MDQsMC4wNjMgMC4xNDQsMC4wNjMgMC4wNTk0LDAgMC4xMDYyLC0wLjAxOCAwLjA0NjgsLTAuMDE4IDAuMTExNiwtMC4wNjY2IGwgMC4xMDk4LDAuMTc4MiBxIC0wLjA4NDYsMC4wNzIgLTAuMTYwMiwwLjEwMDggLTAuMDc1NiwwLjAyNyAtMC4xODM2LDAuMDI3IC0wLjE5OCwwIC0wLjMxMTQsLTAuMTIyNCAtMC4xMTE2LC0wLjEyMjQgLTAuMTExNiwtMC4zNDAyIDAsLTAuMjE2IDAuMTEzNCwtMC4zNDIgMC4xMTUyLC0wLjEyNzggMC4zMDk2LC0wLjEyNzggMC4wOTksMCAwLjE3MSwwLjAyNyAwLjA3MzgsMC4wMjcgMC4xNTY2LDAuMDk1NCB6IiBpZD0idGV4dDMiIHN0eWxlPSJmb250LXdlaWdodDogNzAwOyBmb250LXNpemU6IDEuOHB4OyBmb250LWZhbWlseTogJ1lvdVR1YmUgU2Fucyc7IHdoaXRlLXNwYWNlOiBwcmU7IiB0cmFuc2Zvcm09Im1hdHJpeCgxNy4wNTgwODMsIDAsIDAsIDE3LjA1ODA4MywgLTQ2Ny4wMDExMjksIC01My4wMjg0NzMpIiBhcmlhLWxhYmVsPSJNdXNpY+KAiyIvPgo8L3N2Zz4=');
  }

  html {
    --ytmusic-background: #f4f4f4;
    --ytmusic-text-primary: #121212;
    --ytmusic-overlay-text-primary: #121212;
    --ytmusic-overlay-text-secondary: rgba(0, 0, 0, 0.65);
    --ytmusic-brand-background-solid: #f4f4f4;
    --ytmusic-nav-bar: #f4f4f4;
    --ytmusic-divider: rgba(0, 0, 0, 0.1);
    --ytmusic-menu-item-hover-background-color: #dcdcdc;
  }

  .yt-spec-button-shape-next--call-to-action.yt-spec-button-shape-next--filled {
    color: #fff;
  }

  #iron-label-1 {
    color: #000;
  }

  #items > ytmusic-navigation-button-renderer > button > yt-formatted-string {
    color: #fff;
  }

  #header > ytmusic-header-renderer > h2 > yt-formatted-string {
    color: #000;
  }

  html,
  [dark][dark] {
    --yt-spec-badge-chip-background: rgba(0, 0, 0, 0.1);
    --yt-spec-text-primary: #f4f4f4;
    --yt-spec-touch-response: #121212;
    --yt-spec-mono-tonal-hover: rgba(0,0,0,0.2);
    --yt-spec-mono-filled-hover: rgba(0,0,0,0.75);
    --yt-spec-brand-background-primary: #f4f4f4;
    --yt-spec-button-chip-background-hover: rgba(0, 0, 0, 0.25);
    --yt-spec-outline: rgba(0,0,0,0.2);
    --yt-spec-general-background-a: #ffffff;
  }

  html:not(.style-scope) {
    --paper-dialog-background-color: #f4f4f4;
  }

  ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_LARGE_TRANSLUCENT_AND_SELECTED_WHITE] a.ytmusic-chip-cloud-chip-renderer:hover, ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_UNKNOWN] a.ytmusic-chip-cloud-chip-renderer:hover, ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_DEFAULT] a.ytmusic-chip-cloud-chip-renderer:hover {
    background-color: rgba(0,0,0,0.15)
  }

  #hover-time-info.ytmusic-player-bar {
    color: #aaa;  
  }

  #scrollable > yt-formatted-string > span:nth-child(2) {
    color: #121212;  
  }

  ytmusic-guide-entry-renderer:not([is-primary]) .title.ytmusic-guide-entry-renderer,
  ytmusic-guide-entry-renderer,
  .title.ytmusic-guide-entry-renderer {
    color: #121212;
  }

  #subtitle-badges > ytmusic-inline-badge-renderer > yt-icon {
    color: var(--ytmusic-overlay-text-secondary);
  }

  #undercards > ytmusic-message-renderer > yt-formatted-string {
    color: #000;
  }

  yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string, #corrected-link > span {
      color: #000;
}

  .yt-spec-button-shape-next--mono.yt-spec-button-shape-next--outline:hover, ytmusic-item-thumbnail-overlay-renderer:not([play-button-has-background_]):not([play-button-state=default]) #background.ytmusic-item-thumbnail-overlay-renderer, ytmusic-item-thumbnail-overlay-renderer[indexed] #background.ytmusic-item-thumbnail-overlay-renderer {
    border-color: rgba(0,0,0,0.5);
  }

  #input-9 > input, .title.ytmusic-responsive-list-item-renderer {
    color: #121212;  
  }

  .dropdown-content.ytmusic-dropdown-renderer {
    --paper-listbox-background-color: #f4f4f4;  
  }

  .label.ytmusic-dropdown-item-renderer {
    color: #121212;    
  }

  #divider.ytmusic-guide-section-renderer {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
  }



  #primary-renderer > ytmusic-player-queue-item > div.song-info.style-scope.ytmusic-player-queue-item > yt-formatted-string {
    color: #121212;
  }

  #header > ytmusic-editable-playlist-detail-header-renderer > ytmusic-detail-header-renderer > div > div.metadata.style-scope.ytmusic-detail-header-renderer > h2 > yt-formatted-string {
    color: #121212;
  }

  #contents > ytmusic-player-queue-item > div.song-info.style-scope.ytmusic-player-queue-item > yt-formatted-string {
    color: #121212;
  }

  ytmusic-av-toggle[toggle-disabled] .song-button.ytmusic-av-toggle {
    color: rgba(0, 0, 0, 0.3);
  }

  .subtitle.ytmusic-queue-header-renderer {
    color: #121212;
  }

  ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_PRIMARY] a.ytmusic-chip-cloud-chip-renderer,
  ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_SECONDARY] a.ytmusic-chip-cloud-chip-renderer,
  ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_UNKNOWN][is-selected] a.ytmusic-chip-cloud-chip-renderer {
    color: #f4f4f4;
    --yt-endpoint-hover-color: #121212;
    background: #121212;
  }

  ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_UNKNOWN] a.ytmusic-chip-cloud-chip-renderer,
  ytmusic-chip-cloud-chip-renderer[enable-bauhaus-style][chip-style=STYLE_DEFAULT] a.ytmusic-chip-cloud-chip-renderer {
    background: rgba(0, 0, 0, 0.1);
    --yt-endpoint-hover-color: rgba(0, 0, 0, 0.1);
  }

  #contents > ytmusic-description-shelf-renderer > yt-formatted-string.non-expandable.description.style-scope.ytmusic-description-shelf-renderer {
      color: #121212;
  }


  .description.ytmusic-description-shelf-renderer {
    color: #121212;
  }

  #description {
    color: #121212;
  }



  .subtitle.ytmusic-card-shelf-renderer,
  #columnar-layout-badges > ytmusic-inline-badge-renderer > yt-icon {
    color: var(--ytmusic-overlay-text-secondary);
  }

  tp-yt-paper-icon-button.ytmusic-carousel-shelf-renderer {
    border: solid 1px rgba(0, 0, 0, 0.2)
  }

  #content > ytmusic-multi-select-menu-bar > div.text.style-scope.ytmusic-multi-select-menu-bar > yt-formatted-string {
    color: #121212;
  }

  #contents.ytmusic-playlist-shelf-renderer > *.ytmusic-playlist-shelf-renderer:not(:last-child) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1)
  }

  #contents > ytmusic-card-shelf-renderer > div > div.card-content-container.style-scope.ytmusic-card-shelf-renderer > div.main-ca...

Reviews

No reviews yet.