From a97a0e48a966b88177b51a7488375d55b505ab4c Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Maayan=20Portugues=20=F0=9F=8E=97=EF=B8=8F?= Date: Wed, 23 Apr 2025 21:04:01 +0300 Subject: [PATCH 1/4] Update youtube.com.css still working on it --- websites/youtube.com.css | 32 ++++++++++++++++++++++++++++++++ 1 file changed, 32 insertions(+) diff --git a/websites/youtube.com.css b/websites/youtube.com.css index 846c9407..363af60d 100644 --- a/websites/youtube.com.css +++ b/websites/youtube.com.css @@ -385,3 +385,35 @@ ytd-rich-item-renderer[is-in-first-column=""]{ #contents{ padding-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)) !important; } + + +/* better status bg */ +.ytp-big-mode .ytp-gradient-bottom { + opacity: 0; +} + +.ytp-big-mode .ytp-gradient-top { + opacity: 0; +} + +.ytp-chrome-top { + backdrop-filter: blur(2px) !important; + background-image: none !important; + border-radius: 10px !important; + background-color: rgba(0,0,0,0.5) !important; + margin-top: 0.7em !important; +} + +.ytp-chrome-bottom { + backdrop-filter: blur(2px) !important; + background-image: none !important; + border-radius: 10px !important; + background-color: rgba(0,0,0,0.5) !important; + margin-bottom: 0.7em; + padding-top: 0.7em !important; + padding-left: 0.7em !important; + padding-right: 0.7em !important; + left: 50% !important; + transform: translateX(-50%) !important; + right: auto !important; +} From 614c4dc3770e6265a1a53c505e50375a575f1c07 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 23 Apr 2025 18:04:17 +0000 Subject: [PATCH 2/4] Update styles.json --- styles.json | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/styles.json b/styles.json index d7311fe5..0864c892 100644 --- a/styles.json +++ b/styles.json @@ -1135,7 +1135,8 @@ "yt-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}", "yt-better captions": ".caption-window{\n backdrop-filter: blur(10px) !important;\n border-radius: 1em !important;\n padding: 1em !important;\n box-shadow: #0008 0 0 20px !important;\n}", "yt-Keep player shadow": ".ytp-gradient-bottom {\n display: initial !important;\n}", - "yt-fix new feed layout": "ytd-rich-item-renderer[rendered-from-rich-grid]{\n @media only screen and (min-width: 1400px) {\n --ytd-rich-grid-items-per-row: 4 !important;\n\n @media only screen and (min-width: 1700px) {\n --ytd-rich-grid-items-per-row: 5 !important;\n\n @media only screen and (min-width: 2180px) {\n --ytd-rich-grid-items-per-row: 6 !important;\n }\n }\n }\n\n}\n\nytd-rich-item-renderer[is-in-first-column=\"\"]{\n margin-left: calc(var(--ytd-rich-grid-item-margin)/2) !important\n}\n\n#contents{\n padding-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)) !important;\n}" + "yt-fix new feed layout": "ytd-rich-item-renderer[rendered-from-rich-grid]{\n @media only screen and (min-width: 1400px) {\n --ytd-rich-grid-items-per-row: 4 !important;\n\n @media only screen and (min-width: 1700px) {\n --ytd-rich-grid-items-per-row: 5 !important;\n\n @media only screen and (min-width: 2180px) {\n --ytd-rich-grid-items-per-row: 6 !important;\n }\n }\n }\n\n}\n\nytd-rich-item-renderer[is-in-first-column=\"\"]{\n margin-left: calc(var(--ytd-rich-grid-item-margin)/2) !important\n}\n\n#contents{\n padding-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)) !important;\n}", + "better status bg": ".ytp-big-mode .ytp-gradient-bottom {\n opacity: 0;\n}\n\n.ytp-big-mode .ytp-gradient-top {\n opacity: 0;\n}\n\n.ytp-chrome-top {\n backdrop-filter: blur(2px) !important;\n background-image: none !important;\n border-radius: 10px !important;\n background-color: rgba(0,0,0,0.5) !important;\n margin-top: 0.7em !important;\n}\n\n.ytp-chrome-bottom {\n backdrop-filter: blur(2px) !important;\n background-image: none !important;\n border-radius: 10px !important;\n background-color: rgba(0,0,0,0.5) !important;\n margin-bottom: 0.7em;\n padding-top: 0.7em !important;\n padding-left: 0.7em !important;\n padding-right: 0.7em !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n right: auto !important;\n}" }, "youvideototext.com.css": { "v2t-transparency": "html,\nbody,\nheader,\n.ring-offset-background,\n.shadow-lg {\n background-color: transparent !important;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n transition: background-color 0.5s ease-in-out, background 0.5s ease-in-out,\n border 0.5s ease-in-out, box-shadow 0.5s ease-in-out !important;\n}", From 60f513ac1b7474e7d51cad302235992213e2000d Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Maayan=20Portugues=20=F0=9F=8E=97=EF=B8=8F?= Date: Wed, 23 Apr 2025 21:39:10 +0300 Subject: [PATCH 3/4] Update youtube.com.css --- websites/youtube.com.css | 8 ++------ 1 file changed, 2 insertions(+), 6 deletions(-) diff --git a/websites/youtube.com.css b/websites/youtube.com.css index 363af60d..16ade058 100644 --- a/websites/youtube.com.css +++ b/websites/youtube.com.css @@ -388,12 +388,9 @@ ytd-rich-item-renderer[is-in-first-column=""]{ /* better status bg */ +.ytp-big-mode .ytp-gradient-top, .ytp-big-mode .ytp-gradient-bottom { - opacity: 0; -} - -.ytp-big-mode .ytp-gradient-top { - opacity: 0; + opacity: 0 !important; } .ytp-chrome-top { @@ -403,7 +400,6 @@ ytd-rich-item-renderer[is-in-first-column=""]{ background-color: rgba(0,0,0,0.5) !important; margin-top: 0.7em !important; } - .ytp-chrome-bottom { backdrop-filter: blur(2px) !important; background-image: none !important; From 60f348e711eda7e6b2faef2fdad2e0c9e97174d9 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" Date: Wed, 23 Apr 2025 18:39:26 +0000 Subject: [PATCH 4/4] Update styles.json --- styles.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/styles.json b/styles.json index 0864c892..0fa74378 100644 --- a/styles.json +++ b/styles.json @@ -1136,7 +1136,7 @@ "yt-better captions": ".caption-window{\n backdrop-filter: blur(10px) !important;\n border-radius: 1em !important;\n padding: 1em !important;\n box-shadow: #0008 0 0 20px !important;\n}", "yt-Keep player shadow": ".ytp-gradient-bottom {\n display: initial !important;\n}", "yt-fix new feed layout": "ytd-rich-item-renderer[rendered-from-rich-grid]{\n @media only screen and (min-width: 1400px) {\n --ytd-rich-grid-items-per-row: 4 !important;\n\n @media only screen and (min-width: 1700px) {\n --ytd-rich-grid-items-per-row: 5 !important;\n\n @media only screen and (min-width: 2180px) {\n --ytd-rich-grid-items-per-row: 6 !important;\n }\n }\n }\n\n}\n\nytd-rich-item-renderer[is-in-first-column=\"\"]{\n margin-left: calc(var(--ytd-rich-grid-item-margin)/2) !important\n}\n\n#contents{\n padding-left: calc(var(--ytd-rich-grid-item-margin)/2 + var(--ytd-rich-grid-gutter-margin)) !important;\n}", - "better status bg": ".ytp-big-mode .ytp-gradient-bottom {\n opacity: 0;\n}\n\n.ytp-big-mode .ytp-gradient-top {\n opacity: 0;\n}\n\n.ytp-chrome-top {\n backdrop-filter: blur(2px) !important;\n background-image: none !important;\n border-radius: 10px !important;\n background-color: rgba(0,0,0,0.5) !important;\n margin-top: 0.7em !important;\n}\n\n.ytp-chrome-bottom {\n backdrop-filter: blur(2px) !important;\n background-image: none !important;\n border-radius: 10px !important;\n background-color: rgba(0,0,0,0.5) !important;\n margin-bottom: 0.7em;\n padding-top: 0.7em !important;\n padding-left: 0.7em !important;\n padding-right: 0.7em !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n right: auto !important;\n}" + "better status bg": ".ytp-big-mode .ytp-gradient-top,\n.ytp-big-mode .ytp-gradient-bottom {\n opacity: 0 !important;\n}\n\n.ytp-chrome-top {\n backdrop-filter: blur(2px) !important;\n background-image: none !important;\n border-radius: 10px !important;\n background-color: rgba(0,0,0,0.5) !important;\n margin-top: 0.7em !important;\n}\n.ytp-chrome-bottom {\n backdrop-filter: blur(2px) !important;\n background-image: none !important;\n border-radius: 10px !important;\n background-color: rgba(0,0,0,0.5) !important;\n margin-bottom: 0.7em;\n padding-top: 0.7em !important;\n padding-left: 0.7em !important;\n padding-right: 0.7em !important;\n left: 50% !important;\n transform: translateX(-50%) !important;\n right: auto !important;\n}" }, "youvideototext.com.css": { "v2t-transparency": "html,\nbody,\nheader,\n.ring-offset-background,\n.shadow-lg {\n background-color: transparent !important;\n background: none !important;\n border: none !important;\n box-shadow: none !important;\n transition: background-color 0.5s ease-in-out, background 0.5s ease-in-out,\n border 0.5s ease-in-out, box-shadow 0.5s ease-in-out !important;\n}",