Snap! Community Site Dark Mode

Advanced Topics Mods & Extensions
, , ,
1

This is a user script that allows the Snap! Community Site to become dark.
You need a user script manager to do this.
Install the following script:

// ==UserScript==
// @name         [Snap!] Dark Mode
// @namespace    https://snap-files.joecooldoo.repl.co
// @version      1.0
// @description  A dark theme for the official Snap! Website. Thank you the2000 for the template.
// @author       Joecooldoo
// @match        *https://snap.berkeley.edu/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

     var styleTag = document.createElement('link');
    styleTag.setAttribute('rel', 'stylesheet');
    styleTag.setAttribute('href', 'https://snap-files.joecooldoo.repl.co/snapDarkMode.css');
    document.head.appendChild(styleTag);
    document.getElementsByClassName('logo')[0].src = 'https://snap-files.joecooldoo.repl.co/snap.png';
})();

And boom! Open the homepage to see the changes!

2

Why do you replace the logo with a link to an image on your site? I looked at it, and it doesn't seem that different from the image that's already there.

3

You can remove it, I was too lazy to change it back. (I don't even know why I changed it in the first place)

4

Bookmarklet version for people who can't use userscripts:

javascript: (function() { 'use strict'; var styleTag = document.createElement('link'); styleTag.setAttribute('rel', 'stylesheet'); styleTag.setAttribute('href', 'https://snap-files.joecooldoo.repl.co/snapDarkMode.css'); document.head.appendChild(styleTag); document.getElementsByClassName('logo')[0].src = 'https://snap-files.joecooldoo.repl.co/snap.png'; })();
6

ok