mirror of
https://github.com/Alvin-Zilverstand/return-youtube-dislike.git
synced 2026-09-12 09:58:20 +02:00
mini-bomba
02cb6fd398
This is done by attaching the bar to the like/dislike button container instead of the whole interaction menu, then using absolute positioning after modifying a few youtube styles.
65 lines
1.5 KiB
CSS
65 lines
1.5 KiB
CSS
:root {
|
|
/* --yt-spec-icon-disabled: #f44 !important;
|
|
--yt-spec-text-primary: #4f4 !important; */
|
|
/* --yt-spec-general-background-a: #000 !important;
|
|
--yt-spec-general-background-b: #000 !important;
|
|
--yt-spec-general-background-c: #000 !important;
|
|
--yt-spec-brand-background-solid: #000 !important;
|
|
--yt-spec-brand-background-primary: #000 !important;
|
|
--yt-spec-brand-background-secondary: #000 !important; */
|
|
}
|
|
|
|
/* html:not(.style-scope)[dark], :not(.style-scope)[dark] {
|
|
--yt-spec-general-background-a: #000 !important;
|
|
--yt-spec-general-background-b: #000 !important;
|
|
--yt-spec-general-background-c: #000 !important;
|
|
--yt-spec-brand-background-solid: #000 !important;
|
|
--yt-spec-brand-background-primary: #000 !important;
|
|
--yt-spec-brand-background-secondary: #000 !important;
|
|
} */
|
|
|
|
#ryd-bar-container {
|
|
background: var(--yt-spec-icon-disabled);
|
|
border-radius: 2px;
|
|
}
|
|
|
|
#ryd-bar {
|
|
background: var(--yt-spec-text-primary);
|
|
border-radius: 2px;
|
|
transition: all 0.15s ease-in-out;
|
|
}
|
|
|
|
.ryd-tooltip {
|
|
display: block;
|
|
height: 2px;
|
|
}
|
|
|
|
.ryd-tooltip-old-design {
|
|
position: relative;
|
|
top: 9px;
|
|
}
|
|
|
|
.ryd-tooltip-new-design {
|
|
position: absolute;
|
|
bottom: -10px;
|
|
left: -4px;
|
|
}
|
|
|
|
.ryd-tooltip-bar-container {
|
|
width: 100%;
|
|
height: 2px;
|
|
position: absolute;
|
|
padding-top: 6px;
|
|
padding-bottom: 12px;
|
|
top: -6px;
|
|
}
|
|
|
|
/* required to make the ratio bar visible in the new design */
|
|
ytd-menu-renderer.ytd-watch-metadata {
|
|
overflow-y: visible !important;
|
|
}
|
|
|
|
#top-level-buttons-computed {
|
|
position: relative !important;
|
|
}
|