Logo

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
Categories
4 categories in total
colors
open
palette
open
bootstrap4
open
scss
open
Author
10 person written this
colorswall
open
Customize Bootstrap 4 colors for website project, SCSS variables

Customize Bootstrap 4 colors for website project, SCSS variables

  1. Visit Palettes page.
  2. Choose "Bootstrap 4 colors" palette press "Edit Copy" button https://colorswall.com/palette/generate/o/64498.
    Clone palette

  3. Adjust palette colors.
    Play with slider and change RGB colors.
    Drag and drop or remove color.
    Clone palette

  4. When your palette is ready press "Save" button.
    Palette save

  5. Visit Palettes page and find your palette (Bootstrap 4 colors palette my website).

  6. Open palette and press "Exprot Button".
    Export SCSS variables button

  7. Choose "SCSS" or "LESS" and press "Download" button.
    Download SCSS variables button

  8. Import "colorswall_bootstrap-4-colors-palette-my-website.scss" file with varibale to your project.

Video version

Featured ones: