فهرست منبع

fix(css): adjust contrast for play button, list items, and modals

Murad Jabir 4 هفته پیش
والد
کامیت
b3aafcb0f5
1فایلهای تغییر یافته به همراه60 افزوده شده و 11 حذف شده
  1. 60 11
      Extension/light-ytm.css

+ 60 - 11
Extension/light-ytm.css

@@ -1860,7 +1860,7 @@ ytmusic-responsive-header-renderer .action-buttons {
 }
 
 ytmusic-responsive-list-item-renderer[is-checked], ytmusic-responsive-list-item-renderer[is-playlist-detail-page][is-checked] {
-    background-color: var(--ytm-selected);
+    background-color: var(--ytm-selected) !important;
 }
 
 .tp-yt-paper-tooltip[style-target=tooltip] {
@@ -1876,11 +1876,11 @@ yt-icon, .yt-icon-container.yt-icon {
 }
 
 ytmusic-responsive-list-item-renderer[play-button-state="loading"], ytmusic-responsive-list-item-renderer[play-button-state="playing"], ytmusic-responsive-list-item-renderer[play-button-state="paused"] {
-    background: var(--ytm-selected);
+    background: var(--ytm-selected) !important;
 }
 
 ytmusic-responsive-list-item-renderer[is-bauhaus-web-playlist-detail-page-redesign-enabled][is-checked], ytmusic-responsive-list-item-renderer[is-bauhaus-web-album-detail-page-redesign-enabled][is-checked] {
-    background: var(--ytm-selected);
+    background: var(--ytm-selected) !important;
 }
 
 ytmusic-responsive-header-renderer[is-bauhaus-web-playlist-detail-page-redesign-enabled][num-header-buttons="3"] .action-buttons.ytmusic-responsive-header-renderer .ytmusic-responsive-header-renderer:not(:nth-child(2)), ytmusic-responsive-header-renderer[is-bauhaus-web-playlist-detail-page-redesign-enabled][num-header-buttons="3"] .action-buttons.ytmusic-responsive-header-renderer yt-button-renderer.ytmusic-responsive-header-renderer:nth-child(2), ytmusic-responsive-header-renderer[is-bauhaus-web-playlist-detail-page-redesign-enabled][num-header-buttons="4"] .action-buttons.ytmusic-responsive-header-renderer > .ytmusic-responsive-header-renderer, ytmusic-responsive-header-renderer[is-bauhaus-web-playlist-detail-page-redesign-enabled][num-header-buttons="5"] .action-buttons.ytmusic-responsive-header-renderer .ytmusic-responsive-header-renderer:not(:nth-child(3)), ytmusic-responsive-header-renderer[is-bauhaus-web-album-detail-page-redesign-enabled][num-header-buttons="3"] .action-buttons.ytmusic-responsive-header-renderer .ytmusic-responsive-header-renderer:not(:nth-child(2)), ytmusic-responsive-header-renderer[is-bauhaus-web-album-detail-page-redesign-enabled][num-header-buttons="3"] .action-buttons.ytmusic-responsive-header-renderer yt-button-renderer.ytmusic-responsive-header-renderer:nth-child(2), ytmusic-responsive-header-renderer[is-bauhaus-web-album-detail-page-redesign-enabled][num-header-buttons="4"] .action-buttons.ytmusic-responsive-header-renderer > .ytmusic-responsive-header-renderer, ytmusic-responsive-header-renderer[is-bauhaus-web-album-detail-page-redesign-enabled][num-header-buttons="5"] .action-buttons.ytmusic-responsive-header-renderer .ytmusic-responsive-header-renderer:not(:nth-child(3)), ytmusic-responsive-header-renderer[num-header-buttons="3"] .action-buttons.ytmusic-responsive-header-renderer .ytmusic-responsive-header-renderer:nth-child(1), ytmusic-menu-renderer.ytmusic-responsive-header-renderer {
@@ -1941,6 +1941,12 @@ div#content.style-scope.ytmusic-dialog ytmusic-multi-select-menu-bar.style-scope
     background: var(--ytm-bg-content) !important;
 }
 
+ytmusic-multi-select-menu-bar yt-icon,
+ytmusic-multi-select-menu-bar tp-yt-iron-icon {
+    color: var(--ytm-text) !important;
+    fill: var(--ytm-text) !important;
+}
+
 div#content.style-scope.ytmusic-dialog ytmusic-multi-select-menu-bar.style-scope.ytmusic-dialog div#multiSelectMenu.style-scope.ytmusic-multi-select-menu-bar ytmusic-menu-renderer.style-scope.ytmusic-multi-select-menu-bar div#top-level-buttons.style-scope.ytmusic-menu-renderer yt-button-renderer.style-scope.ytmusic-menu-renderer {
     border-color: var(--ytm-bg-content) !important;
 }
