SnapFox

Snapfox

I have made an extension for Snap! called SnapFox. It makes the snap website dark.

Install for Firefox!
Install for Chrome!
Website

The Features it adds:

  • A dark mode theme for the Snap Website!

How come it's only for Firefox?

I have to pay to put it on the chrome store

..........
chrome is free
The developing guide is free (and sort of a slightly tweaked JavaScript is being used(idk abt firefox) maybe u could make vars THERE.)

Zip folders are free
JavaScript files are free
Json files are free
Html files are free
The process for creation of the crx file is free
uploading the crx file to dropbox is free
Sharing it with a link in dropbox is free
Giving us the link in the snap forums is free
π•Šπ•™π•’π•£π•šπ•Ÿπ•˜ π•₯𝕙𝕖 π•—π•šπ•π•– π•₯𝕠 π•”π•™π•£π• π•žπ•– 𝕨𝕖𝕓 𝕀π•₯𝕠𝕣𝕖 π•šπ•€π•Ÿπ•₯ 𝕗𝕣𝕖𝕖.

I'm very skeptical about this one. Care to share your source? :slight_smile:

Sure, I haven’t written a single line yet for the speed thing so you won’t find what you are looking for.

@djdolphin
Sorry to be taging you again.
But can I use your snapinator's website and use it for snapfox.
It's better asking then not :man_shrugging: Plus copyright claims

Yes, go ahead.

If you dont have Firefox, you can install the userscript for the dark theme
Thanks to @the2000 for the UserScript Template

// ==UserScript==
// @name         [Snap!] Dark Theme
// @namespace    https://snap-fox.github.io
// @version      1.0
// @description  Adds a dark mode for the snap! website
// @author       Daniel Barton
// @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-fox.github.io/SnapFox/style.css');
    document.head.appendChild(styleTag);
    document.getElementsByClassName('logo')[0].src = 'https://snap.berkeley.edu/img/topbar-logo.png';
})();

Uhhmmm...you need to fix some spelling, uhh, it's not "buring" it's "burning"...

(XD sorry)

That’s okay, plus I have scrap that site for a new one coming soon.

i wont be on much for the weekend but try to delete some videos on your files that you already watched...
and you need to learn HTML and javascript
to learn javascript you must request for your admin to unblock https://sololearn.com

You can get rid of the last line of code ( document.getElementsByClassName('logo')[0].src = 'https://snap.berkeley.edu/img/topbar-logo.png';) in the userscript; My theme replaces the topbar logo with one I made in order for it to stand out more, but you just set the value to the default logo

This also works on the forum even though it says it can only be used on snap.berkeley.edu

IDK if you're still updating this but I was messing around with the dark theme and I don't like how the project/collection notes background is totally white. I wrote this custom styling in like five seconds which I think makes it look better:

background-color: #3c3c3c;
color: white;

um, here's a javascript tutorial on the snap forums

I’ll have a look, thanks for suggesting!

Is this a good suit to put on the snapfox icon?

Hrrmmmm....it can use some editing.....(it doesn't look like a fox)

Make it look smoother, maybe slimmer around the stomach area, make the paws look more round, make a pointy snout, the ears bigger, fix the back of it so it doesn't look like a scared cat...and maybe add a tail...

I think I criticize art too much
:sweat_smile:

You do have have a point.