Skip to content

Instantly share code, notes, and snippets.

@revooms

revooms/brands.user.css

Last active June 12, 2024 17:43
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
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.9.3
@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) {
/* Discord */
a[href*="discordapp.com"],
a[href*="discord.gg"],
div[data-domain*="discordapp.com"],
div[data-domain*="discord.gg"] {
border-bottom: 4px solid #5f71b2 !important;
}
/* Facebook */
a[href*="facebook.com"],
div[data-domain*="facebook.com"] {
border-bottom: 4px solid #4267B2 !important;
}
/* Fandom */
a[href*="fandom.com"] {
border-bottom: 4px solid #0f142f !important;
}
/* Google */
a[href*="google.com"],
a[href*="google.de"]{
border-bottom: 4px solid #FBBC05 !important;
}
/* Instagram */
a[href*="instagram.com"],
div[data-domain*="instagram.com"] {
border-bottom: 4px solid #be354f !important;
}
/* MDN */
a[href^="https://developer.mozilla.org"] {
border-bottom: 4px solid #8cb4ff !important;
}
/* Stackoverflow */
a[href*="stackoverflow.com"],
div[data-domain*="stackoverflow.com"] {
border-bottom: 1px dashed #f48024 !important;
}
/* Twitch */
a[href*="twitch.tv"],
div[data-domain*="twitch.tv"] {
border-bottom: 4px solid #793ad5 !important;
}
/* Twitter */
a[href*="twitter.com"],
div[data-domain*="twitter.com"] {
border-bottom: 4px solid #1DA1F2 !important;
}
/* YouTube */
a[href*="youtube.com"],
div[data-domain*="youtube.com"] {
border-bottom: 4px solid #FF0000 !important;
}
/* tiktok */
a[href*="tiktok.com"],
div[data-domain*="tiktok.com"] {
color: red !important,
border-bottom: 4px solid #FF0000 !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
inoreader.com.user.css
/* ==UserStyle==
@name inoreader.com - Couch Surfing
@description Makes inoreader more readable when couch surfing
@version 0.0.8
@namespace github.com/revooms
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-inoreader-com-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/inoreader.com.user.css
==/UserStyle== */
@-moz-document domain("inoreader.com") {
:root {
--size-small: 18px;
--margin-small: 4px;
--padding-small: 2px;
--highlight-color: #fff;
--dark-color: #333;
--orange: #d16e11;
--spacer-sm: .5rem;
--spacer-md: 1rem;
--spacer-lg: 2rem;
}
/* Bigger magazine content */
.article_magazine_content {
font-size: 18px;
line-height: calc(var(--size-small) + 4px);
max-height: initial;
}
/* No Borders for Magazine Cards */
.article_card.article_expanded {
border: 0;
}
.article_card.article_expanded.article_current {
border-color: #1f1f1f;
}
/* Make links in articles orange */
.article_content a {
color: var(--orange) !important;
}
/* Make links in articles larger when hovering */
.article_content a:hover {
font-size: 2.8rem;
}
/* Collapse read articles
.article[data-read="0"] .article_content,
.article[data-read="0"] .article_sub_title
{
background-color: red;
display:none;
}
.article[data-read="0"] .article_footer
{
margin: 0 var(--spacer-sm) var(--spacer-sm) calc(var(--spacer-sm));
padding: 0 var(--spacer-sm);
}
*/
/* Dim/set headline colors */
.article_unreaded .article_title_link, a.article_title_link
{
color: var(--highlight-color);
}
.article[data-read="0"] .article_title_link
{
color: var(--dark-color);
}
/* Smaller search */
#sb_tree_part, #fo_tree_part {
width: 180px;
}
#feed_searcher {
width: 110px;
}
/* Better highlight for Unread/All buttons*/
.inno_toolbar_switcher_button_active {
background-color: #2e5e77;
}
.inno_toolbar_switcher_button_active .inno_toolbar_switcher_button_main_label {
color: white;
}
}
Raw
stackoverflow.com.user.css
/* ==UserStyle==
@name stackoverflow.com - Compact layout
@description More compact layout and minor layout/display fixes
@description Makes the stackoverflow interface less cluttered
@version 0.0.52
@namespace github.com/revooms
@author revooms
@homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-stackoverflow-com-user-css
@updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/stackoverflow.com.user.css
==/UserStyle== */
@-moz-document domain("stackoverflow.com") {
:root {
--sidebar-width: 180px;
}
/* Hide irrelevant data from tagged-ignored posts */
.tagged-ignored .excerpt,
.tagged-ignored .statscontainer .views,
.tagged-ignored .statscontainer .status,
.tagged-ignored .started {
display: none;
}
/* Add bottom border to ignored posts */
.tagged-ignored {
border-bottom: 1px solid #ccc
}
/* Mainbar wider */
#mainbar,
.mainbar {
width: calc(100% - var(--sidebar-width));
}
/* Sidebar smaller */
#left-sidebar {
width: var(--sidebar-width);
}
/* Hide yellow info box widget in sidebar */
.s-sidebarwidget__yellow {
display: none;
}
/* Not intersted in some mainbar information */
#mainbar > .grid {
display: none;
}
#mainbar div[data-controller="se-uql"] {
display: none;
}
/* Hide the Custom Filters sidebar widget */
div[data-controller="se-uql-list"] {
display: none;
}
/* Little more padding in questions list*/
html.html__responsive .question-summary {
padding-top: 24px;
padding-bottom: 24px;
}
/* No round button border */
button.bc-black-3, button.bc-black-100 {
border: 0 !important;
}
.question-summary {
scroll-snap-align: start;
}
/* Make ignored posts take less space*/
.s-post-summary__ignored {
font-size: 0.7rem;
}
.s-post-summary__ignored .s-post-summary--content *,
.s-post-summary__ignored .s-post-summary--stats *{
font-size: 0.7rem;
}
/* Tag highlighting */
a[href="/questions/tagged/laravel"],
a[href="/questions/tagged/laravel-8"] {
background-color: #74fc824f;
}
/* Dim the CLOSE button if a vote has already been sent */
button.js-close-question-link[title^="You voted to close"] {
color: #bbb !important;
}
/* Un-bold tags */
.s-tag {
font-weight: 100;
}
/* Some users I like */
a[href*="/users/1213708/"],
a[href*="/users/1427878/"],
a[href*="/users/1553888/"],
a[href*="/users/3965631/"],
a[href*="/users/1839439/"],
a[href*="/users/2109233/"],
a[href*="/users/2453432/"],
a[href*="/users/2310830/"],
a[href*="/users/1116230/"],
a[href*="/users/7451109/"],
a[href*="/users/4369919/"],
a[href*="/users/1231450/"],
a[href*="/users/2911020/"],
a[href*="/users/1007220/"],
a[href*="/users/5947043/"] {
background-color: #00800042;
border-radius: 3px
}
/* Some I don't */
/* Nothing terrible, mostly removing questions when realizing they were wrong and not appreciating other people's help */
a[href*="/users/2342558/"],
a[href*="/users/9334240/"],
a[href*="/users/14970745/"],
a[href*="/users/14353578/"],
a[href*="/users/9311057/"],
a[href*="/users/3298637/"],
a[href*="/users/15290853/"],
a[href*="/users/4925548/"],
a[href*="/users/7919369/"],
a[href*="/users/2462759/"],
a[href*="/users/15979723/"],
a[href*="/users/14953411/"], /* "You guys all suck" */
a[href*="/users/11790356/"], /* Likes to copy stuff */
a[href*="/users/7588202/"],
a[href*="/users/15950411/"],
a[href*="/users/17119202/"], /* Unappreciative */
a[href*="/users/606371/"], /* Rude behaviour, unappreciative; https://stackoverflow.com/questions/69336548/php-server-array-returns-literally-1 */
a[href*="/users/9716034/"], /* Rude behaviour, account-hopping */
a[href*="/users/17797253/"], /* ALT-account for https://stackoverflow.com/users/15568754/watchathome-tv, https://stackoverflow.com/questions/70531023/how-to-put-data-from-database-in-a-select-box, https://stackoverflow.com/questions/70532571/how-do-i-update-a-value-in-my-table-when-i-press-a-confirm-button */
a[href*="/users/15568754/"], /* See line above */
a[href*="/users/18025373/"],
a[href*="/users/18026240/"], /* ALT account for 18025373 */
a[href*="/users/18598443/"], /* No thank yous, nothing */
a[href*="/users/19569561/"], /* No thank yous, nothing */
a[href*="/users/1245584/"], /* Rude behaviour */
a[href*="/users/22076613/"], /* Not appreciating help */
a[href*="/users/22095310/"], /* Not appreciating help */
a[href*="/users/8246373/"], /* Trolling, trolling, trolling */
a[href*="/users/9516688/"],
a[href*="/users/22669683/"],
a[href*="/users/6687600/"] {
background-color: #c6c30154;
border-radius: 3px
}
/* Hide the "hireme" ads */
#hireme {
display: none;
}
}
Raw
stackoverflow.com.user.js
// ==UserScript==
// @name Custom filter in left sidebar navigation
// @namespace github.com/revooms
// @version 0.6.0
// @description Add custom filter links to the left sidebar
// @author revooms
// @match https://stackoverflow.com/*
// @grant none
// @include stackoverflow.com
// @homepageURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc#file-stackoverflow-com-user-js
// @updateURL https://gist.github.com/revooms/61a1d536ff6f1b9916a9f865f69e38cc/raw/c2292db71561c22895fa4b4a02e60ac61eebedbf/stackoverflow.com.user.js
// ==/UserScript==
(function() {
'use strict';
// Get the left sidebar navigation
// var leftSidebarNavigation = document.querySelector("ol.nav-links > li:first")
var leftSidebarNavigation = document.querySelector("ol.nav-links")
var leftSidebarNavigationFirstLink = document.querySelector("ol.nav-links li:first-child")
// Create a link to custom filter search
var customSearchFilterLi = document.createElement ('li')
var customSearchFilterLink = document.createElement ('a')
var customSearchFilterText = document.createTextNode("Laravel/PHP/Vue")
customSearchFilterLink.appendChild(customSearchFilterText)
customSearchFilterLink.title = "Custom search filter"
customSearchFilterLink.href = "/questions/tagged?uqlId=1629"
customSearchFilterLink.classList.add("pl8")
customSearchFilterLink.classList.add("nav-links--link")
customSearchFilterLi.appendChild(customSearchFilterLink)
// Create a shortcut link to "All actions"
var allActionsLi = document.createElement ('li')
var allActionsLink = document.createElement ('a')
var allActionsText = document.createTextNode("All Actions")
allActionsLink.appendChild(allActionsText)
allActionsLink.title = "Custom search filter"
allActionsLink.href = "/users/8034901/brombeer?tab=activity"
allActionsLink.classList.add("pl8")
allActionsLink.classList.add("nav-links--link")
allActionsLi.appendChild(allActionsLink)
leftSidebarNavigation.insertBefore(customSearchFilterLi, leftSidebarNavigationFirstLink)
leftSidebarNavigation.insertBefore(allActionsLi, leftSidebarNavigationFirstLink)
})();
Raw
twitch.tv.user.css
/* ==UserStyle==
@name twitch.tv - Hide annoyances
@description Fix minor annoyances with twitch.tv
@version 0.1.11
@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
@var checkbox hide-buttons "Hide buttons" 1
==/UserStyle== */
@-moz-document domain("twitch.tv") {
/* Hacky: hide top right "Turbo" button */
div.top-nav__menu > div > div:nth-child(6) {
background-color: red !important;
display:none;
}
/* Move topbar to top (play around with values) */
nav.top-nav {
order: 0;
}
/* Move sidebar to the right*/
/* #sideNav { order: 2; } */
/* Hide recommended */
[aria-label="Recommended Channels"] {
display: none !important;
}
/* Top nav bar smaller*/
.top-nav {
height: 3rem !important;
}
.top-nav__menu .sc-AxjAm.fqUaXq,
.top-nav__search-container {
display: none !important;
}
.top-nav__menu figure svg,
.top-nav__menu figure.tw-avatar,
.top-nav__menu figure img
{
height: 20px !important;
width: auto !important;
}
.top-nav__menu > div:last-of-type > div:last-of-type {
padding-top: 5px !important;
}
/* Hide heading */
h1.tw-title {
/*
background-color: red !important;
display: none;
*/
}
/* Move content up a tad */
div.common-centered-column > div:first-of-type {
margin-top: 0 !important;
}
/* Hide twitch prime */
.top-nav__prime,
[data-a-target="try-prime-link"] {
background-color: red !important;
display: none;
}
/* Hide "Share" button */
button[data-a-target="share-button"] {
background-color: red !important;
display: none;
}
/* Hide "More" button */
button[data-a-target="report-button-more-button"] {
background-color: red !important;
display: none;
}
/* Hide "Gift a Sub" button */
button[data-a-target="subscribed-button"] {
background-color: red !important;
display: none;
}
/* Hide "Get bits" button */
button[data-a-target="top-nav-get-bits-button"] {
background-color: red !important;
display: none;
}
/* Sidebar modifications */
.side-nav-section {
padding: 0;
}
.side-nav-header {
background-color: #0e0e10;
padding: 0 !important;
}
/* "Square" user icons in the left sidebar */
.tw-image-avatar {
border-radius: 3px !important;
}
/* Hide twitch icons in the left sidebar */
.side-nav-section .side-nav-header.tw-mg-1 {
margin: 10px 0 0 0 !important;
}
button[aria-label="Expand Side Nav"] {
background-color: red !important;
display: none !important;
}
.side-nav-section .side-nav-header > figure {
background-color: red !important;
display: none !important;
}
div[aria-label="Followed Channels"] > div:nth-child(1) {
background-color: red !important;
display: none !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="/unclerayrayyy"] {
background-color: red !important;
display: none !important;
}
/* That annyoing front page carousel ... */
.front-page-carousel {
background-color: red !important;
display: none !important;
}
}
Raw
youtube.com.user.css
/* ==UserStyle==
@name youtube.com - Unclutter YouTube
@description Makes the YouTube interface less cluttered
@version 0.1
@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: hidden;
}
/* Hide secondary/right sidebar */
#secondary {
display: none !important;
}
/* Dim stuff */
ytd-topbar-logo-renderer,
ytd-searchbox {
opacity: 0.2;
}
/* 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