Skip to content

Neocities Darkmode by DigitalCheese

Screenshot of Neocities Darkmode

Details

AuthorDigitalCheese

LicenseNo License

CategoryNeocities

Created

Updated

Size2.4 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Unofficial darkmode option, finally available for Neocities :D

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
}
}

Reviews

No reviews yet.