Bootswatch ruby gem Gem Version

Bootswatch is a collection of free themes for Bootstrap.


Add this line to your application's Gemfile:

gem 'bootstrap'
gem 'bootswatch'

Bootstrap JavaScript depends on jQuery. If you're using Rails 5.1+, add the jquery-rails gem to your Gemfile:

gem 'jquery-rails'

And then execute:

$ bundle



in your application.scss

// example override bootswatch variables
$primary:       #FFCF06;
$secondary:     #37474f;
$success:       #28b62c;
$info:          #03a9f4;
$warning:       #fbe42c;
$danger:        #ff4136;
$light:         #eeeeee;
$dark:          #444444;
// end example override

// import scss file
@import "bootswatch/materia/variables";
@import "bootstrap";
@import "bootswatch/materia/bootswatch";

Make sure the file has .scss extension (or .sass for Sass syntax). If you have just generated a new Rails app, it may come with a .css file instead. If this file exists, it will be served instead of Sass, so rename it:


Add Bootstrap dependencies and Bootstrap to your application.js:

//= require jquery3
//= require popper
//= require bootstrap

or use individual Bootstrap components for ease of debugging

//= require jquery3
//= require popper
//= require bootstrap-sprockets

see more on bootstrap readme


  1. Fork it ( )
  2. Create your feature branch (git checkout -b my-new-feature)
  3. Commit your changes (git commit -am 'Add some feature')
  4. Push to the branch (git push origin my-new-feature)
  5. Create a new Pull Request

Bootswatch Sass

bootswatch ruby gems for assets pipeline

Bootswatch Sass Info

⭐ Stars 12
🔗 Homepage
🔗 Source Code
🕒 Last Update 8 months ago
🕒 Created 6 years ago
🐞 Open Issues 0
➗ Star-Issue Ratio Infinity
😎 Author mkhairi