dev-resources.site

for different kinds of informations.

Customize Bootstrap 4 colors for website project, SCSS variables

Published at

6/9/2020

Categories

colors

palette

bootstrap4

scss

Author

colorswall

Main Article

https://dev.to/colorswall/customize-bootstrap-4-colors-for-website-project-scss-variables-ljc

Categories

4 categories in total

Customize Bootstrap 4 colors for website project, SCSS variables

Customize Bootstrap 4 colors for website project, SCSS variables

Visit Palettes page.
Choose "Bootstrap 4 colors" palette press "Edit Copy" button https://colorswall.com/palette/generate/o/64498.
Adjust palette colors.
Play with slider and change RGB colors.
Drag and drop or remove color.
When your palette is ready press "Save" button.
Visit Palettes page and find your palette (Bootstrap 4 colors palette my website).
Open palette and press "Exprot Button".
Choose "SCSS" or "LESS" and press "Download" button.
Import "colorswall_bootstrap-4-colors-palette-my-website.scss" file with varibale to your project.

Video version

Articles

9 articles in total

Compare Colors Palettes

Convert RGB to HEX

Customize Bootstrap 4 colors for website project, SCSS variables

currently reading

Quick Palette tool

Get Complementary color

Generate colors palette from an image

Create color tints/shades

Export colors palette to SCSS/LESS/CSS variables file

Generate color palette for your website

Featured ones:

abubakersiddique761