Update styles.json

github-actions[bot] · github-actions[bot] · commit 3242851ee7c9 · 2025-05-22T23:48:00.000Z
diff --git a/styles.json b/styles.json
@@ -1299,14 +1299,14 @@
       "transparency": ":root {\n  --ts-body-color: #00000000 !important;\n}\n\nbody {\n  background-color: transparent !important;\n  transition: background-color 0.5s ease-in-out !important;\n}",
       "Hover": ".ytmusic-guide-renderer,\nytmusic-nav-bar {\n  opacity: 0.01 !important;\n  transition: opacity 0.5s ease-in-out !important;\n}\n\n.ytmusic-guide-renderer:hover,\nytmusic-nav-bar:hover {\n  opacity: 1 !important;\n}\n\nytmusic-app[is-bauhaus-sidenav-enabled] #guide-wrapper.ytmusic-app {\n  background-color: transparent !important;\n  border: none !important;\n}",
       "Hide elements": "#nav-bar-divider,\n#browse-page > #background,\ntp-yt-paper-toast.toast-button.style-scope.yt-notification-action-renderer.paper-toast-open {\n  display: none !important;\n}\n\nytmusic-chip-cloud-renderer.style-scope.ytmusic-section-list-renderer {\n  opacity: 0 !important;\n  height: fit-content !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  transition: all 0.3s ease-in-out !important;\n}\n\nytmusic-chip-cloud-renderer.style-scope.ytmusic-section-list-renderer:hover {\n  opacity: 1 !important;\n}",
