news.ycombinator.com - dark theme by tidy-easy-stockade

/* ==UserStyle==
@name         news.ycombinator.com - dark theme
@version      20220329.04.22
@namespace    userstyles.world/user/tidy-easy-stockade
@description  Simple dark theme with bigger font sizes.
@author       tidy-easy-stockade
@license      Copyleft
==/UserStyle== */

@-moz-document domain("news.ycombinator.com") {
:root {
	--body-background: hsl(0, 2.4%, 5.5%);
	--content-backgorund: hsl(0, 2.4%, 10.5%);
	--main-color: #ff6600;
	--text-color: hsl(0, 2.4%, 70.5%);
}

html {
	background-color: var(--body-background);
}

#hnmain {
	background-color: var(--content-backgorund) !important;
	max-width: 800px;
}

#hnmain .fatitem a:link,
a.titlelink,
.title .morelink,
.yclinks a {
	color: var(--main-color);
}

.votearrow {
	margin-left: 5px;
	filter: brightness(0) saturate(100%) invert(47%) sepia(79%) saturate(3282%) hue-rotate(0deg) brightness(102%) contrast(106%);
}

td.title {
	padding-left: 10px;
}

.title {
	font-size: 16px;
}

.comhead {
	font-size: .8em;
}

.subtext {
	font-size: .7em;
	padding-left: 10px;
}

.spacer {
	height: 2em !important;
}

input,
textarea {
	background-color: hsl(0, 2.4%, 20.5%);
	color: var(--text-color);
	padding: 5px 10px;
	border-color: hsl(0, 2.4%, 15.5%);
	transition: border-color .3s;
}
input:focus,
textarea:focus {
	border-color: var(--main-color);
	outline: none;
}

input[type="submit"] {
	width: 100%;
	cursor: pointer;
}
input[type="submit"]:hover {
	border-color: var(--main-color);
	outline: none;
}

#hnmain > tbody > tr:first-of-type {
	position: sticky;
	top: 0;
}

.c00,
.c00 a:link,
.comment .reply a {
	color: var(--text-color);
	transition: color .3s;
}
.c00 a:hover {
	color: var(--main-color);
}

.fatitem .default {
	width: 100%;
}

.fatitem .comment,
.fatitem > tbody > tr:nth-of-type(4) td:last-child {
	color: var(--text-color);
	font-size: 16px;
	max-width: 700px;
	display: block;
	margin: 0 auto;
}

.comment-tree {
	max-width: 700px;
	margin: 0 auto;
}

.comment-tree .comment {
	font-size: 16px;
	line-height: 1.4;
}
}

@-moz-document url-prefix("https://news.ycombinator.com/item?") {
/**
* Item
*/

/* Pool */
.votelinks + .comment font[color="#000000"] {
	color: var(--text-color);
}
}

@-moz-document url-prefix("https://news.ycombinator.com/login"), url-prefix("https://news.ycombinator.com/submit") {
/**
* Login page
*/

html {
	color: var(--text-color);
	min-height: 100%;
	display: flex;
}

body {
	background-color: var(--content-backgorund);
	margin: auto;
	padding: 1em;
	box-shadow: 0 0 10px hsl(0, 2.4%, 7.5%);
}

a,
a:link {
	color: var(--text-color);
}
}

@-moz-document url-prefix("https://news.ycombinator.com/user") {
/**
* Profile page
*/

td[bgcolor="#ffffaa"] {
	background-color: hsl(0, 2.4%, 15%);
	padding: 1em
}

.profileform {
	padding: 1em;
}

.profileform a,
.profileform a:link {
	color: var(--text-color);
}
}

@-moz-document url-prefix("https://news.ycombinator.com/threads?") {
/**
* Threads
*/

.comhead .score {
	display: none;
}
}