Userstyles

.userstyles.md

Userstyles

Click on the raw button to install.

hn-dark.user.css

/* ==UserStyle==
@name           HN Dark
@namespace      github.com/anakaiti
@version        2.0.1
@description    Dark theme for hacker news, copied from a comment a while ago so unclear license.
@author         anakaiti
@updateURL      https://gist.githubusercontent.com/anakaiti/b49480b4625b6a0b187f2a43246ac158/raw/hn-dark.user.css
==/UserStyle== */

@-moz-document domain("news.ycombinator.com") {
	body {
		background-color: #1F2430;
	}

	#hnmain {
		background-color: #232834;
	}

	a:link.storylink, #hnmain > tbody > tr:first-child > td a, .commtext, .commtext a:link, td {
		color: #fafafa;
	}

	#hnmain > tbody > tr:first-child > td {
		background-color: #333a4a;
	}

	a:link, .sitebit, .subtext, .sitestr, .subtext a:link, .rank, a.morelink, .pagetop, .yclinks a, .comhead a:link, .comhead, .hnmore a:link, .reply a:link {
		color: #8c96ac;
	}

	a:visited {
		color: #979cf4;
	}

	.votearrow {
		overflow: visible;
		position: relative;
	}

	.votearrow::before {
		content: "";
		width: 0;
		height: 0;
		left: 1px;
		top: 3px;
		display: block;
		position: absolute;
		border-left: 4px solid transparent;
		border-right: 4px solid transparent;
		border-bottom: 7px solid #bebfd1;
	}

	input[type=text], textarea {
		background-color: #333a4a;
		color: #fafafa;
		border: 1px solid #1F2430;
	}
}

yt-live-chat-mod-only.user.css

/* ==UserStyle==
@name           YT Live modonly
@namespace      github.com/anakaiti
@version        1.0.3
@description    Hide non-moderator Youtube Live chat messages
@author         anakaiti
@updateURL      https://gist.githubusercontent.com/anakaiti/b49480b4625b6a0b187f2a43246ac158/raw/yt-live-chat-mod-only.user.css
@license        unlicense
==/UserStyle== */

@-moz-document url-prefix("https://www.youtube.com/live_chat") {
	yt-live-chat-text-message-renderer[author-type=""] {
		display: none;
	}
}

yt-live-simple-chat.user.css

/* ==UserStyle==
@name           YT Live simple
@namespace      github.com/anakaiti
@version        1.0.1
@description    Slimmed down theme for Youtube Live chat popout
@author         anakaiti
@updateURL      https://gist.githubusercontent.com/anakaiti/b49480b4625b6a0b187f2a43246ac158/raw/yt-live-simple-chat.user.css
@license        unlicense
==/UserStyle== */

@-moz-document regexp("https://www.youtube.com/live_chat.*is_popout=1.*") {
	#avatar, yt-live-chat-header-renderer, #buttons.yt-live-chat-message-input-renderer {
		display: none;
	}
}