-      "Player sidebar": "#side-panel {\n  width: 40em !important;\n  height: 80vh !important;\n  padding: 0 2em !important;\n  right: -30em !important;\n  top: 10vh !important;\n  opacity: 0 !important;\n  position: absolute !important;\n  transition: all 0.3s ease-in-out !important;\n  backdrop-filter: blur(20px) !important;\n  border-radius: 2em 0 0 2em !important;\n  background-color: #0005 !important;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px -36px 30px inset, \n              rgba(0, 0, 0, 0.1) 0px -79px 40px inset, \n              rgba(0, 0, 0, 0.06) 0px 2px 1px, \n              rgba(0, 0, 0, 0.09) 0px 4px 2px, \n              rgba(0, 0, 0, 0.09) 0px 8px 4px, \n              rgba(0, 0, 0, 0.09) 0px 16px 8px, \n              rgba(0, 0, 0, 0.09) 0px 32px 16px !important;\n}\n\n#side-panel tp-yt-paper-tabs {\n  transition: height 0.3s ease-in-out !important;\n  height: 0 !important;\n}\n\n#side-panel:hover {\n  right: 0 !important;\n  opacity: 1 !important;\n}\n\n#side-panel:hover tp-yt-paper-tabs {\n  height: 4em !important;\n}\n\n#side-panel:has(ytmusic-tab-renderer[page-type=\"MUSIC_PAGE_TYPE_TRACK_LYRICS\"]):not(:has(ytmusic-message-renderer:not([style=\"display: none;\"]))) {\n  right: 0 !important;\n  opacity: 1 !important;\n}",
+      "Player sidebar": "#side-panel {\n  width: 40em !important;\n  height: 80vh !important;\n  padding: 0 2em !important;\n  right: -30em !important;\n  top: 10vh !important;\n  opacity: 0 !important;\n  position: absolute !important;\n  transition: all 0.3s ease-in-out !important;\n  backdrop-filter: blur(20px) !important;\n  border-radius: 2em 0 0 2em !important;\n  background-color: #0005 !important;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px -36px 30px inset, \n              rgba(0, 0, 0, 0.1) 0px -79px 40px inset, \n              rgba(0, 0, 0, 0.06) 0px 2px 1px, \n              rgba(0, 0, 0, 0.09) 0px 4px 2px, \n              rgba(0, 0, 0, 0.09) 0px 8px 4px, \n              rgba(0, 0, 0, 0.09) 0px 16px 8px, \n              rgba(0, 0, 0, 0.09) 0px 32px 16px !important;\n}\n\n#side-panel tp-yt-paper-tabs {\n  transition: height 0.3s ease-in-out !important;\n  height: 0 !important;\n}\n\n#side-panel:hover {\n  right: 0 !important;\n  opacity: 1 !important;\n}\n\n#side-panel:hover tp-yt-paper-tabs {\n  height: 4em !important;\n}\n\n#side-panel:has(ytmusic-tab-renderer[page-type=\"MUSIC_PAGE_TYPE_TRACK_LYRICS\"]):not(:has(ytmusic-message-renderer:not([style=\"display: none;\"]))) {\n  right: 0 !important;\n  opacity: 1 !important;\n}\n\n#side-panel{\n  min-width: auto !important;\n}",
       "Centered player": "ytmusic-app-layout:not([player-ui-state=\"FULLSCREEN\"]) #main-panel {\n  position: absolute !important;\n  height: 70vh !important;\n  max-width: 70vw !important;\n  aspect-ratio: 1 !important;\n  top: 50vh !important;\n  left: 50vw !important;\n  transform: translate(-50%, -50%) !important;\n}",
       "Nav background removal": "#nav-bar-background,\n#mini-guide-background {\n  border: none !important;\n  height: 0 !important;\n  width: 0 !important;\n}\n\n#guide,\nytmusic-nav-bar,\n.background-gradient {\n  background-color: var(--ts-body-color) !important;\n  background-image: none !important;\n  background-repeat: no-repeat !important;\n}\n\n#player-page {\n  padding: 0 !important;\n  margin: 0 !important;\n  left: 0 !important;\n  top: 0 !important;\n  height: 100% !important;\n  width: 100% !important;\n}",
       "Player bar styling": "ytmusic-player-bar,\n#player-bar-background {\n  margin: 1vw !important;\n  width: 98vw !important;\n  border-radius: 1em !important;\n  overflow: hidden !important;\n  transition: all 0.5s ease-in-out !important;\n  background-color: #0002 !important;\n  box-shadow: rgba(0, 0, 0, 0.15) 0px -36px 30px inset, \n              rgba(0, 0, 0, 0.1) 0px -79px 40px inset, \n              rgba(0, 0, 0, 0.06) 0px 2px 1px, \n              rgba(0, 0, 0, 0.09) 0px 4px 2px, \n              rgba(0, 0, 0, 0.09) 0px 8px 4px, \n              rgba(0, 0, 0, 0.09) 0px 16px 8px, \n              rgba(0, 0, 0, 0.09) 0px 32px 16px !important;\n}\n\n#layout:not([player-ui-state=\"PLAYER_PAGE_OPEN\"]) #player-bar-background {\n  background-color: #0005 !important;\n}",
       "Mini player tweaks": "#player:has(ytmusic-player[player-ui-state=\"MINIPLAYER\"]),\n.content.ytmusic-player-page:has(ytmusic-player[player-ui-state=\"MINIPLAYER\"]),\n#main-panel:has(ytmusic-player[player-ui-state=\"MINIPLAYER\"]),\nytmusic-player[player-ui-state=\"MINIPLAYER\"] {\n  position: absolute !important;\n  top: 0 !important;\n  left: 0 !important;\n  bottom: 0 !important;\n  right: 0 !important;\n  width: 350px !important;\n  height: fit-content !important;\n}\n\n#player-page:has(ytmusic-player[player-ui-state=\"MINIPLAYER\"]) .content {\n  position: fixed !important;\n  left: 100vw !important;\n  transform: translate(-200px, -200px) !important;\n}\n\n#av-id:has(ytmusic-av-toggle) {\n  position: absolute !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  top: -4em !important;\n  opacity: 0 !important;\n  transition: all 0.3s ease-in-out !important;\n}\n\n#av-id:has(ytmusic-av-toggle):hover {\n  opacity: 1 !important;\n}\n\n#player[player-ui-state=\"MINIPLAYER\"]{\n  display: none !important;\n}",
-      "Show mini player": "#player[player-ui-state=\"MINIPLAYER\"]{\n  display: initial !important;\n}",
+      "Show mini playyer": "#player[player-ui-state=\"MINIPLAYER\"]{\n  display: initial !important;\n}",
       "Immersive player": "#content {\n  transition: opacity 0.5s ease-in-out !important;\n}\n\n#player,\n#song-image #thumbnail {\n  border-radius: 2em !important;\n  overflow: hidden !important;\n  box-shadow: #0006 0 0 50px !important;\n}\n\n#player-page {\n  background-color: transparent !important;\n  background: none !important;\n}\n\nytmusic-app-layout > #content {\n  height: calc(100vh - 205px) !important;\n  overflow: scroll !important;\n}\n\n/* Centered player bar*/\n#left-controls {\n  position: absolute !important;\n  left: 49vw !important;\n  bottom: 15px !important;\n  transform: translateX(-50%) !important;\n  width: fit-content !important;\n  order: 1 !important;\n}\n\n.time-info {\n  position: absolute !important;\n  bottom: -10px !important;\n  width: 100% !important;\n  text-align: center !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n\n.middle-controls {\n  position: absolute !important;\n  left: 1vw !important;\n  bottom: 15px !important;\n  max-width: 30vw !important;\n  order: 0 !important;\n}",
-      "Addon : timed comments popup": ".__youtube-timestamps__stamp {\n  scale: 3 !important;\n  border-radius: 1.5px !important;\n  transition: all 0.3s ease-in-out !important;\n  z-index: 10000000000000 !important;\n\n  &:hover {\n    scale: 5 !important;\n  }\n}\n\n.__youtube-timestamps__preview-wrapper {\n  scale: 1.2 !important;\n  transform: translateX(16%) !important;\n  .__youtube-timestamps__preview {\n    border-radius: 1em !important;\n    backdrop-filter: blur(20px) !important;\n    background-color: #000000bb !important;\n    border: solid 2px gray !important;\n\n    .__youtube-timestamps__preview__avatar {\n      height: 2.5em !important;\n      width: 2.5em !important;\n      border-radius: 0.5em !important;\n    }\n\n    .__youtube-timestamps__preview__text-stamp {\n      background-color: #ffaaaa !important;\n      padding: 0.1em 0.3em !important;\n      border-radius: 0.5em !important;\n      color: #000 !important;\n    }\n\n    .__youtube-timestamps__preview__name,\n    .__youtube-timestamps__preview__text {\n      color: #ffffff !important;\n    }\n  }\n}\n\n.comments-container {\n  div.wrapper {\n    background-color: transparent !important;\n  }\n\n  div.clickable-comment,\n  div.replies {\n    background-color: #00000077 !important;\n    backdrop-filter: blur(20px) !important;\n    padding: 1em !important;\n    margin-bottom: 1em !important;\n    border-radius: 1em !important;\n    max-width: 40em !important;\n    transition: all 0.4s ease-in-out !important;\n\n    .likes-and-replies {\n      opacity: 0.3 !important;\n    }\n  }\n}"
+      "Addon : timed comments pop-up": ".__youtube-timestamps__stamp {\n  scale: 3 !important;\n  border-radius: 1.5px !important;\n  transition: all 0.3s ease-in-out !important;\n  z-index: 10000000000000 !important;\n\n  &:hover {\n    scale: 5 !important;\n  }\n}\n\n.__youtube-timestamps__preview-wrapper {\n  scale: 1.2 !important;\n  transform: translateX(16%) !important;\n  .__youtube-timestamps__preview {\n    border-radius: 1em !important;\n    backdrop-filter: blur(20px) !important;\n    background-color: #000000bb !important;\n    border: solid 2px gray !important;\n\n    .__youtube-timestamps__preview__avatar {\n      height: 2.5em !important;\n      width: 2.5em !important;\n      border-radius: 0.5em !important;\n    }\n\n    .__youtube-timestamps__preview__text-stamp {\n      background-color: #ffaaaa !important;\n      padding: 0.1em 0.3em !important;\n      border-radius: 0.5em !important;\n      color: #000 !important;\n    }\n\n    .__youtube-timestamps__preview__name,\n    .__youtube-timestamps__preview__text {\n      color: #ffffff !important;\n    }\n  }\n}\n\n.comments-container {\n  div.wrapper {\n    background-color: transparent !important;\n  }\n\n  div.clickable-comment,\n  div.replies {\n    background-color: #00000077 !important;\n    backdrop-filter: blur(20px) !important;\n    padding: 1em !important;\n    margin-bottom: 1em !important;\n    border-radius: 1em !important;\n    max-width: 40em !important;\n    transition: all 0.4s ease-in-out !important;\n\n    .likes-and-replies {\n      opacity: 0.3 !important;\n    }\n  }\n}"
     },
     "musicforprogramming.net.css": {
       "mfp-transparency": "body {\n  background: none !important;\n  transition: background-color 0.5s ease-in-out, background 0.5s ease-in-out !important;\n}"
