Skip to content

Instantly share code, notes, and snippets.

@revooms

revooms/basic.user.css

Last active June 29, 2025 18:28
Show Gist options
  • Save revooms/61a1d536ff6f1b9916a9f865f69e38cc to your computer and use it in GitHub Desktop.
Save revooms/61a1d536ff6f1b9916a9f865f69e38cc to your computer and use it in GitHub Desktop.
Download ZIP
Collection of my personal userstyles and userscripts
Raw
basic.user.css
/* ==UserStyle==
@name Basic Styling
@description Applies basic styles to all webpages
@namespace github.com/revooms
@version 0.1.2
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-basic-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/basic.user.css
==/UserStyle== */
@-moz-document url-prefix(http),
url-prefix(https) {
/* Mark http links */
a[href*="http://"],
div[data-domain*="http://"] {
border-bottom: 1px dotted #fe0129 !important;
}
}
Raw
brands.user.css
/* ==UserStyle==
@name brands.css - Color links to prominent sites
@description Highlight links to prominent sites with the sites main color
@namespace github.com/revooms
@version 0.11
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-brands-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/brands.user.css
==/UserStyle== */
@-moz-document url-prefix(http), url-prefix(https) {
:root {
--brandborder: 3px solid;
}
/* Discord */
a[href*="discordapp.com"],
a[href*="discord.gg"],
div[data-domain*="discordapp.com"],
div[data-domain*="discord.gg"] {
border-bottom: var(--brandborder) #5f71b2 !important;
}
/* Facebook */
a[href*="facebook.com"],
div[data-domain*="facebook.com"] {
border-bottom: var(--brandborder) #4267B2 !important;
}
/* Fandom */
a[href*="fandom.com"] {
border-bottom: var(--brandborder) #0f142f !important;
}
/* Google */
a[href*="google.com"],
a[href*="google.de"]{
border-bottom: var(--brandborder) #FBBC05 !important;
}
/* Instagram */
a[href*="instagram.com"],
div[data-domain*="instagram.com"] {
border-bottom: var(--brandborder) #be354f !important;
}
/* MDN */
a[href^="https://developer.mozilla.org"] {
border-bottom: var(--brandborder) #8cb4ff !important;
}
/* Stackoverflow */
a[href*="stackoverflow.com"],
div[data-domain*="stackoverflow.com"] {
border-bottom: var(--brandborder) #f48024 !important;
}
/* Twitch */
a[href*="twitch.tv"],
div[data-domain*="twitch.tv"] {
border-bottom: var(--brandborder) #793ad5 !important;
}
/* X / Twitter */
a[href*="x.com"],
div[data-domain*="x.com"],
a[href*="twitter.com"],
div[data-domain*="twitter.com"]{
border-radius: 5px;
border: 8px solid #4c2b00 !important;
}
a[href*="x.com"],
div[data-domain*="x.com"] *,
a[href*="twitter.com"],
div[data-domain*="twitter.com"] * {
padding: 0;
margin-bottom:1px;
color: #4c2b00;
background-color: #4c2b00;
}
/* YouTube */
a[href*="youtube.com"],
div[data-domain*="youtube.com"] {
border-bottom: var(--brandborder) #FF0000 !important;
}
/* tiktok */
a[href*="tiktok.com"],
div[data-domain*="tiktok.com"] {
color: red !important;
border-bottom: var(--brandborder) #FF0000 !important;
}
/* w3schools */
a[href*="w3schools.com"],
div[data-domain*="w3schools.com"] {
color: #d9eee1 !important;
border-bottom: var(--brandborder) #d9eee1 !important;
}
}
Raw
duckduckgo.user.css
/* ==UserStyle==
@name duckduckgo.com - Extended features
@description Fades search results to domains I don't like, some more visual features
@version 0.0.5
@namespace github.com/revooms
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-duckduckgo-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/duckduckgo.user.css
==/UserStyle== */
@-moz-document domain("duckduckgo.com") {
div[data-domain*="facebook."],
div[data-domain*="google."],
div[data-domain*="offers.com"],
div[data-domain*="retailmenot.com"],
div[data-domain*="dealspotr"],
div[data-domain*="dealscove"],
div[data-domain*="couponbirds"],
div[data-domain*="packtpub"],
div[data-domain*="w3schools.com"] {
display: none;
}
/* Underline links to http:// sites */
a[href^="http://"] {
border-bottom: 14px solid #762222;
}
}
Raw
twitch.tv.user.css
/* ==UserStyle==
@name twitch.tv - Hide annoyances
@description Fix minor annoyances with twitch.tv
@version 0.92
@namespace github.com/revooms
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-twitch-tv-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/twitch.tv.user.css
@license unlicense
@preprocessor stylus
@var checkbox unroundAvatars "Un-round Avatars" 1
@var checkbox unroundButtons "Un-round Buttons" 1
@var checkbox hideTopbar "Hide top bar" 1
@var checkbox unclutterTopbar "Unclutter top bar" 1
==/UserStyle== */
@-moz-document domain("twitch.tv") {
/* 0.5: Bigger game names */
a[data-a-target="stream-game-link"] {
font-size: 1.8rem !important;
font-weight: bold !important;
}
/* 0.5: Rounded previews */
a[data-a-target="preview-card-image-link"] img {
border-radius: 7px !important;
}
/* New part, hide big portions of the UI */
/* Hide topnav bar */
if hideTopbar {
.top-nav {
display: none;
}
}
/* Non-rounded buttons */
if unroundButtons {
a.tw-tag,
button[data-a-target="follow-button"],
button[data-a-target="subscribe-button"],
button[data-a-target="gift-button"] {
border-radius: 3px;
}
}
/* Hide streamer info */
div.channel-info-content > div {
display: none;
}
/* Sidebar adjustments */
.side-bar-contents {
opacity: 0.3;
}
.side-bar-contents:hover {
opacity: 1.0;
}
/* Hide story stuff */
div[style="height: 4rem; width: 4rem;"],
div.root-scrollable__wrapper div.scrollable-area,
div.root-scrollable__wrapper div.common-centered-column > div > div:nth-child(3) {
display: none;
}
/* Non-round avatars */
if unroundAvatars {
.tw-avatar > img {
border-radius: 3px !important;
}
}
/* Streamers I'm NOT interested in */
a[href="/frivvifox"],
a[href="/samiamphx"],
a[href="/dynamicnz"],
a[href="/samueleckert_official"],
a[href="/gronkh"],
a[href="/gronkhtv"],
a[href="/cassimo"],
a[href="/theprimeagen"],
a[href="/laxhawthorn007"],
a[href="/streamerhouse"],
a[href="/dayzevie"],
a[href="/mrbilldozer"],
a[href="/pipplin"],
a[href="/rawryy"],
a[href="/5hizzle"],
a[href="/roadtomadeira"],
a[href="/roadtomadeirafood"],
a[href="/schwedy"],
a[href="/dystopian"],
a[href="/teckley"],
a[href="/joshua"],
a[href="/boon"],
a[href="/failarmy"],
a[href="/unclerayrayyy"] {
background-color: red !important;
display: none !important;
}
/* That annyoing front page carousel ... */
.front-page-carousel {
background-color: red !important;
display: none !important;
}
/* Unclutter the top bar */
if unclutterTopbar {
/* Hide left and middle navigation */
nav.top-nav .top-nav__menu > div:first-of-type,
nav.top-nav .top-nav__menu > div:nth-child(2) {
background-color: blue !important;
display: none !important;
}
nav.top-nav .top-nav__menu > div:nth-child(3) > div:nth-child(2),
nav.top-nav .top-nav__menu > div:nth-child(3) > div:nth-child(4),
nav.top-nav .top-nav__menu > div:nth-child(3) > div:nth-child(5),
nav.top-nav .top-nav__menu > div:nth-child(3) > div:nth-child(6){
background-color:yellow !important;
display: none;
}
}
}
Raw
youtube.com.user.css
/* ==UserStyle==
@name youtube.com - Unclutter YouTube
@description Makes the YouTube interface less cluttered
@version 0.4
@namespace github.com/revooms
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-youtube-com-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/youtube.com.user.css
==/UserStyle== */
@-moz-document domain("youtube.com") {
body {
overflow: auto;
overflow-x: hidden;
}
/* Hide secondary/right sidebar */
#secondary {
display: none !important;
}
/* 0.4 Dim stuff */
ytd-topbar-logo-renderer
{
opacity: 0.1;
}
ytd-searchbox,
ytd-watch-metadata {
opacity: 0.3;
}
/* 0.4 Border radii */
button {
border-radius: 3px !important;
}
ytd-searchbox * {
border-radius: 3px !important;
}
/* 0.4 Center title and info */
#above-the-fold {
display: flex;
flex-direction: column;
align-items: center;
}
/* Hide comments */
#comments {
display: none !important;
}
/* Hide sharing */
#above-the-fold #actions {
display: none !important;
}
/* Hide info */
#above-the-fold #bottom-row {
display: none !important;
}
/* Hide buttons */
#subscribe-button,
#end ytd-button-renderer {
display: none !important;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment