A dark style for reading The Register at night.
The Register - Dark by aleph0
Imported from https://raw.githubusercontent.com/uso-archive/data/flomaster/data/usercss/160050.user.css
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...