Unofficial darkmode option, finally available for Neocities :D
Neocities Darkmode by DigitalCheese
Details
AuthorDigitalCheese
LicenseNo License
CategoryNeocities
Created
Updated
Size2.4 kB
Statistics
Learn how we calculate statistics in the FAQ.
Failed to fetch stats.
Description
Notes
This is the un-official Neocities darkmode I made. I too got fed up with a non-existant darkmode. I swear more websites need it. Even if there was one for editing code, its still annoying to me.
Source code
/* ==UserStyle==
@name Neocities Darkmode
@version 20230612.16.15
@namespace userstyles.world/user/DigitalCheese
@description Unofficial darkmode option, finally available for Neocities :D
@author DigitalCheese
@license No License
==/UserStyle== */
@-moz-document url-prefix("https://neocities.org") {
div.col, div.content.misc-page.columns.right-col, div.files, div.container.news-feed, div.page, div.post-comment input, input.input-Area, main.content-Base, div.upload-Boundary, div.file.filehover, input.col-50, textarea, select, option, input, ul.nav.nav-tabs li.active a, div.select-Container, form, div#deleteConfirmModal, body.interior {
background:black!important;
color:white!important
}
div.header-Outro.with-columns, div.header-Outro.with-site-image, div.header-Outro, ul.nav.nav-tabs li a:hover, div.modal-header {
background:#003!important
}
fieldset.content, div.header {
background:#000054!important
}
div.col.col-50.profile-info, div.col.col-50.signup-Area.large, div.col.col-50, div.col.col-100, div.row.content div.col, div.post-comment {
background:transparent!important
}
aside.footer-Outro, a.tag {
background:#222!important;
border-top:1px transparent solid;
color:white!important
}
a, p, span.title {
color:white!important
}
div.text a.user, div.comments a.user, div.text a.you, div.content a.user {
color:cyan!important
}
ul.row.website-Gallery.content.int-Gall li, div.content.single-Col.misc-page {
background:#111!important;
border:9px #151515 solid!important
}
a.large-portrait, a.screenshot.dashboard {
border:9px #151515 solid!important
}
}
@-moz-document url-prefix("https://blog.neocities.org") {
body {
background:black;
color:white!important
}
div.language-plaintext.highlighter-rouge div.highlight pre.highlight, code, div.post-content pre {
background:#111!important;
color:white
}
h1, h2, h3, h4, ul li {
color:white!important
}
p a IMG, IMG[src="https://blog.neocities.org/assets/tipping2.png"], IMG[src="https://blog.neocities.org/assets/permanentweb404.png"], IMG[src="https://blog.neocities.org/assets/centralized-decentralized-distributed.jpg"], IMG[src="/assets/neocities-reaches-10k-kickstarter-funding.png"], IMG[src="/assets/front-browse-screenshot.png"], IMG[src="/assets/activityfeed.png"], IMG[src="https://blog.neocities.org/assets/newdesign.jpg"] {
filter:invert(100)!important
}
}