diff --git a/.local/share/qutebrowser/greasemonkey/hnews.js b/.local/share/qutebrowser/greasemonkey/hnews.js
new file mode 100644
index 0000000..8c3ee94
--- /dev/null
+++ b/.local/share/qutebrowser/greasemonkey/hnews.js
@@ -0,0 +1,497 @@
+// ==UserScript==
+// @name Hacker News - Bluish Gray (2020)
+// @namespace http://userstyles.org
+// @description Bluish Gray Hacker News. I recommend installing it with Stylus.
+// @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) ",
+ " 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);
+ }
+}
+})();