DD-WRT Trac 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 Trac Inspired Themes style is designed the DD-WRT SVN Trac website.

It now targets and styles DD-WRT FTP servers addresses as well.

The default Style is retina burning and lets just say plain looking.

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

Features

The DD-WRT Trac 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

Menu/logo alignment

• Optionally align to left or right both navigation or logo independently from each other.

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.

Icon Replacements

The code change, issue new/close icons have been replaced with a better Unicode CSS counterparts

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 admin areas are likely showing old styles and broken, if you want these fixed, there are two options:

1. Report issues via GitHub with inspected stylesheets and show me what they are.

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

Main navigation and sub-navigation alignments:

The main navigations originally was to be centred, but because the width varies from logged in/out this wasn't possible at this time. The sub navigation just above and because the base CSS is done just cant get be placed any better at this time.

Additional Userstyles

Style-It Themes (and I) recommends 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 Forum 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 ⬆️