The Stylus Wardrobe style is designed to be used in conjunction with Stylus
It's made for my personal use only, and shared because... Why not.
The Stylus Wardrobe 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
- Cobalt
- Material
- Material Darker
- Pastel on Dark
- Solarized Dark
- Twilight
- Ubuntu
Note: When using custom colors, remember that restrictions in what shades to use in contrast are limited, use wisely, as bugs reports regarding edge cases are not a priority.
- Optionally darken/lighten to some extent the background, foreground colors.
- Optionally invert navigation 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.
Click to install directly from this repository.
Style-It Themes recommends the Global Overlay Scrollbars
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 devdependencies
npm i --only-dev
- Edit the desired files according to current requirement below, commit changes, run fix script
npm run fix
and push changes. - Open a pull request
Please expand the section below:
Click to Expand
-
Limit to the K&R (KNF variation style), and 2 SPACE INDENTATION (no tabs, and no less than 2 spaces).
-
K&R - KNF Variation Example:
element[attr='value'] { ··property: value; }
-
Not Allman
element[property='value'] { ··property: value; }
-
Strict space between the
selector
and the{
:/* good */ element[attr='value'] { } /* bad */ element[attr='value']{ }
-
2 Space indentation
/* good */ ··property: value; /* bad */ ··property: value; --property: value; ·property: value;
*️⃣ Try to wrap lines at around 80 characters.
npm run authors
: Regenerate the AUTHORS file based on Git historynpm run ecfix
: Run editorconfig via ECLint with--fix
on the styl file.
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. -
npm run update
: Update development dependencies.
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.