Skip to content

The Register - Dark by aleph0

Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/160050.user.css

Screenshot of The Register - Dark

Details

Authoraleph0

LicenseCC-BY-4.0

Categorytheregister

Created

Updated

Size16 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Notes

v 1.6.0 [2022-10-26] 2022 Article restyling

v 1.5.13 [2021-08-12] New subsections
v 1.5.12 [2021-06-08] New share icon color
v 1.5.11 [2021-03-17] Minor tweak of newsletter signup link
v 1.5.10 [2021-03-09] Overflow of most read article previews
v 1.5.9 [2021-02-15] Visibility of vote arrows on forum posts
v 1.5.8 [2020-10-31] Reverted link colors to site theme (default now looks okay on dark)
v 1.5.7 [2020-10-01] New masthead
v 1.5.6 [2020-07-22] Styled Newsletter subscription page
v 1.5.5 [2020-07-08] Fixed comment numbers on Popular stories page
v 1.5.4 [2020-07-05] Fixed visibility of share label in articles
v 1.5.3 [2020-06-27] Minor changes to poll button and results
v 1.5.2 [2020-06-12] Styled sharing buttons hidden by site update
v 1.5.1 [2020-06-05] Minor changes to Most Read and Popular sections
v 1.5.0 [2020-05-30] Applies to new default domain theregister.com
v 1.4.4 [2020-05-20] New author byline style
v 1.4.3 [2020-05-16] Fixed promo article links
v 1.4.2 [2020-04-17] Minor fix to carousel title
v 1.4.1 [2020-03-27] Fixed newly-introduced carousel feature
v 1.4.0 [2020-03-06] Changed to less-specific page matches
v 1.3.9 [2020-03-06] Fixed breadcrumbs broken by new site style
v 1.3.8 [2020-02-27] Changed section headers rule to a less-specific match
v 1.3.7 [2020-02-13] Minor fix for Title label on comment form
v 1.3.6 [2020-02-07] Minor fix for section headers on homepage
v 1.3.5 [2020-01-22] Fix for "Blocks and Files" and "DevClass" changes
v 1.3.4 [2020-01-21] Fix for "Blocks and Files" header class changed
v 1.3.3 [2020-01-19] Fixed line background for "Popular" home page section
v 1.3.2 [2019-10-30] "Most Read" section fixes
v 1.3.1 [2019-10-29] Mobile menu fixes
v 1.3 [2019-10-23] Darkened a little more, on phone LCD screens it looked still quite bright
v 1.2 [2019-09-06] Finally got around to styling the comment box
v 1.0 [2018-08-02] Fixed polls and search page/results
v 0.9 [2018-05-18] Added home page
v 0.8 [2018-05-17] Initial public release. Supported views are articles, forums, print

TODO: streamline and remove duplicate definitions

Source code

Source code has over 10K characters, so we truncated it. You can inspect the full source code on install link.
/* ==UserStyle==
@name           The Register - Dark
@namespace      USO Archive
@author         Aleph0
@description    `A dark style for reading <a href="https://www.theregister.co.uk/">The Register</a> at night.`
@version        20221114.17.00
@license        CC-BY-4.0
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("theregister.com"), domain("theregister.co.uk") {
/* LEGACY PRINT VIEW (https://www.theregister.co.uk/Print/REST-OF-URL) */
body {
	background-color: #070707;
	color: #bbb;
}
#article h2 {
	color: #fff;
}
#article .standfirst {
	color: #ddd;
}
a:link {
	color: #f55;
}
a:visited, .dcl a:visited, a.dcl:visited {
	color: #a00;
}
.crosshead {
	color: #fff;
}
.CaptionedImage img {
	background-color:#bbb;
}
#body pre {
	background: #222;
	border: 0.7px solid #bbb;
}

/* TOP MENU */
#masthead {
	background: #a00;
	box-shadow: -2000px 0px #600,-1000px 0px #600,1000px 0px #600,2000px 0px #600;
}
#top_nav, #site_nav.glue #top_nav {
	background:#800;;
}
#top_nav .subnav_box:target, #top_nav .subnav_box.expand {
	background: #a00;
}
#top_nav a.topnav_elem:hover, #top_nav a.subnav_elem:hover {
	color: #fff;
	background: #000;
}
#masthead.moby_dick {
	color: #fff;
	box-shadow: -2000px 0px #600,-1000px 0px #600,1000px 0px #600,2000px 0px #600;;
}
#masthead.moby_dick #top_nav {
	background:#fff;
}
#top_nav a {
	color: #fff;
}
#nav_pop > div {
	background:#070707;
}
#nav_pop .story_row a {
	color: #ccc;
}
#nav_pop .story_row a:visited {
	color: #888;
}
#nav_pop .story_row a:hover {
	color: #fff;
}

