mirror of https://github.com/Phantop/dotfiles
498 lines
14 KiB
JavaScript
498 lines
14 KiB
JavaScript
// ==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);
|
|
}
|
|
}
|
|
})();
|