@@ -2366,10 +2372,37 @@ ytmusic-search-box input, ytmusic-search-box tp-yt-iron-icon {
 ytmusic-menu-popup-renderer, 
 tp-yt-paper-listbox,
 tp-yt-paper-dialog,
-ytmusic-dialog {
+ytmusic-dialog,
+yt-confirm-dialog-renderer,
+ytmusic-confirm-dialog-renderer {
     background: var(--ytm-bg-content) !important;
     border: 1px solid var(--ytm-seperator) !important;
 }
+
+yt-confirm-dialog-renderer yt-formatted-string,
+ytmusic-confirm-dialog-renderer yt-formatted-string,
+tp-yt-paper-dialog yt-formatted-string,
+ytmusic-dialog yt-formatted-string,
+yt-confirm-dialog-renderer .title,
+ytmusic-confirm-dialog-renderer .title {
+    color: var(--ytm-text) !important;
+}
+
+/* Fix Dialog Buttons Contrast */
+yt-confirm-dialog-renderer .buttons button,
+ytmusic-confirm-dialog-renderer .buttons button,
+yt-confirm-dialog-renderer .buttons tp-yt-paper-button,
+ytmusic-confirm-dialog-renderer .buttons tp-yt-paper-button {
+    background-color: var(--ytm-hover) !important;
+    border: 1px solid var(--ytm-seperator) !important;
+}
+
+yt-confirm-dialog-renderer .buttons .yt-spec-button-shape-next__button-text-content,
+ytmusic-confirm-dialog-renderer .buttons .yt-spec-button-shape-next__button-text-content,
+yt-confirm-dialog-renderer .buttons tp-yt-paper-button yt-formatted-string,
+ytmusic-confirm-dialog-renderer .buttons tp-yt-paper-button yt-formatted-string {
+    color: var(--ytm-text) !important;
+}
 ytmusic-menu-popup-renderer tp-yt-paper-item,
 ytmusic-menu-popup-renderer yt-formatted-string,
 ytmusic-menu-popup-renderer tp-yt-iron-icon,
@@ -2467,13 +2500,14 @@ ytmusic-player-bar .middle-controls-buttons button {
 
 /* --- Global Icon Color Fix --- */
 /* Force all mono button icons site-wide to dark */
-.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) .yt-spec-button-shape-next__icon {
+.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) .yt-spec-button-shape-next__icon,
+.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) .yt-spec-button-shape-next__icon svg,
+.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) tp-yt-iron-icon,
+.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) yt-icon,
+.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) .yt-spec-button-shape-next__button-text-content {
     color: var(--ytm-text) !important;
     fill: var(--ytm-text) !important;
 }
-.yt-spec-button-shape-next--mono:not(.yt-spec-button-shape-next--filled) .yt-spec-button-shape-next__icon svg {
-    fill: var(--ytm-text) !important;
-}
 
 /* --- Queue / Up Next Panel --- */
 ytmusic-player-queue,
@@ -2550,7 +2584,9 @@ ytmusic-shelf-renderer .yt-spec-button-shape-next__button-text-content {
 .yt-spec-button-shape-next--filled .yt-spec-button-shape-next__icon svg,
 .yt-spec-button-shape-next--filled tp-yt-iron-icon,
 .yt-spec-button-shape-next--filled yt-icon,
-.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__button-text-content {
+.yt-spec-button-shape-next--filled .yt-spec-button-shape-next__button-text-content,
+ytmusic-play-button-renderer tp-yt-iron-icon,
+ytmusic-play-button-renderer yt-icon {
     color: var(--ytm-text-invert) !important;
     fill: var(--ytm-text-invert) !important;
 }
@@ -2594,8 +2630,21 @@ ytmusic-carousel tp-yt-paper-icon-button,
 /* --- Toast / Snackbar Popup --- */
 ytmusic-notification-action-renderer,
 tp-yt-paper-toast {
-    background: var(--ytm-btn-mono) !important;
-    color: var(--ytm-btn-mono-invert) !important;
+    background: var(--ytm-bg-content) !important;
+    color: var(--ytm-text) !important;
+}
+
+ytmusic-notification-action-renderer yt-formatted-string,
+tp-yt-paper-toast yt-formatted-string {
+    color: var(--ytm-text) !important;
+}
+
+ytmusic-notification-action-renderer tp-yt-iron-icon,
+ytmusic-notification-action-renderer yt-icon,
+tp-yt-paper-toast tp-yt-iron-icon,
+tp-yt-paper-toast yt-icon {
+    color: var(--ytm-text) !important;
+    fill: var(--ytm-text) !important;
 }
 
 /* --- Save Button and Fixed Columns --- */