A low contrast, modern theme for the Faithlife Community Forums
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
release
sass
screenshots
.editorconfig
.gitignore
.prettierignore
.stylelintignore
.stylelintrc
LICENSE
README.md
TODO.md
package-lock.json
package.json
userstyle.json

README.md

White-Off for Faithlife Community Forums

Install with Stylus Install with Tampermonkey

A low contrast, modern theme for the Faithlife Community Forums

Theme Preview

Table of Contents

Using the Theme
Modifying the Theme
See Also
Gallery

Using the Theme

Install A Browser Plugin

There are a couple of options for installing the theme in your browser.

Stylus Stylus is a browser extension for Chrome, Firefox, and Opera that allows you to override the styling of websites, to change their appearance.

Tampermonkey Tampermonkey is a browser extension for Chrome, Firefox, Edge, Opera, and Safari that allows running scripts to change the behavior of websites and add new functionality.

Note: Stylish is no longer supported, nor endorsed. What used to be a well known and respected extension was sold and resold and ended up in the hands of an analytics company that captures and transmits your browsing history. Fortunately there are now better options. The Stylish extension and the UserStyles.org website are no longer needed for this theme.

Install the Theme

Once you've installed one of the extensions above, you are ready to install the theme:

For Stylus users:
Install with Stylus

For Tampermonkey users:
Install with Tampermonkey

You can also find this theme on OpenUserCSS.

Modifying the Theme

Install Build Tools

Clone the Repository

git clone https://github.com/simsrw73/white-off.git white-off

Install Build Dependencies

cd white-off
npm install

Build the Theme

npm run build

Or, to continuously monitor changes and automatically rebuild:

npm run watch

Import and Test the Theme

Stylus is the best option for development. It has a feature, Live Reload, that detects changes to the file on disk and reloads the changes. Combined with the watch command above this allows continous automatic building and reloading of changes as you make them.

Load the theme in to your browser with the Stylus extension by either: dragging the file "theme.user.css" to your browser or using the Open Dialog in the browser (Ctrl-o). When Stylus opens the install window, check the options Check for updates and Live reload, and then click the Install style button.

Note: For Chrome, permissions need to be enabled for Live Reload to work. Go to the Extensions page and Click on "Details" for the Stylus extension. Scroll down and enable "Allow access to file URLs"

See Installation in Stylus documentation.

Release the Theme

Build the final relase version of the theme:

npm run release

See Also

Faithlife Community Forum Search2G - Userscript for Tampermonkey to send forum searches to Google.

Boilerplate for creating User Styles - Create your own themes, starting with this boilerplate.

Gallery

Forum Posts

Hover over avatars to see larger size image Zoomable Avatar

Active Row is Highlighted Highlighted Rows

Profile

Profile

Edit Profile

Compose Post

Insert Attachment

Browse People

Browse people that have passed