senipah/solid-old-reddit-theme

/r/Solid Old Reddit CSS Theme

This is a theme for the /r/Solid subreddit. See https://github.com/Senipah/Old-Reddit-Sass-Theme for the upstream.

To merge changes from upstream:

git pull upstream master

OR

If you want to manually approve changes:

git fetch upstream

git merge --no-commit --no-ff upstream/master

To undo a merge:

git reset --hard ORIG_HEAD

---

Modular Old Reddit Theme

This is a SASS theme for Old Reddit Desktop site.

Originally heavily inspired by the excellent Naut theme (but almost completely re-written), this theme supports the prefers-color-scheme media query to provide both light and dark themes, and introduces responsive elements.

Supports all modern browsers and IE11 (IE10 support is deprecated but should (mostly) work fine).

Installation

Clone/download this repository into a working folder.

If you don't already have it, install Node.js.

Navigate to the cloned / extracted repository and run npm install to locally install sass and any other dev dependencies.

Usage

Clone the repository to your local machine and run npm install from within the project's root directory.

Note: The file src/abstracts/_variables.scss has a variable $_dev. Set this to true when developing to use the local images in the images folder. Set to false for production to use the Reddit %% links.

From the terminal run npm run watch to get SASS to watch for and compile changes.

Run npm run minify to build the optimised version to min.stylesheet.css. It is this content that should be copied and pasted into old.reddit.com/r/{your subreddit}/about/stylesheet/.

Note: You may want to save a Reddit page to develop locally. To do this:

1. Go to old.reddit.com/r/{your subreddit}
2. Ctrl + S to save a complete web page.
3. In the downloaded .html file, find the <link> element with the prop title="applied_subreddit_stylesheet" and edit the href to point to the stylesheet.css file in the project folder. I normally put my downloaded pages in a folder called sample_pages at the project root, so my href looks like href="../stylesheet.css"
4. Optional: I use the "live server" extension for vscode to open this html file with hot reloading. You can too if you wish.