chriseborowski / custom-js-web-skins

Change your website primary and secondary colors instantly to provide your visitors with a customized browsing experience. Easily adaptable, this project was written in HTML, CSS, and JavaScript.

Custom JavaScript web skins

View demo • Report bug • Request feature • DM author

About

Inspired by The Athletic's homepage, this project brings HTML, CSS, and JavaScript together to provide easy web skin customization for football/soccer fans—and beyond.

Clone the repository today to dig into the code and create a custom experience for your web project.

For a live demo of the project on CodePen, click here.

For a video clip demonstrating the functionality, click here.

Getting started

1. Clone the repository to your machine

git clone https://github.com/chriseborowski/custom-js-web-skins

2. Open the index.html, style.css, and script.js files in your preferred code editor.

3. Edit the custom color details and adjust the code according to your needs.

Roadmap

The development has been completed.

• Initial version released
• Initial HTML, CSS, and JavaScript files created
• Live demo on CodePen created
• README.md description created
• Fixed extra white spacing in dropdown menu

License

Distributed under the MIT License. See license.txt for more information.

Contact

Chris Borowski

Follow me @chriseborowski on GitHub • Twitter • T2 • LinkedIn • Linktree (all links)

Project repository link: Custom JS web skins