/* FORUMS */
 body:not(.DYNX) #page {
	background: #111;
	color: #bbb;
}
.alt_colour a:link, a.alt_colour:link {
	color: #f90;
}
.alt_colour.dcl a:hover, .alt_colour.dcl a:focus, .alt_colour a:hover, .alt_colour a:focus, a.alt_colour.dcl:hover, a.alt_colour.dcl:focus {
	color: #fd6;
}
#forum_posts h4 {
	color: #eee;
}
#forum_posts .post {
	color: #888;
}
#forum_posts .status, #forum_posts .err {
	background: #855;
	color:#eee;
}
#forum_posts .author:hover, #forum_posts .author:focus, #forum_posts .dateline:hover, #forum_posts .dateline:focus {
	color: #fff;
}
#forum_posts .author, #forum_posts .dateline {
	color: #aaa;
}
#forum_posts form.report .text_btn:hover, #forum_posts form.report .text_btn:focus {
	color:#f33;
}
#forum_posts a.in-reply-to img:hover {
	-webkit-filter: invert(1);
	filter: invert(1);
}
#comment-form {
	background: #272727;
}
#comment-form h2, #comment-form p {
	color:#eee;
}
#comment-form .body textarea, #comment-form .field input {
	color: #ddd;
	background-color: #070707;
}
#comment-form .body textarea.prompt {
	color: #888;
	background-color: #070707;
}
#comment-form #user_comment_block #comment_tabs li {
	background: #000;
	color: #999;
}
#comment-form #user_comment_block #comment_tabs li.current {
	background: #566;
	color: #fff;
}
#comment-form .icons {
	background-color: #171717;
	color: #fff;
}
#comment-form .dynamic .selected span, #comment-form .dynamic .selected img {
	border: 2px solid #06f;
	border-radius: 15px;
	background-color: #00ebff;
}
#comment-form .dynamic img {
	background-color: #ccc;
}
#comment-form #icon_select_disabled {
	background-color: rgba(128,0,0,.5);
	border: 3px solid #f00;
}
#comment-form .reg_btn {
	color: #000;
	background: #eee;
	font-size: .9em;
}
#comment-form .field label {
	color: #000;
}
body.forums p.status, body.forums p.err {
	background: #433;
	border: red solid 1px;
}
body.forums .nested ol.indent.even > li > .post > .content > .body > .fadeout {
	background: linear-gradient(rgba(242,242,242,0),#171717);
}
body.forums .nested ol.indent.odd > li > .post > .content > .body > .fadeout {
	background: linear-gradient(rgba(242,242,242,0),#111);
}
ol.indent.level-0.odd .post .body .fadeout {
	background: linear-gradient(rgba(242,242,242,0),#111);
}
#forum_posts .post .resize_content {
	color: #800;
}
body:not(.DYNX) #forums_page h1 .forum_headline {
	color: #ddd;
}
#forum_posts .post .body a:link, #forums_page #comment-form .hint a:link, #comment-form .guidelines a {
	color: #0ac;
}
#forums_page #comment-form .hint a:hover, #forums_page #comment-form .hint a:focus, #forum_posts .post .body a:hover, #forum_posts .post .body a:focus, #comment-form .guidelines a:hover, #comment-form .guidelines a:focus {
	color: white;
	background: #0066cc;
	outline: 0.05em solid #0066cc;
}
.forums-page-nav li a:link{
	color: #fff;
}
.forums-page-nav li a:visited{
	color: #888;
}
.forums .abstract {
	color: #aaa;
}
.forum_headline {
	color: #800 !important;
}
body.forums .nested ol.indent.odd > li {
	background-color: #111;
	border-bottom: 0.5em solid #171717;
}
body.forums .nested ol.indent.even > li {
	background-color: #171717;
	border-bottom: 0.5em solid #111;
}
#forum_posts {
	border: #272727 1px solid;
}
.post .actions .vote {
	color: #aaa;
}
#sorting_order form {
	background: #444;
}
#forums-nav #rhs_forums_nav_tab li {
	background-color: #444;
}
#forums-nav #rhs_forums_nav_tab li:last-child {
	background-color: #272727;
}
#forums-nav #rhs_forums_nav_tab li h4 a.dcl {
	color: #f55;
}
.forum_post_action_vote_msg {
	background: #800;
	box-shadow: 1px -1px red;
}
body.forums table.idx.dcl td.section.img a:link p, body.forums table.idx.dcl td.latest h5 a:link {
	color: #bbb;
}
body.forums table.idx.dcl td.forum a:link {
	color: #fff;
}
body.forums table.idx.dcl td.forum a:visited, body.forums table.idx.dcl td.section.img a:visited h3, body.forums table.idx.dcl td.section.img a:visited p , body.forums table.idx.dcl td.latest a:visited {
	color: #777;
}
body.forums table.idx.dcl td.forum a:hover, body.forums table.idx.dcl td.section.img a:hover {
	color: #bbb;
}
body.forums h2#section-title.dcl a {
	color: #f55;
}
body.forums table.idx.dcl td.section.img a:hover h3, body.forums table.idx.dcl td.section.img a:hover p, body.forums table.idx.dcl td.latest a:hover, body.forums h2#section-title.dcl a:hover {
	color: #fff;
}
.post .vote.up::before, .post .vote.down::before {
filter:invert(40%);
}
.post .vote.up[data-user-vote="true"]::before, .post .vote.down[data-user-vote="true"]::before {
filter:none;
}

/* ARTICLE VIEW */
body #page {
	background: #111;
}
#article #body {
	color: #bbb;
}
#article #body .trailer{
	color: #eee;
}
#body .crosshead span {
	box-shadow: 0 -0.56em 0 #272727 inset;
}
#read_more_on a:link .standfirst , #whitepapers a:link .standfirst, .one_story.left a:link .standfirst, .srow article .article_text_elements .standfirst {
	color: #aaa;
}
#read_more_on a:visited .standfirst , #whitepapers a:visited .standfirst, .one_story.left a:visited .standfirst {
	color: #555;
}
#read_more_on a:hover .standfirst , #read_more_on a:hover h4 , #whitepapers a:hover .standfirst , #whitepapers a:hover h4, .one_story.left a:hover .standfirst, .one_story.left a:hover h3 {
	color: #eee;
}
#story_section_break {
	background: #070707;
	border-top: 2em solid #111;
}
#body blockquote.centredquote p, #body blockquote.pullquote p {
	background: #222;
	display: inline;
	box-shadow: 10px 0 0 #222,-12px 0 0 #222;
	color: #ddd;
}
#body .boxout , #body .sidebar, #article_newsletter_signup {
	background: #222;
}
#body .boxout::before , #body .sidebar::before, #article_newsletter_signup::before {
	background: #222;
	box-shadow: 3px -3px 0 white;
}
#body .boxout::after , #body .sidebar::after, #article_newsletter_signup::after {
	background: #222;
	box-shadow: -3px 3px 0 white;
}
.EmbeddedTweet-tweet , .EmbeddedTweet-ancestor {
	   background: #222;
}
#article #body .wptl.top a, #article #body .wptl.btm a {
	color: #25a;
}
body.DYNX #crumb_trail a.dcl h4 , body[data-pagetype="Archive"] #main-col #archive h2 a:link {
	color: #c00;
}
body.DYNX #crumb_trail a.dcl:hover h4 , body[data-pagetype="Archive"] #main-col #archive h2 a:hover {
	color: #f55;
}
#body .blockextract {
	border-left: 6px solid #444;
}
#poll, #quiz {
	border: 1px solid #888;
}
#poll .view_results_widget button {
	color: #888;
	border: 1px solid #888;
}
#poll .reg_btn.poll_submit{
	border: 1px solid #fff;
}
#poll .poll_text {
	background: #444;
}
#poll .resultBar {
	border: 0.05em solid #171717;
}
#body .reg_poll .view_results_widget button {
    background: #fff4;
 }
#body .reg_poll .poll_text {
	background: #fff2;
}
#search-form {
	background-color: #272727;
}
.reg_tbl .stripe {
	background: #272727;
}
#crumb_trail a.dcl:not(.sub_sec):visited {
	color: #b00;
}
div#main-col div.byline_and_share span.byline_name_contact a.byline_name {
    color: #ccc;
}
.sharing_widget .sharing_box a img, .sharing_widget .top_blob img {
	filter: invert(38%) drop-shadow(2px 2px #d70);
}
.sharing_widget.open .sharing_box {
	background: #002;
}
.sharing_widget .top_blob > span {
	color: #e80;
}
#page #top-col-story .header_right .byline_and_dateline_and_share_and_comments {
    color: #bbb;
}

/* HOME PAGE  -  SECTIONS PAGES  -  ARCHIVE  */
body #top_tease h3:not(.story) {
	color: #fff;
}
body #top_tease a:link h3 {
	color: #ccc;
}
body #top_tease a:visited h3 {
	color: #888;
}
body #top_tease a:hover h3 , body #top_tease a:focus h3 {
	color: #fff;
}
body a:link .standfirst, #top_tease a:link .standfirst, body article a.story_link div.article_text_elements div.standfirst, body div#article div.promo_article a h2 {
	color: #e55;
}
body #main-col a:link h4, body #main-col a:link .time_stamp , body[data-pagetype="Archive"] #main-col a:link h3, .srow article .article_text_elements h4 {
	color: #ccc;
}
body #main-col a:visited h4, body  #main-col a:visited .time_stamp , body[data-pagetype="Archive"] #main-col a:visited h3 {
	color: #888;
}
body .alt_colour a:visited, a.alt_colour:visited, .alt_colour.dcl a:visited, a.alt_colour.dcl:visited {
	color: #f90;
}
body .alt_colour a:hover, a.alt_colour:hover, .alt_colour.dcl a:hover, a.alt_colour.dcl:hover {
	color: #fd6;
}
body a:visited .standfirst, #top_tease a:visited .standfirst, body article a.story_link:visited div.article_text_elements div.standfirst {
	color: #a55;
}
body a:hover .standfirst, body a:hover .time_stamp , body #main-col a:hover h4, #top_tease a:hover .standfirst, body[data-p...

Reviews

No reviews yet.