Skip to content

Instantly share code, notes, and snippets.

@Phate6660
Last active January 16, 2022 08:42
Show Gist options
  • Save Phate6660/0e42fc2a5d23090276ede2af4ae50b3d to your computer and use it in GitHub Desktop.
Save Phate6660/0e42fc2a5d23090276ede2af4ae50b3d to your computer and use it in GitHub Desktop.
A dark userstyle for https://lobste.rs that aims to be simple and robust.
body, textarea, input, button {
font-size: 11px;
}
a {
color: green;
}
p>a {
color: green !important;
}
body {
background-color: #202020;
color: grey;
}
button, input, textarea {
background-color: #303030 !important;
color: lightgrey !important;
}
.comments, .story_text {
color: lightgrey !important;
}
span.headerlinks > a,
span#headertitle > a,
span.comments_label > a,
div.details > div.byline > a,
div.details > div.byline > a.comment_editor,
div.details > div.byline > a.comment_deletor,
div.details > div.byline > a.flagger,
div.details > div.byline > a.comment_replier,
.cur_url {
color: white;
}
span.headerlinks > a.cur_url,
div#footer > a,
div.morelink > a {
color: white !important;
}
.domain {
color: yellow !important;
}
.user_is_author {
color: lightblue !important;
}
div.byline > span {
color: lightgreen !important;
}
@Phate6660
Copy link
Author

Ignore the [http] markings 😅
I had another userstyle enabled that I forgot to disable before screenshotting.

@Phate6660
Copy link
Author

Update:
image

@Phate6660
Copy link
Author

Update (managed to fix that pesky mis-aligned header bar while in /newest):
image

@Phate6660
Copy link
Author

And here's a screenshot from a comment view:
image

@Phate6660
Copy link
Author

Update:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment