// ==UserScript==
// @name          Hacker News - Bluish Gray (2020)
// @namespace     http://userstyles.org
// @description	  Bluish Gray Hacker News. I recommend installing it with <a href="https://add0n.com/stylus.html">Stylus</a>.<br /><br />
// @author        pyxelr
// @homepage      https://userstyles.org/styles/157400
// @include       http://news.ycombinator.com/*
// @include       https://news.ycombinator.com/*
// @include       http://*.news.ycombinator.com/*
// @include       https://*.news.ycombinator.com/*
// @include       http://hn.algolia.com/*
// @include       https://hn.algolia.com/*
// @include       http://*.hn.algolia.com/*
// @include       https://*.hn.algolia.com/*
// @run-at        document-start
// @version       0.20200416203351
// ==/UserScript==
(function() {var css = "";
if (false || (document.domain == "news.ycombinator.com" || document.domain.substring(document.domain.indexOf(".news.ycombinator.com") + 1) == "news.ycombinator.com"))
	css += [
		"/* Hacker News - Bluish Gray (2020)",
		"    v1.2.2 (2019-11-10)",
		"    Author: Pawel Cislo (pyxelr) <pyxelr@gmail.com>",
		"    Repository: https://github.com/pyxelr/Hacker_News_-_Bluish_Gray",
		"    Userstyle: https://userstyles.org/styles/157400/hacker-news-bluish-gray-2020",
		"    UserCSS: https://raw.githubusercontent.com/pyxelr/Hacker_News_-_Bluish_Gray/master/HackerNews-BluishGray.user.css",
		"    License: MIT",
		"*/    ",
		"body  {",
		"		background: #2b3033 !important;",
		"		color: #f0ffff !important;",
		"		font-family: \"Open Sans\", \"Bitstream Vera Sans\", Verdana, Geneva, sans-serif !important;",
		"	}",
		"",
		"	a:link    { color:#b1bcbc !important; }",
		"	a:visited { color:#889191 !important; }",
		"",
		"	body > center > table[width=\"85%\"] {",
		"		background: #212121 !important;",
		"		box-shadow:  0px 0px 30px 3px rgba(0, 0, 0, 0.2) !important;",
		"		border-left: 1px solid #000 !important;",
		"		border-right: 1px solid #000 !important;",
		"	}",
		"",
		"",
		"",
		"",
		"	/* ==== HEADER ==== */",
		"",
		"	/* header that\'s normally an orange bar at top (selects divider above footer too?) */",
		"	body > center > table[width=\"85%\"] td[bgcolor=\"#ff6600\"] {",
		"		background: linear-gradient(to top, #45515b 0%, #4b5762 100%) !important;",
		"		padding: 3px 4px !important;",
		"		box-shadow:  0px 1px 1px 0px rgba(33, 33, 33, 0.2);",
		"	}",
		"",
		"	/* \"Hacker News\" text in header */",
		"	.pagetop a[href=\"news\"] {",
		"		font-size: 110% !important;",
		"		text-shadow: -1px -1px 0 #666, 1px -1px 0 #666, -1px 1px 0 #666, 1px 1px 0 #666 !important;",
		"		color: #e2e6e9 !important;",
		"	}",
		"",
		"	/* size reducement and black border around orange \"Y\" logo */",
		"",
		"	#hnmain > tbody > tr:first-of-type table img {",
		"  	box-sizing: border-box;",
		"  	border: 1px black solid !important;",
		"	}",
		"",
		"	/* currently selected link in header */",
		"	.topsel a {",
		"		color: #f93 !important;",
		"		font-weight: bold !important;",
		"		text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7) !important;",
		"	}",
		"",
		"	/* hover link in header (except \"Hacker News\", and \"login\") */",
		"	.pagetop a:not(:first-child):hover {",
		"		text-decoration: underline !important;",
		"	}",
		"",
		"	.pagetop a:link:not(:first-child),",
		"	.pagetop a:visited:not(:first-child) {",
		"		color: #b1b1b1 !important;",
		"	}",
		"",
		"	/* colorize \'|\' characters in header (and hopefully nothing else) */",
		"	.pagetop {",
		"		color: #878f8f !important;",
		"	}",
		"	",
		"	.pagetop > a[href^=\"user?\"] {",
		"		color: #f0ffff !important;",
		"	}",
		"",
		"",
		"",
		"",
		"	/* ==== FRONT PAGE NEWS LISTING ==== */",
		"",
		"	.title {",
		"		font-size: 14px !important;",
		"	}",
		"",
		"	.title a.storylink:link {",
		"		color: #f0ffff !important;",
		"	}",
		"",
		"	.title a.storylink:visited {",
		"		color: #878f8f !important;",
		"	}",
		"",
		"	.storylink, .subtext {",
		"		padding-left: 8px !important;",
		"	}",
		"",
		"	.subtext {",
		"		padding-bottom: 8px !important;",
		"		font-size: 12px !important;",
		"	}",
		"",
		"	.itemlist .subtext, .itemlist .subtext * {",
		"		color: #878f8f !important;",
		"	}",
		"",
		"	.sitestr {",
		"		color: #6d7474 !important;",
		"	}",
		"",
		"	.title .rank {",
		"		padding-right: 8px !important;",
		"		padding-left: 8px !important;",
		"		color: #444848 !important;",
		"		font-size: 11px !important;",
		"	}",
		"",
		"	/* \"More\" link at bottom */",
		"	.morespace + tr a.morelink {",
		"		color: #b9d3d3 !important;",
		"	}",
		"",
		"	.votearrow {",
		"		filter: invert(100%) !important;",
		"		-webkit-filter: invert(100%) !important;",
		"	}",
		"",
		"	.subtext > a:last-child:visited {",
		"		color: #474f4f  !important;",
		"	}",
		"",
		"	.subtext .hnuser {",
		"		font-weight: bold !important;",
		"	}",
		"",
		"",
		"",
		"",
		"	/* ==== COMMENTS ==== */",
		"",
		"	.comment,",
		"	.comment > span {",
		"		font-family: \"Open Sans\", \"Bitstream Vera Sans\", Verdana, Geneva, sans-serif !important;",
		"		font-size: 14px !important;",
		"	}",
		"",
		"	.comment .c00 {",
		"		color: #f0ffff !important;",
		"	}",
		"",
		"	.comhead .hnuser {",
		"		color: #abc3c3 !important;",
		"		font-weight: bold !important;",
		"	}",
		"",
		"	/* space between individual comments */",
		"	.athing.comtr .default {",
		"		padding-bottom: 10px !important;",
		"	}",
		"",
		"	.c5a, .c5a a:link, .c5a a:visited { opacity: 0.9 !important; }",
		"	.c73, .c73 a:link, .c73 a:visited { opacity: 0.8 !important; }",
		"	.c82, .c82 a:link, .c82 a:visited { opacity: 0.7 !important; }",
		"	.c88, .c88 a:link, .c88 a:visited { opacity: 0.6 !important; }",
		"	.c9c, .c9c a:link, .c9c a:visited { opacity: 0.5 !important; }",
		"	.cae, .cae a:link, .cae a:visited { opacity: 0.4 !important; }",
		"	.cbe, .cbe a:link, .cbe a:visited { opacity: 0.3 !important; }",
		"	.cce, .cce a:link, .cce a:visited { opacity: 0.2 !important; }",
		"	.cdd, .cdd a:link, .cdd a:visited { opacity: 0.1 !important; }",
		"",
		"	.c00, .c00 a:link,",
		"	.c5a, .c5a a:link, .c5a a:visited,",
		"	.c73, .c73 a:link, .c73 a:visited,",
		"	.c82, .c82 a:link, .c82 a:visited,",
		"	.c88, .c88 a:link, .c88 a:visited,",
		"	.c9c, .c9c a:link, .c9c a:visited,",
		"	.cae, .cae a:link, .cae a:visited,",
		"	.cbe, .cbe a:link, .cbe a:visited,",
		"	.cce, .cce a:link, .cce a:visited,",
		"	.cdd, .cdd a:link, .cdd a:visited",
		"	{",
		"		color:#f0ffff !important;",
		"	}",
		"",
		"	a[href^=\"reply\"]:link {",
		"		color: #666c6c !important;",
		"	}",
		"",
		"	a[href^=\"reply\"]:visited {",
		"		color: #333636 !important;",
		"	}",
		"",
		"	a[href^=\"reply\"]:hover {",
		"		color: #abc3c3 !important;",
		"	}",
		"",
		"	/* animate opacity of dimmed comments */",
		"	.c5a, .c73, .c82, .c88, .c9c,",
		"	.cae, .cbe, .cce, .cdd {",
		"		transition: opacity 0.5s !important;",
		"		transition-duration: 0.4s !important;",
		"		transition-delay: 0.2s !important;",
		"	}",
		"",
		"	/* allow easier reading of dimmed comments */",
		"	.c5a:hover, .c73:hover, .c82:hover, .c88:hover, .c9c:hover,",
		"	.cae:hover, .cbe:hover, .cce:hover, .cdd:hover {",
		"		opacity: 1.0 !important;",
		"	}",
		"",
		"	.comhead {",
		"		color: #6d7474 !important;",
		"	}",
		"",
		"	.comment pre {",
		"		background: rgba(0, 0, 0, 0.2) !important;",
		"	}",
		"",
		"	.comment > span > a:link,",
		"	.comment > span > p a:link {",
		"		color: #abc3c3 !important;",
		"	}",
		"",
		"	.comment > span > a:visited,",
		"	.comment > span > p a:visited {",
		"		color: #505b5b !important;",
		"	}",
		"",
		"	.votearrow:hover {",
		"		filter: invert(100%) brightness(1.5) !important;",
		"		-webkit-filter: invert(100%) brightness(1.5) !important;",
		"	}",
		"",
		"	/* Ask HN text at top of commments */",
		"	#hnmain table:first-child tr[id].athing + tr + tr[style=\"height:2px\"] + tr td {",
		"		font-family: \"Open Sans\", \"Bitstream Vera Sans\", Verdana, Geneva, sans-serif !important;",
		"		font-size: 15px !important;",
		"		color: #f0ffff !important;",
		"	/* 		line-height: 1.33 !important; */",
		"	}",
		"",
		"	/* ==== SEARCH BOX, COMMENT BOX, DROP-DOWN MENU ==== */",
		"",
		"	/* background color of search box, comment box and drop-down menu */",
		"	body > center > table, input, textarea, select {",
		"    	background-color: #222 !important;",
		"	}",
		"	/* darker border around search box, comment box and drop-down menu*/",
		"		input, textarea, select {",
		"   		border: 1px solid #828282 !important;",
		"	}",
		"	/* bright input text in search box, comment box and drop-down menu */",
		"		td.title a:link, span.comment font, span.comment font a:link, u a:link, span.yclinks a:link, body:not([id]),",
		"		td:nth-child(2):not(.subtext) > a:link, input, textarea, select, p > a, a > u, .c00, .c00 a:link,",
		"		a[href=\"http://www.ycombinator.com/apply/\"] {",
		"      	color: #ccc !important;",
		"	}",
		"",
		"",
		"",
		"",
		"	/* ==== FOOTER ==== */",
		"",
		"	#hnmain > tbody > tr:last-child {",
		"		background: linear-gradient(to bottom,  #212121 0%, #131313 100%) !important;",
		"",
		"	}",
		"",
		"	#hnmain > tbody > tr:last-child td[bgcolor=\"#ff6600\"] {",
		"		background: transparent !important;",
		"		border-top: 1px solid #778888 !important;",
		"	}",
		"",
		"",
		"",
		"",
		"	/* ==== OTHER ==== */",
		"",
		"	/* textbox formatting help */",
		"	.admin, .admin td, .admin p {",
		"		color: #f0ffff !important;",
		"		font-size: 14px !important;",
		"	}",
		"",
		"	/* bookmarklet text */",
		"	table[width=\"500\"] #main > #first {",
		"		color: #000 !important;",
		"	}"
	].join("\n");
if (false || (document.domain == "hn.algolia.com" || document.domain.substring(document.domain.indexOf(".hn.algolia.com") + 1) == "hn.algolia.com"))
	css += [
		"/* invertion of algolia logo in the footer */",
		"	.search-wrapper img",
		"	{",
		"		filter: invert(50%) !important;   ",
		"	}",
		"",
		"	/* text highlight color of search results */",
		"	.main .search-results em {",
		"    	background-color: #b1bcbc !important;",
		"	}",
		"",
		"	/* dark drop-down menus */",
		"	.wrap-dd-select",
		"	{",
		" 		background-color: #222 !important;",
		"    	border: 1px solid #828282 !important;",
		"    	color: #ccc !important;",
		"	}",
		"",
		"    ",
		"	/* ==== SEARCH BOX, COMMENT BOX, DROP-DOWN MENU ==== */",
		"    /* Dropdown */",
		"    .Dropdown_label",
		"    {",
		"        color:#c2c2c2;",
		"    }",
		"    .Dropdown_list li button {",
		"    color: #f3f3f3;",
		"    background-color: #45515b;",
		"    }",
		"    ",
		"    /* Story */",
		"    .Story_title a ",
		"    {",
		"    color: #F0FFFF;",
		"    }",
		"    .Story_title .Story_link ",
		"    {",
		"    color: #6d7474;",
		"    font-size: 11px;",
		"    word-break: break-all;",
		"    }",
		"    .Story_comment",
		"    {",
		"    color: #ababab;",
		"    }",
		"    ",
		"    /* Search */",
		"    body > center > table, input, textarea, select ",
		"    {",
		"    	background-color: #222 !important;",
		"	}",
		"    .SearchResults_container",
		"    {",
		"    	background-color: #222 !important;",
		"	}",
		"    .SearchFilters.container",
		"    {",
		"    	background-color: #45515b !important;",
		"	}",
		"    .SearchFilters {",
		"    color: #f3f3f3;",
		"    }",
		"    .SearchHeader .PoweredBy",
		"    {",
		"        color:#a0a0a0;",
		"    }",
		"    .SearchResults",
		"    {",
		"        background:#222;",
		"        box-shadow:  0px 0px 30px 3px rgba(0, 0, 0, 0.2) !important;",
		"		border-left: 1px solid #000 !important;",
		"		border-right: 1px solid #000 !important;",
		"    }",
		"    /* Settings view */",
		"    .Settings",
		"    {",
		"        background-color:#222;",
		"    }",
		"    .Settings h2",
		"    {",
		"        color:#bcbcbc;",
		"    }",
		"    .Settings label ",
		"    {",
		"        color:#a0a0a0;",
		"    }",
		"    ",
		"    /* Other */",
		"    .Pagination",
		"    {",
		"        background-color:#45515b;",
		"    }",
		"    .Footer_list a ",
		"    {",
		"    color: #a0a0a0;",
		"    }",
		"    ",
		"	/* darker border around search box, comment box and drop-down menu*/",
		"		input, textarea, select {",
		"   		border: 1px solid #828282 !important;",
		"	}",
		"	/* bright input text in search box, comment box and drop-down menu */",
		"		td.title a:link, span.comment font, span.comment font a:link, u a:link, span.yclinks a:link, body:not([id]),",
		"		td:nth-child(2):not(.subtext) > a:link, input, textarea, select, p > a, a > u, .c00, .c00 a:link,",
		"		a[href=\"http://www.ycombinator.com/apply/\"] {",
		"      	color: #ccc !important;",
		"	}",
		"",
		"",
		"	/* ==== OTHER ==== */",
		"	body {",
		" 		 background-color: #292929;",
		"	}",
		"",
		"	.search-results {",
		" 		 background-color: #292929;",
		"	}",
		"",
		"    .page-header a {",
		"  		color: #9a9a9a;",
		"	}",
		"",
		"",
		"	.main .search-results .item .item-main .item-title-and-infos h2 a {",
		"        color: #9a9a9a;",
		"	}",
		"",
		"	#main > div > section > header {",
		"  		background-color: #292929;",
		"  		color: #9a9a9a;",
		"	}",
		"",
		"	.page-header .logo-wrapper .logo-name {",
		" 		color: #e2e6e9 !important; ",
		"	}",
		"",
		"	#main > div > header {",
		" 		background-color: #292929;",
		"  		color: #9a9a9a;",
		"    }",
		"",
		"	.main .search-results em {",
		" 		background-color: #dadada !important; /* net net net :D */",
		"	}",
		"",
		"	.search-pagination li.active button {",
		" 		border-color: #dadada;",
		"  		color: #dadada;",
		"	}",
		"",
		"	footer {",
		"  		background-color: #292929;",
		"	}",
		"",
		"	footer a {",
		"  		color: #9a9a9a;",
		"	}",
		"",
		"	#main > div > section > section > section > div.item.ng-scope > div.item-main > div.item-content-wrapper p {",
		"  		color: #dadada;",
		"	}",
		"",
		"	.edit-settings {",
		"    	background-color: #292929;",
		"	}"
	].join("\n");
if (typeof GM_addStyle != "undefined") {
	GM_addStyle(css);
} else if (typeof PRO_addStyle != "undefined") {
	PRO_addStyle(css);
} else if (typeof addStyle != "undefined") {
	addStyle(css);
} else {
	var node = document.createElement("style");
	node.type = "text/css";
	node.appendChild(document.createTextNode(css));
	var heads = document.getElementsByTagName("head");
	if (heads.length > 0) {
		heads[0].appendChild(node);
	} else {
		// no head yet, stick it whereever
		document.documentElement.appendChild(node);
	}
}
})();