DD-WRT Forum Inspired Themes

TOC

• About
• Features
• Installing
  • Requirements
  • Install This Style
  • Additional Userstyles
• I Found a Bug
• Engaging with the Project
  • Contribution Guidelines
  • Development Scripts
• Screens
• Thanks

About

The DD-WRT Forum Inspired Themes style is designed the ancient DD-WRT phpBB Forum.

The default boards are old, look old, feel old, so here are a couple of coats of paint.

It's made for my personal use only, and shared because... Why not.

This style leverages;

1. The awesome v2 stylus lang color generator by @vednoc MIT
2. Fluent UI System Icons MIT
3. Twitter Emoji (Twemoji) CC-BY 4.0 NOTE: All Twemoji and Fluent UI system icons have been optimized with svgomg, no other changes done.

Features

The DD-WRT Forum Inspired Themes style has optional and built in redesigns that fix, modernize or allow consistence styling through all accessible areas. if you wish to view complete list click below.

Click to Expand

Preset styles

• Custom colors (within reason and sane choices users can make up own color schemes)
• Dracula
• Duo Cocoa
• Material
• Material Darker
• Solarized Dark
• Twilight
• The Matrix
• Ubuntu

Color Adjustments

• Optionally darken/lighten to some extent the background, foreground and accent colors.

Redesigned Inputs

• Redesigned input styling for checkboxes, radio, dropdown and other interactable elements.

You can optionally choose the checkbox size, however not all sizes will look or align well.

Inverted gif buttons

The post/reply and such buttons had to be inverted so the poor quality of the gifs edges don't assault my retinas. There is no simple way to replace the bad quality buttons with better quality, phpBB at least this old version looks like spaghetti. This job would best be done directly into the source code.

Installing

Requirements

• Stylus - install the addon for Firefox, Chrome or Opera.

Install This Style

Click to install directly from this repository.

Limitations of this Project

Some areas like moderator areas and admin areas are likely showing old styles and broken, if you want these fixed, there are two options:

1. Report bugs on via GitHub issues with inspected stylesheets and show me what they are. Read below I Found a Bug.

2. Give me moderator/higher access so I can do this work myself. This won't happen (I don't really want it) anyway so GOTO 1)

Regarding text colors: phpBB uses many colors users/mods/admins can select from drop down menu when making posts, these ARE NOT dark style friendly so they are essentially overridden in style for something that has better contrast, however given anyone an add whatever colors they want, I'm not going to hunt them down in 2 trillion posts.

I have overridden the obvious colors found on most help text signatures by community helpers.
If you find something you cant read; read below I Found a Bug.

Additional Userstyles

Style-It Themes (and I) recommend the additional styles below which can be used together without issues. These add unapparelled consistent experience and extend customizations options for other areas of your browsing life.

Save your retinas from the burn!

• DD-WRT Inspired Themes
• DD-WRT Trac Inspired Themes
• Stylus Wardrobe
• Overlay Scrollbars

I Found a Bug

At the first instance of finding a bug, have a look if there is already an open issue, if so add the required information as described in the issue template.

If your issue is new, please open an issue and report your problem.

You will need to be familiar with browser development tools.

Firefox development tools Chrome development tools

Engaging with the Project

There are many ways to engage with the project, all contributions types are most welcome and encouraged, e.g. ask for your fav color schemes, fix some typo(s), add documentation, prettify any included portions, provide feedback or ask a question, even help out with support/questions from other users, to name just a few ways you can engage with this project.

Open a pull request or ticket to start the ball rolling.

For Git related contributions you will need:

1. Fork the project.
2. Install dev-dependencies npm i --only-dev
3. Edit the desired files according to current requirement below, commit changes, run fix script npm run fix and push changes.
4. Open a pull request

Contribution Guidelines

After any changes and before opening a PR please run both development scripts below. Then push your changes and open a PR.

If your contribution includes dependencies updates, ensure this is done as a separate commit.

Thank you in advance for any contributions.

Development Scripts

• npm run authors: Regenerate the AUTHORS file based on Git history
• npm run fix: Runs editorconfig via ECLint with --fix on the styl file.

For dependencies updates;

• npm run update: Update development dependencies.

For internal use Only

Releases are for internal use only, so remember to not include version bumps with your contributions

• npm run major: Creates a semantic major release.
• npm run minor: Creates a semantic minor release.
• npm run patch: Creates a semantic patch release.

Note: Dependencies updates can be submitted as part of any contribution that is a separate commit from main contribution, or as a standalone contribution.

Screens

COMING SOON

More screenshots available in screens directory for your perusal.

Thanks

@vednoc kudos and thanks, for showing me another way to save retinas from the burn.

Openstyles for developing Stylus. The best userstyle extension on all the web.

⬆️ UP ⬆️