diff --git "a/Dark Themes/Catppuccin/Frapp\303\251.css" "b/Dark Themes/Catppuccin/Frapp\303\251.css" new file mode 100644 index 0000000..944d708 --- /dev/null +++ "b/Dark Themes/Catppuccin/Frapp\303\251.css" @@ -0,0 +1,288 @@ +html:not(.style-scope) +{ +/*===================Catppuccin Frappé==============================*/ +--cust-ytmusic-play-nav-color: #292c3c; +--cust-ytmusic-dark-background: #232634; +--cust-ytmusic-dark-foreground: #303446; +--cust-ytmusic-light-text-1: #c6d0f5; +--cust-ytmusic-light-2: #b5bfe2; +--cust-ytmusic-light-3: #a5adce; +--cust-ytmusic-light-4: #949cbb; +--cust-ytmusic-light-5: #babbf1; +--cust-ytmusic-medium-1: #838ba7; +--cust-ytmusic-medium-2: #a5adce; +--cust-ytmusic-medium-3: #8caaee; +--cust-ytmusic-medium-4: #737994; +--cust-ytmusic-medium-5: #51576d; +--cust-ytmusic-subscribe-color: #e78284; +--cust-ytmusic-nowplaying-color: #ca9ee6; +--cust-ytmusic-playbutton-color: #8caaee; +--cust-ytmusic-tertiary-nav-button-color: #81c8be; +--cust-ytmusic-main-text-1: #c6d0f5; +--cust-ytmusic-header-text-1: #f4b8e4; +--cust-ytmusic-header-text-2: #ca9ee6; +/*===================end of custom variables==============================*/ +--idk-yet: inherit !important; +--ytmusic-color-black1: var(--cust-ytmusic-dark-foreground) !important; +--ytmusic-color-black4: var(--cust-ytmusic-dark-background) !important; +--ytmusic-color-blackpure: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha0: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha10: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha60: var(--idk-yet) !important; +--ytmusic-color-grey1: var(--cust-ytmusic-light-3) !important; +--ytmusic-color-grey2: var(--cust-ytmusic-light-2) !important; +--ytmusic-color-grey3: var(--cust-ytmusic-medium-4) !important; +--ytmusic-color-grey4: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-grey5: var(--cust-ytmusic-medium-2) !important; +--ytmusic-color-white1: var(--cust-ytmusic-light-text-1) !important; +--ytmusic-color-white1-alpha10: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha15: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha20: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha30: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha50: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha70: var(--cust-ytmusic-medium-1) !important; +--ytmusic-static-brand-red: var(--cust-ytmusic-light-text-1) !important; +--yt-spec-themed-blue: var(--cust-ytmusic-light-5) !important; +--yt-spec-dark-blue: var(--cust-ytmusic-medium-5) !important; +--yt-spec-text-secondary: var(--cust-ytmusic-medium-5) !important; +--ytmusic-setting-item-toggle-active: var(--cust-ytmusic-light-2) !important; +--ytmusic-brand-link-text: var(--idk-yet) !important; +--ytmusic-overlay-background-brand: var(--idk-yet) !important; +--ytmusic-focus-active: var(--idk-yet) !important; +--ytmusic-detail-header: var(--idk-yet) !important; +--ytmusic-dialog-background-color: var(--cust-ytmusic-dark-background) !important; +--yt-spec-brand-link-text: var(--cust-ytmusic-medium-5) !important; +--ytmusic-caption-1_-_color: var(--cust-ytmusic-medium-3) !important; +--ytmusic-scrollbar-width: var(--cust-ytmusic-scroll-width)!important; +--ytd-scrollbar-width: var(--cust-ytmusic-scroll-width)!important; +--ytd-scrollbar-scrubber_-_background: var(--cust-ytmusic-dark-background); +} +i.material-icons +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +} +i.material-icons:hover +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +} +body +{ +background: var(--cust-ytmusic-dark-background) !important +} +ytmusic-nav-bar +{ +background: var(--cust-ytmusic-play-nav-color) !important +} +.yt-simple-endpoint[aria-label="Home"] +{ +visibility:hidden !important +} +ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected +{ +color: var(--cust-ytmusic-light-5) !important +} +ytmusic-pivot-bar-item-renderer +{ +color: var(--cust-ytmusic-light-4) !important +} +ytmusic-search-box +{ +color: var(--cust-ytmusic-light-4) !important +} +a.ytmusic-content-update-chip +{ +color: var(--ytmusic-color-black4) !important; +background-color: var(--ytmusic-color-grey2) !important +} +ytmusic-detail-header-renderer +{ +background-color: var(--ytmusic-color-black4) !important +} +.title.ytmusic-detail-header-renderer +{ +color: var(--cust-ytmusic-light-text-1) !important +} +ytmusic-player-page +{ +background-color: var(--ytmusic-color-black4) !important +} +ytmusic-data-bound-header-renderer +{ +background-color: var(--cust-ytmusic-play-nav-color) !important +} +ytmusic-list-item-renderer +{ +background-color: var(--ytmusic-color-black1) !important +} +ytmusic-responsive-list-item-renderer +{ +background-color: var(--ytmusic-cust-dark-background) !important +} +ytmusic-player-queue-item +{ +background-color: var(--ytmusic-cust-dark-background) !important +} +paper-tab.iron-selected.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +tp-yt-paper-tab.iron-selected.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +tp-yt-paper-tab.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +paper-tabs.ytmusic-player-page +{ +--paper-tabs-selection-bar-color: var(--cust-ytmusic-medium-3) !important +} +#selectionBar.tp-yt-paper-tabs +{ +border-bottom: 2px solid var(--cust-ytmusic-medium-3) !important; +} +yt-formatted-string.byline.style-scope.ytmusic-player-queue-item +{ +color: var(--cust-ytmusic-medium-1) !important +} +yt-formatted-string.duration.style-scope.ytmusic-player-queue-item +{ +color: var(--cust-ytmusic-light-4) !important +} +ytmusic-player-bar +{ +background: var(--cust-ytmusic-play-nav-color) !important +} +#progress-bar.ytmusic-player-bar +{ +--paper-slider-active-color: var(--ytmusic-color-white1) !important +} +#progress-bar.ytmusic-player-bar[focused], ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar +{ +--paper-slider-knob-color: var(--ytmusic-color-white1) !important; +--paper-slider-knob-start-color: var(--ytmusic-color-white1) !important; +--paper-slider-knob-start-border-color: var(--ytmusic-color-white1) !important +} +paper-slider#volume-slider +{ +--paper-slider-container-color: var(--cust-ytmusic-light-4) !important; +--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar +{ +--paper-slider-container-color: var(--cust-ytmusic-light-4) !important; +--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +paper-icon-button#play-pause-button +{ +--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important +} +tp-yt-iron-icon#icon +{ +--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important +} +.left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar +{ +--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.menu.ytmusic-player-bar +{ +--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar +{ +--paper-icon-button_-_color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.style-scope.yt-icon-button[aria-label="Add to playlist"] +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) +} +.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer +{ +color: var(--ytmusic-color-white1) !important +} +div.content-wrapper.style-scope.ytmusic-play-button-renderer +{ +background: var(--cust-ytmusic-nowplaying-color) !important +} +ytmusic-subscribe-button-renderer +{ +--ytmusic-subscribe-button-color: var(--cust-ytmusic-subscribe-color) !important +} +yt-button-renderer[is-paper-button] +{ +background-color: var(--ytmusic-color-white1-alpha70) !important +} +paper-icon-button +{ +--paper-icon-button_-_color: var(--ytmusic-color-white1) !important +} +ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) +{ +--yt-button-color: var(--ytmusic-color-white1) !important; +border: 1px solid var(--ytmusic-color-white1) !important; +border-radius: 5px !important +} +yt-button-renderer.watch-button.ytmusic-menu-renderer +{ +color: var(--ytmusic-color-white1) !important; +background-color: var(--ytmusic-color-white1-alpha70) !important +} +#top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer +{ +--yt-button-color: var(--ytmusic-color-white1) !important +} +yt-icon.ytmusic-inline-badge-renderer +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer +{ +color: var(--cust-ytmusic-header-text-1) !important +} +.title.ytmusic-header-renderer +{ +color: var(--cust-ytmusic-header-text-2) !important +} +yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer +{ +color: var(--cust-ytmusic-light-4) !important +} +yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string +{ +color: var(--cust-ytmusic-main-text-1) !important +} +yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover +{ +color: var(--cust-ytmusic-light-2) !important +} +.previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel +{ +background-color: var(--ytmusic-color-white1-alpha70) !important; +color: var(--ytmusic-color-black1) !important +} +.content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer +{ +background: var(--ytmusic-color-white1-alpha70) !important; +--ytmusic-play-button-icon-color: var(--ytmusic-color-black1) !important; +--paper-spinner-color: var(--yt-spec-themed-blue) !important +} +paper-icon-button.ytmusic-like-button-renderer +{ +color: var(--cust-ytmusic-medium-3) !important +} +.category-menu-item.iron-selected.ytmusic-settings-page +{ +background-color: var(--cust-ytmusic-medium-1) !important +} +.dropdown-content +{ +background-color: var(--cust-ytmusic-dark-foreground) !important +} +div.background-gradient.style-scope.ytmusic-browse-response +{ +background-image: linear-gradient(to bottom, var(--cust-ytmusic-dark-background), var(--cust-ytmusic-dark-background)) !important; +} diff --git a/Dark Themes/Catppuccin/Macchiato.css b/Dark Themes/Catppuccin/Macchiato.css new file mode 100644 index 0000000..d2df716 --- /dev/null +++ b/Dark Themes/Catppuccin/Macchiato.css @@ -0,0 +1,288 @@ +html:not(.style-scope) +{ +/*===================Catppuccin Macchiato==============================*/ +--cust-ytmusic-play-nav-color: #1e2030; +--cust-ytmusic-dark-background: #181926; +--cust-ytmusic-dark-foreground: #24273a; +--cust-ytmusic-light-text-1: #cad3f5; +--cust-ytmusic-light-2: #b8c0e0; +--cust-ytmusic-light-3: #a5adcb; +--cust-ytmusic-light-4: #939ab7; +--cust-ytmusic-light-5: #b7bdf8; +--cust-ytmusic-medium-1: #8087a2; +--cust-ytmusic-medium-2: #a5adcb; +--cust-ytmusic-medium-3: #8aadf4; +--cust-ytmusic-medium-4: #6e738d; +--cust-ytmusic-medium-5: #494d64; +--cust-ytmusic-subscribe-color: #ed8796; +--cust-ytmusic-nowplaying-color: #c6a0f6; +--cust-ytmusic-playbutton-color: #8aadf4; +--cust-ytmusic-tertiary-nav-button-color: #8bd5ca; +--cust-ytmusic-main-text-1: #cad3f5; +--cust-ytmusic-header-text-1: #f5bde6; +--cust-ytmusic-header-text-2: #c6a0f6; +/*===================end of custom variables==============================*/ +--idk-yet: inherit !important; +--ytmusic-color-black1: var(--cust-ytmusic-dark-foreground) !important; +--ytmusic-color-black4: var(--cust-ytmusic-dark-background) !important; +--ytmusic-color-blackpure: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha0: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha10: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha60: var(--idk-yet) !important; +--ytmusic-color-grey1: var(--cust-ytmusic-light-3) !important; +--ytmusic-color-grey2: var(--cust-ytmusic-light-2) !important; +--ytmusic-color-grey3: var(--cust-ytmusic-medium-4) !important; +--ytmusic-color-grey4: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-grey5: var(--cust-ytmusic-medium-2) !important; +--ytmusic-color-white1: var(--cust-ytmusic-light-text-1) !important; +--ytmusic-color-white1-alpha10: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha15: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha20: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha30: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha50: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha70: var(--cust-ytmusic-medium-1) !important; +--ytmusic-static-brand-red: var(--cust-ytmusic-light-text-1) !important; +--yt-spec-themed-blue: var(--cust-ytmusic-light-5) !important; +--yt-spec-dark-blue: var(--cust-ytmusic-medium-5) !important; +--yt-spec-text-secondary: var(--cust-ytmusic-medium-5) !important; +--ytmusic-setting-item-toggle-active: var(--cust-ytmusic-light-2) !important; +--ytmusic-brand-link-text: var(--idk-yet) !important; +--ytmusic-overlay-background-brand: var(--idk-yet) !important; +--ytmusic-focus-active: var(--idk-yet) !important; +--ytmusic-detail-header: var(--idk-yet) !important; +--ytmusic-dialog-background-color: var(--cust-ytmusic-dark-background) !important; +--yt-spec-brand-link-text: var(--cust-ytmusic-medium-5) !important; +--ytmusic-caption-1_-_color: var(--cust-ytmusic-medium-3) !important; +--ytmusic-scrollbar-width: var(--cust-ytmusic-scroll-width)!important; +--ytd-scrollbar-width: var(--cust-ytmusic-scroll-width)!important; +--ytd-scrollbar-scrubber_-_background: var(--cust-ytmusic-dark-background); +} +i.material-icons +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +} +i.material-icons:hover +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +} +body +{ +background: var(--cust-ytmusic-dark-background) !important +} +ytmusic-nav-bar +{ +background: var(--cust-ytmusic-play-nav-color) !important +} +.yt-simple-endpoint[aria-label="Home"] +{ +visibility:hidden !important +} +ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected +{ +color: var(--cust-ytmusic-light-5) !important +} +ytmusic-pivot-bar-item-renderer +{ +color: var(--cust-ytmusic-light-4) !important +} +ytmusic-search-box +{ +color: var(--cust-ytmusic-light-4) !important +} +a.ytmusic-content-update-chip +{ +color: var(--ytmusic-color-black4) !important; +background-color: var(--ytmusic-color-grey2) !important +} +ytmusic-detail-header-renderer +{ +background-color: var(--ytmusic-color-black4) !important +} +.title.ytmusic-detail-header-renderer +{ +color: var(--cust-ytmusic-light-text-1) !important +} +ytmusic-player-page +{ +background-color: var(--ytmusic-color-black4) !important +} +ytmusic-data-bound-header-renderer +{ +background-color: var(--cust-ytmusic-play-nav-color) !important +} +ytmusic-list-item-renderer +{ +background-color: var(--ytmusic-color-black1) !important +} +ytmusic-responsive-list-item-renderer +{ +background-color: var(--ytmusic-cust-dark-background) !important +} +ytmusic-player-queue-item +{ +background-color: var(--ytmusic-cust-dark-background) !important +} +paper-tab.iron-selected.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +tp-yt-paper-tab.iron-selected.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +tp-yt-paper-tab.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +paper-tabs.ytmusic-player-page +{ +--paper-tabs-selection-bar-color: var(--cust-ytmusic-medium-3) !important +} +#selectionBar.tp-yt-paper-tabs +{ +border-bottom: 2px solid var(--cust-ytmusic-medium-3) !important; +} +yt-formatted-string.byline.style-scope.ytmusic-player-queue-item +{ +color: var(--cust-ytmusic-medium-1) !important +} +yt-formatted-string.duration.style-scope.ytmusic-player-queue-item +{ +color: var(--cust-ytmusic-light-4) !important +} +ytmusic-player-bar +{ +background: var(--cust-ytmusic-play-nav-color) !important +} +#progress-bar.ytmusic-player-bar +{ +--paper-slider-active-color: var(--ytmusic-color-white1) !important +} +#progress-bar.ytmusic-player-bar[focused], ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar +{ +--paper-slider-knob-color: var(--ytmusic-color-white1) !important; +--paper-slider-knob-start-color: var(--ytmusic-color-white1) !important; +--paper-slider-knob-start-border-color: var(--ytmusic-color-white1) !important +} +paper-slider#volume-slider +{ +--paper-slider-container-color: var(--cust-ytmusic-light-4) !important; +--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar +{ +--paper-slider-container-color: var(--cust-ytmusic-light-4) !important; +--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +paper-icon-button#play-pause-button +{ +--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important +} +tp-yt-iron-icon#icon +{ +--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important +} +.left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar +{ +--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.menu.ytmusic-player-bar +{ +--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar +{ +--paper-icon-button_-_color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.style-scope.yt-icon-button[aria-label="Add to playlist"] +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) +} +.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer +{ +color: var(--ytmusic-color-white1) !important +} +div.content-wrapper.style-scope.ytmusic-play-button-renderer +{ +background: var(--cust-ytmusic-nowplaying-color) !important +} +ytmusic-subscribe-button-renderer +{ +--ytmusic-subscribe-button-color: var(--cust-ytmusic-subscribe-color) !important +} +yt-button-renderer[is-paper-button] +{ +background-color: var(--ytmusic-color-white1-alpha70) !important +} +paper-icon-button +{ +--paper-icon-button_-_color: var(--ytmusic-color-white1) !important +} +ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) +{ +--yt-button-color: var(--ytmusic-color-white1) !important; +border: 1px solid var(--ytmusic-color-white1) !important; +border-radius: 5px !important +} +yt-button-renderer.watch-button.ytmusic-menu-renderer +{ +color: var(--ytmusic-color-white1) !important; +background-color: var(--ytmusic-color-white1-alpha70) !important +} +#top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer +{ +--yt-button-color: var(--ytmusic-color-white1) !important +} +yt-icon.ytmusic-inline-badge-renderer +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer +{ +color: var(--cust-ytmusic-header-text-1) !important +} +.title.ytmusic-header-renderer +{ +color: var(--cust-ytmusic-header-text-2) !important +} +yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer +{ +color: var(--cust-ytmusic-light-4) !important +} +yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string +{ +color: var(--cust-ytmusic-main-text-1) !important +} +yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover +{ +color: var(--cust-ytmusic-light-2) !important +} +.previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel +{ +background-color: var(--ytmusic-color-white1-alpha70) !important; +color: var(--ytmusic-color-black1) !important +} +.content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer +{ +background: var(--ytmusic-color-white1-alpha70) !important; +--ytmusic-play-button-icon-color: var(--ytmusic-color-black1) !important; +--paper-spinner-color: var(--yt-spec-themed-blue) !important +} +paper-icon-button.ytmusic-like-button-renderer +{ +color: var(--cust-ytmusic-medium-3) !important +} +.category-menu-item.iron-selected.ytmusic-settings-page +{ +background-color: var(--cust-ytmusic-medium-1) !important +} +.dropdown-content +{ +background-color: var(--cust-ytmusic-dark-foreground) !important +} +div.background-gradient.style-scope.ytmusic-browse-response +{ +background-image: linear-gradient(to bottom, var(--cust-ytmusic-dark-background), var(--cust-ytmusic-dark-background)) !important; +} diff --git a/Dark Themes/Catppuccin/Mocha.css b/Dark Themes/Catppuccin/Mocha.css new file mode 100644 index 0000000..cc0b698 --- /dev/null +++ b/Dark Themes/Catppuccin/Mocha.css @@ -0,0 +1,289 @@ +html:not(.style-scope) +{ +/*===================Catppuccin Mocha==============================*/ +--cust-ytmusic-play-nav-color: #181825; +--cust-ytmusic-dark-background: #11111b; +--cust-ytmusic-dark-foreground: #1e1e2e; +--cust-ytmusic-light-text-1: #cdd6f4; +--cust-ytmusic-light-2: #bac2de; +--cust-ytmusic-light-3: #a6adc8; +--cust-ytmusic-light-4: #9399b2; +--cust-ytmusic-light-5: #b4befe; +--cust-ytmusic-medium-1: #7f849c; +--cust-ytmusic-medium-2: #a6adc8; +--cust-ytmusic-medium-3: #89b4fa; +--cust-ytmusic-medium-4: #6c7086; +--cust-ytmusic-medium-5: #45475a; +--cust-ytmusic-subscribe-color: #f38ba8; +--cust-ytmusic-nowplaying-color: #cba6f7; +--cust-ytmusic-playbutton-color: #89b4fa; +--cust-ytmusic-tertiary-nav-button-color: #89dceb; +--cust-ytmusic-main-text-1: #cdd6f4; +--cust-ytmusic-header-text-1: #f5c2e7; +--cust-ytmusic-header-text-2: #cba6f7; +--cust-ytmusic-scroll-width: 0px; +/*===================end of custom variables==============================*/ +--idk-yet: inherit !important; +--ytmusic-color-black1: var(--cust-ytmusic-dark-foreground) !important; +--ytmusic-color-black4: var(--cust-ytmusic-dark-background) !important; +--ytmusic-color-blackpure: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha0: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha10: var(--idk-yet) !important; +--ytmusic-color-blackpure-alpha60: var(--idk-yet) !important; +--ytmusic-color-grey1: var(--cust-ytmusic-light-3) !important; +--ytmusic-color-grey2: var(--cust-ytmusic-light-2) !important; +--ytmusic-color-grey3: var(--cust-ytmusic-medium-4) !important; +--ytmusic-color-grey4: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-grey5: var(--cust-ytmusic-medium-2) !important; +--ytmusic-color-white1: var(--cust-ytmusic-light-text-1) !important; +--ytmusic-color-white1-alpha10: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha15: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha20: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha30: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha50: var(--cust-ytmusic-light-4) !important; +--ytmusic-color-white1-alpha70: var(--cust-ytmusic-medium-1) !important; +--ytmusic-static-brand-red: var(--cust-ytmusic-light-text-1) !important; +--yt-spec-themed-blue: var(--cust-ytmusic-light-5) !important; +--yt-spec-dark-blue: var(--cust-ytmusic-medium-5) !important; +--yt-spec-text-secondary: var(--cust-ytmusic-medium-5) !important; +--ytmusic-setting-item-toggle-active: var(--cust-ytmusic-light-2) !important; +--ytmusic-brand-link-text: var(--idk-yet) !important; +--ytmusic-overlay-background-brand: var(--idk-yet) !important; +--ytmusic-focus-active: var(--idk-yet) !important; +--ytmusic-detail-header: var(--idk-yet) !important; +--ytmusic-dialog-background-color: var(--cust-ytmusic-dark-background) !important; +--yt-spec-brand-link-text: var(--cust-ytmusic-medium-5) !important; +--ytmusic-caption-1_-_color: var(--cust-ytmusic-medium-3) !important; +--ytmusic-scrollbar-width: var(--cust-ytmusic-scroll-width)!important; +--ytd-scrollbar-width: var(--cust-ytmusic-scroll-width)!important; +--ytd-scrollbar-scrubber_-_background: var(--cust-ytmusic-dark-background); +} +i.material-icons +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +} +i.material-icons:hover +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +} +body +{ +background: var(--cust-ytmusic-dark-background) !important +} +ytmusic-nav-bar +{ +background: var(--cust-ytmusic-play-nav-color) !important +} +.yt-simple-endpoint[aria-label="Home"] +{ +visibility:hidden !important +} +ytmusic-pivot-bar-item-renderer:hover, ytmusic-pivot-bar-item-renderer.iron-selected +{ +color: var(--cust-ytmusic-light-5) !important +} +ytmusic-pivot-bar-item-renderer +{ +color: var(--cust-ytmusic-light-4) !important +} +ytmusic-search-box +{ +color: var(--cust-ytmusic-light-4) !important +} +a.ytmusic-content-update-chip +{ +color: var(--ytmusic-color-black4) !important; +background-color: var(--ytmusic-color-grey2) !important +} +ytmusic-detail-header-renderer +{ +background-color: var(--ytmusic-color-black4) !important +} +.title.ytmusic-detail-header-renderer +{ +color: var(--cust-ytmusic-light-text-1) !important +} +ytmusic-player-page +{ +background-color: var(--ytmusic-color-black4) !important +} +ytmusic-data-bound-header-renderer +{ +background-color: var(--cust-ytmusic-play-nav-color) !important +} +ytmusic-list-item-renderer +{ +background-color: var(--ytmusic-color-black1) !important +} +ytmusic-responsive-list-item-renderer +{ +background-color: var(--ytmusic-cust-dark-background) !important +} +ytmusic-player-queue-item +{ +background-color: var(--ytmusic-cust-dark-background) !important +} +paper-tab.iron-selected.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +tp-yt-paper-tab.iron-selected.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +tp-yt-paper-tab.ytmusic-player-page +{ +color: var(--cust-ytmusic-medium-3) !important +} +paper-tabs.ytmusic-player-page +{ +--paper-tabs-selection-bar-color: var(--cust-ytmusic-medium-3) !important +} +#selectionBar.tp-yt-paper-tabs +{ +border-bottom: 2px solid var(--cust-ytmusic-medium-3) !important; +} +yt-formatted-string.byline.style-scope.ytmusic-player-queue-item +{ +color: var(--cust-ytmusic-medium-1) !important +} +yt-formatted-string.duration.style-scope.ytmusic-player-queue-item +{ +color: var(--cust-ytmusic-light-4) !important +} +ytmusic-player-bar +{ +background: var(--cust-ytmusic-play-nav-color) !important +} +#progress-bar.ytmusic-player-bar +{ +--paper-slider-active-color: var(--ytmusic-color-white1) !important +} +#progress-bar.ytmusic-player-bar[focused], ytmusic-player-bar:hover #progress-bar.ytmusic-player-bar +{ +--paper-slider-knob-color: var(--ytmusic-color-white1) !important; +--paper-slider-knob-start-color: var(--ytmusic-color-white1) !important; +--paper-slider-knob-start-border-color: var(--ytmusic-color-white1) !important +} +paper-slider#volume-slider +{ +--paper-slider-container-color: var(--cust-ytmusic-light-4) !important; +--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.volume-slider.ytmusic-player-bar, .expand-volume-slider.ytmusic-player-bar +{ +--paper-slider-container-color: var(--cust-ytmusic-light-4) !important; +--paper-slider-active-color: var(--cust-ytmusic-tertiary-nav-button-color) !important; +--paper-slider-knob-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +paper-icon-button#play-pause-button +{ +--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important +} +tp-yt-iron-icon#icon +{ +--iron-icon-fill-color:var(--cust-ytmusic-playbutton-color) !important +} +.left-controls.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, .left-controls.ytmusic-player-bar .spinner-container.ytmusic-player-bar, .toggle-player-page-button.ytmusic-player-bar +{ +--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.menu.ytmusic-player-bar +{ +--iron-icon-fill-color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.right-controls-buttons.ytmusic-player-bar paper-icon-button.ytmusic-player-bar, ytmusic-player-expanding-menu.ytmusic-player-bar paper-icon-button.ytmusic-player-bar +{ +--paper-icon-button_-_color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.style-scope.yt-icon-button[aria-label="Add to playlist"] +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) +} +.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer +{ +color: var(--ytmusic-color-white1) !important +} +div.content-wrapper.style-scope.ytmusic-play-button-renderer +{ +background: var(--cust-ytmusic-nowplaying-color) !important +} +ytmusic-subscribe-button-renderer +{ +--ytmusic-subscribe-button-color: var(--cust-ytmusic-subscribe-color) !important +} +yt-button-renderer[is-paper-button] +{ +background-color: var(--ytmusic-color-white1-alpha70) !important +} +paper-icon-button +{ +--paper-icon-button_-_color: var(--ytmusic-color-white1) !important +} +ytmusic-data-bound-top-level-menu-item.ytmusic-data-bound-menu-renderer:not(:first-child) +{ +--yt-button-color: var(--ytmusic-color-white1) !important; +border: 1px solid var(--ytmusic-color-white1) !important; +border-radius: 5px !important +} +yt-button-renderer.watch-button.ytmusic-menu-renderer +{ +color: var(--ytmusic-color-white1) !important; +background-color: var(--ytmusic-color-white1-alpha70) !important +} +#top-level-buttons.ytmusic-menu-renderer > .outline-button.ytmusic-menu-renderer, .edit-playlist-button.ytmusic-menu-renderer, ytmusic-toggle-button-renderer.ytmusic-menu-renderer +{ +--yt-button-color: var(--ytmusic-color-white1) !important +} +yt-icon.ytmusic-inline-badge-renderer +{ +color: var(--cust-ytmusic-tertiary-nav-button-color) !important +} +.title.ytmusic-carousel-shelf-basic-header-renderer, .title.ytmusic-immersive-header-renderer, .description.ytmusic-immersive-header-renderer +{ +color: var(--cust-ytmusic-header-text-1) !important +} +.title.ytmusic-header-renderer +{ +color: var(--cust-ytmusic-header-text-2) !important +} +yt-formatted-string.strapline.text.style-scope.ytmusic-carousel-shelf-basic-header-renderer +{ +color: var(--cust-ytmusic-light-4) !important +} +yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string +{ +color: var(--cust-ytmusic-main-text-1) !important +} +yt-formatted-string[has-link-only_]:not([force-default-style]) a.yt-simple-endpoint.yt-formatted-string:hover +{ +color: var(--cust-ytmusic-light-2) !important +} +.previous-items-button.ytmusic-carousel, .next-items-button.ytmusic-carousel +{ +background-color: var(--ytmusic-color-white1-alpha70) !important; +color: var(--ytmusic-color-black1) !important +} +.content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:hover .content-wrapper.ytmusic-play-button-renderer, ytmusic-play-button-renderer:focus .content-wrapper.ytmusic-play-button-renderer +{ +background: var(--ytmusic-color-white1-alpha70) !important; +--ytmusic-play-button-icon-color: var(--ytmusic-color-black1) !important; +--paper-spinner-color: var(--yt-spec-themed-blue) !important +} +paper-icon-button.ytmusic-like-button-renderer +{ +color: var(--cust-ytmusic-medium-3) !important +} +.category-menu-item.iron-selected.ytmusic-settings-page +{ +background-color: var(--cust-ytmusic-medium-1) !important +} +.dropdown-content +{ +background-color: var(--cust-ytmusic-dark-foreground) !important +} +div.background-gradient.style-scope.ytmusic-browse-response +{ +background-image: linear-gradient(to bottom, var(--cust-ytmusic-dark-background), var(--cust-ytmusic-dark-background)) !important; +}