This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* My YouTube UI mod | |
* Sharpen edges, squarify avatar, and clarify comment section. It also remove a few thing but you can add it back. | |
*/ | |
/* | |
* # Updates | |
* 24-05-25 - Public Release | |
* 27-05-25 - Paid comment offset fix, undo recent YT changes on comments padding | |
* 30-07-25 - Adjust description's "more" text position and opacity |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* OP comment(s) on top | |
* MIGHT BREAK COMMENT LAYOUT | |
* If you want to pin comment that has OP's interaction, delete "> .entry" inside :has. Make sure you leave 1 whitespace | |
*/ | |
.commentarea > .sitetable { | |
display: flex; | |
flex-direction: column; | |
flex-wrap: nowrap; | |
& > .thing:has( > .entry .submitter) { | |
background-color: #fffcd7 !important; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
[aria-label="Timeline: Conversation"] > div > div:not(:first-child):has( [aria-label="Verified account"]) { | |
background: #ff00007a; | |
max-height: 1.7rem; | |
overflow: hidden; /* Hide the content, visually */ | |
& img {display: none;} /* Might as well not draw their stupid images/gif/video */ | |
& > div > div > article > div > div > div:first-child {height: 4px}; /* Make their post more compact */ | |
&:is(:hover, :focus-within) { | |
z-index: 9999; /* Make sure content doesn't overlap with the next one. Twitter use absolute position for their message, very epic */ | |
background: unset; | |
overflow: visible; |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/*Thumbnail hacks*/ | |
.flux .item.thumbnail.small { | |
height: 100%; | |
} | |
.flux .item.thumbnail { | |
height: auto; | |
min-height: 50%; | |
max-height: 128px; | |
} |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/* | |
* My Discord UI mod | |
* Some modification is against latest Discord UI on April. | |
*/ | |
/* | |
* # Updates | |
* 07-05-25 - Fix DM icon with the new structure/tag [aria-owns="guild-list-unread-dms"]. Previously [aria-label="Direct Messages"] | |
* 10-09-25 - Fix recent Discord update between message window and chat box | |
* 10-27-25 - Fix recent Discord update which related to previous one, a bunch of things removed on their end lol. Also adjust user UI on the bottom left |