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;
- The awesome v2 stylus lang color generator by @vednoc MIT
- Fluent UI System Icons MIT
- Twitter Emoji (Twemoji) CC-BY 4.0 NOTE: All Twemoji and Fluent UI system icons have been optimized with svgomg, no other changes done.
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
- 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
- Optionally darken/lighten to some extent the background, foreground and accent colors.
- 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.
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.
Click to install directly from this repository.
Some areas like moderator areas and admin areas are likely showing old styles and broken, if you want these fixed, there are two options:
-
Report bugs on via GitHub issues with inspected stylesheets and show me what they are. Read below I Found a Bug.
-
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.
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!
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
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:
- Fork the project.
- Install dev-dependencies
npm i --only-dev - Edit the desired files according to current requirement below, commit changes, run fix script
npm run fixand push changes. - Open a pull request
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.
npm run authors: Regenerate the AUTHORS file based on Git historynpm run fix: Runs editorconfig via ECLint with--fixon the styl file.
For dependencies updates;
npm run update: Update development dependencies.
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.
More screenshots available in screens directory for your perusal.
@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.