style-it-themes / travis-ci-inspired-dark-extended

🎨 An Inspired dark theme for Travis CI and related websites

Travis CI Inspired Dark Extended

About

This project started to give Travis CI a dark style, but it soon became apparent that some other sites coverage was needed. So the Extended version was sort of started instead.

I drew some inspiration by StylishThemes/GitHub-Dark and the idea is to transition smoothly from GitHub Dark to other associated projects used sometimes.

At launch, a total of 7 sites are covered either partially or fully. There are some limitations on a opensource free project account to provide ✳️ full coverage.

if you would like to contribute, please keep reading.

Have fun and save the corneas 😊

Sites Covered

Site Name	Partial	Full
Travis CI.org		✔️
Travis CI.com		✔️
Blog		✔️
About		✔️
Docs		✔️
Status		✔️
Enterprise	✔️
Support		✔️

✳️ Further full coverage is not planned at this time, PR's are welcome though.

Installing

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

Then install this style using:

Only available using Stylus (see the documentation). 🎉

Manually into the editor.

Please refer to the installation documentation for more details.

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.

Contributing

At this time any help is appreciated, so if you can help fix a bug or improve the Travis CI Inspired Dark Extended theme, just open a pull request to start the ball rolling.

You will need to ideally:

• Fork the project.

• 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 250 characters, though the development scripts will clean/indent your CSS.

Development Scripts

• npm run clean: Runs the Perfectionist script, cleans up after it and fixes some CSS via Stylelint.
• npm run eslint: Lint the JavaScript code in the tools directory.
• npm run lint: Run ESlint & Stylelint scripts.
• npm run perfectionist: Runs Perfectionist only. The CSS is not cleaned/fixed!
• npm run stylelint: Run stylelint on the CSS file.
• npm run lintfix: Run stylelint with --fix on the CSS file.
• npm run test: Same as npm run lint.
• npm run update: Update development dependencies.

Release Scripts (Not for pull requests)

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

Screens