https://github.com/luca-montaigut/colorstrap

Simple colors picker for Bootstrap and Bootswatch
https://github.com/luca-montaigut/colorstrap

bootstrap bootswatch color-theme colorization colors colors-picker custom customization overlay

Last synced: 10 months ago
JSON representation

Simple colors picker for Bootstrap and Bootswatch

• Host: GitHub
• URL: https://github.com/luca-montaigut/colorstrap
• Owner: luca-montaigut
• Created: 2020-03-12T12:10:40.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-19T18:03:01.000Z (over 3 years ago)
• Last Synced: 2025-08-15T20:06:28.778Z (10 months ago)
• Topics: bootstrap, bootswatch, color-theme, colorization, colors, colors-picker, custom, customization, overlay
• Language: HTML
• Homepage: https://colorstrap.herokuapp.com/
• Size: 671 KB
• Stars: 12
• Watchers: 3
• Forks: 1
• Open Issues: 9
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
# [ColorStrap](https://colorstrap.herokuapp.com/)

Colorstrap is a simple colors picker for [Bootstrap](https://getbootstrap.com/) who generate a css file with your colors on native Bootstrap code or an overlay for use with [Bootswatch](https://bootswatch.com/) themes.

Try it on https://colorstrap.herokuapp.com/

![Image of site](https://i.imgur.com/LQY4BE3.gif)

# How to use

Choose beautifuls colors

Generate your css file

Download one of the 2 files or copy-past the css code in a text file and save it as `.css`

With "Custom Bootstrap Default CSS" you have to change your bootstrap.css, bootstrap.min.css or Bootstrap CDN by :

``

With "Overlay Colorstrap for Theme" you have to put it in your  after your Bootstrap/Bootswach Theme file with :

  

``

## 🐰 Author

Luca Montaigut : https://github.com/luca-montaigut

### Contributors

Théo Pomies : https://github.com/DevPomeis

Lucien Passera : https://github.com/Crysicia