/* ==UserStyle== @name YouTube Music Light Theme @description A lighter theme for the YTM interface @namespace wozza365.youtubemusic @version 1.0.1 @author Wozza365 (https://github.com/Wozza365) @homepageURL https://github.com/Wozza365/youtubemusic-lighttheme/ @supportURL https://github.com/Wozza365/youtubemusic-lighttheme/issues @updateURL https://raw.githubusercontent.com/Wozza365/youtubemusic-lighttheme/main/YouTubeMusic-LightTheme.user.css @license unlicense ==/UserStyle== */ @-moz-document domain("music.youtube.com") { html::-webkit-scrollbar { background: #6b6b6b !important; } html::-webkit-scrollbar-track { background: white !important; } html::-webkit-scrollbar-thumb { background: #a0a0a0 !important; } html::-webkit-scrollbar-thumb:active { background: #6b6b6b !important; } ytmusic-responsive-list-item-renderer { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; } ytmusic-responsive-list-item-renderer:hover { transition: 0.1s; background: #eeeeee !important; } ytmusic-responsive-list-item-renderer:hover ytmusic-menu-renderer.menu paper-icon-button[role=button], ytmusic-responsive-list-item-renderer:hover #button.ytmusic-menu-renderer { opacity: 1; color: #212121; } ytmusic-responsive-list-item-renderer ytmusic-menu-renderer.menu paper-icon-button[role=button], ytmusic-responsive-list-item-renderer ytmusic-menu-renderer.menu #button.ytmusic-menu-renderer { opacity: 0.05; } ytmusic-responsive-list-item-renderer ytmusic-menu-renderer.menu ytmusic-like-button-renderer [aria-pressed=true] { color: #212121 !important; } ytmusic-list-item-renderer { border-bottom: 1px solid rgba(0, 0, 0, 0.06) !important; } ytmusic-list-item-renderer .ytmusic-list-item-renderer { color: #212121 !important; } ytmusic-list-item-renderer ytmusic-like-button-renderer [aria-pressed=true] { color: #212121 !important; } ytmusic-playlist-shelf-renderer { background: white; padding: 10px 20px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); border-radius: 5px; } ytmusic-detail-header-renderer { background: #f5f5f5 !important; } ytmusic-detail-header-renderer [aria-label="More actions"], ytmusic-detail-header-renderer paper-button[aria-label="Edit playlist"] yt-icon { opacity: 1; color: rgba(0, 0, 0, 0.87); } ytmusic-nav-bar { background: white !important; } ytmusic-nav-bar .left-content [aria-label=Home] { background: url(https://play-music.gstatic.com/fe/aa1d36d090084eb930e7980d07426111/play_music.svg); padding: 8px; border-radius: 5px; width: 170px; height: 48px; background-size: cover; background-position: center center; background-repeat: no-repeat; } ytmusic-nav-bar .left-content [aria-label=Home] picture { display: none !important; } iron-dropdown.ytmusic-popup-container ytd-multi-page-menu-renderer { background: white !important; } iron-dropdown.ytmusic-popup-container ytd-active-account-header-renderer { background: white !important; } tp-yt-paper-listbox { background: #eeeeee !important; } tp-yt-paper-listbox > *:hover { background: #d5d5d5 !important; } tp-yt-paper-listbox > *:hover a { background: #d5d5d5 !important; } ytmusic-menu-renderer { color: #212121 !important; } tp-yt-paper-icon-button { opacity: 0.8 !important; } ytmusic-tabs.stuck { background: #d5d5d5 !important; } ytmusic-menu-popup-renderer { box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37) !important; } ytmusic-menu-popup-renderer paper-listbox { background: white !important; } ytmusic-menu-popup-renderer paper-listbox ytmusic-menu-navigation-item-renderer:hover, ytmusic-menu-popup-renderer paper-listbox ytmusic-menu-service-item-renderer:hover, ytmusic-menu-popup-renderer paper-listbox ytmusic-toggle-menu-service-item-renderer:hover { background: #eeeeee !important; } ytmusic-mealbar-promo-renderer { background: white !important; box-shadow: 0 0px 20px 2px rgba(0, 0, 0, 0.37) !important; border-radius: 2px !important; } ytmusic-mealbar-promo-renderer h2 { color: black !important; } ytmusic-player-bar { background: white; } ytmusic-player-bar #left-controls .previous-button svg path, ytmusic-player-bar #left-controls .next-button svg path { fill: black !important; } ytmusic-player-bar #left-controls .play-pause-button { background: #ff5722; border-radius: 99px; } ytmusic-player-bar #left-controls .time-info { color: black; font-weight: 500; font-size: 14px; margin: 1px 16px 0 20px !important; } ytmusic-player-bar #right-controls #volume-slider { opacity: 0.9 !important; pointer-events: initial !important; } ytmusic-player-bar #right-controls #volume-slider #sliderContainer { margin: 0 5px !important; } ytmusic-player-bar #right-controls #volume-slider #primaryProgress { background: black !important; } ytmusic-player-bar #right-controls #volume-slider #sliderKnob .slider-knob-inner { background: black !important; } ytmusic-player-bar #right-controls paper-icon-button iron-icon { color: black !important; fill: black !important; } ytmusic-player-bar ytmusic-like-button-renderer paper-icon-button, ytmusic-player-bar ytmusic-menu-renderer paper-icon-button { color: black !important; fill: black !important; } ytmusic-player-page { background: #f5f5f5 !important; } ytmusic-player-page #player-page .ytmusic-player-page { background: #f5f5f5 !important; } ytmusic-player-page paper-tab { color: black !important; } .ytmusic-search-box { color: #212121 !important; background: #eeeeee !important; border: 0 !important; } .ytmusic-search-box[opened] { border: 0 !important; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37) !important; } .ytmusic-search-box[opened] .search-container .search-box { background: #eeeeee !important; } .ytmusic-search-box #input { caret-color: #5a5a5a !important; color: black; } .ytmusic-search-box #input::placeholder { color: #6b6b6b !important; } ytmusic-search-suggestions-section { border-top: 1px solid #ccc !important; } #suggestions, ytmusic-search-suggestion { background: #eeeeee !important; } #suggestions ytmusic-search-suggestion, ytmusic-search-suggestion ytmusic-search-suggestion { background: #eeeeee !important; } #suggestions ytmusic-search-suggestion:hover, ytmusic-search-suggestion ytmusic-search-suggestion:hover { background: #d5d5d5 !important; } ytmusic-data-bound-header-renderer { background: #f5f5f5 !important; } ytmusic-data-bound-header-renderer .ytmusic-data-bound-header-renderer { color: #212121 !important; } ytmusic-data-bound-header-renderer [aria-label="Add to library"] yt-icon { color: #212121 !important; } ytmusic-data-bound-header-renderer ytmusic-menu-renderer iron-icon { color: #212121 !important; } ytmusic-data-bound-section-renderer { background: white; padding: 10px 20px; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); border-radius: 5px; } ytmusic-list-item-renderer .ytmusic-play-button-renderer { color: #212121 !important; } ytmusic-immersive-header-renderer .title { color: #e0e0e0 !important; } ytmusic-immersive-header-renderer .description-container yt-formatted-string { color: #e0e0e0 !important; } ytmusic-subscribe-button-renderer { background: #ff4e45 !important; border-radius: 2px !important; } ytmusic-subscribe-button-renderer yt-formatted-string { color: white !important; } ytmusic-settings-page { background: white !important; } ytmusic-settings-page .top-bar { border-bottom: 1px solid #212121 !important; } ytmusic-settings-page .title-wrapper .dialog-title { color: #212121 !important; } ytmusic-settings-page paper-item[aria-selected=true] yt-formatted-string { color: white !important; } ytmusic-settings-page [alt=Dismiss] { color: #212121 !important; } ytmusic-settings-page .paper-input { color: #212121 !important; } tp-yt-iron-icon svg { fill: #212121 !important; } tp-yt-iron-icon svg path { stroke: #212121 !important; } body, html { background: #eeeeee !important; color: #212121 !important; --ytmusic-detail-header: $dark-text; --ytmusic-nav-bar: $dark-text; --yt-spec-text-primary: $dark-text; --yt-endpoint-visited-color: $dark-text; } yt-formatted-string, a { color: #212121 !important; } ytd-compact-link-renderer:hover { background: #eeeeee !important; } ytmusic-app-layout > [slot=nav-bar] { width: 100vw !important; } ytmusic-tab-renderer iron-label { color: #212121 !important; } ytmusic-navigation-button-renderer[button-style=STYLE_OUTLINE_BORDER] button.ytmusic-navigation-button-renderer { border: 1px solid #eeeeee !important; } ytmusic-item-section-tab-renderer[selected=true] yt-formatted-string { border-bottom: 2px solid #212121 !important; } } /*# sourceMappingURL=YouTubeMusic-LightTheme.user.css.map */