Flask_Bootstrap_Sass

Quick Start Template for Flask + Bootstrap + Sass + WTForms.

Template Demo: https://flask-bootstrap-sass-wtforms.vercel.app/

Setup

pip install -r requirements.txt
npm i
flask run

Customization

Some premade themes are already available in the themes folder. Simply change the line below in the main.scss file to the theme you would like to use. This will be autocompiled when the flask app is served.

Flask_Bootstrap_Sass_WTForms/static/css/main.scss

Lines 7 to 8 in 24158ea

	// 2. Include any default variable overrides here. CHANGE THIS TO YOUR PREFERRED THEME.
	@import "themes/electric_blue";

Add your own themes!

You can add your own color theme to this template by creating a theme sass file as shown below. Then, simply import your new theme into the main.scss.

Flask_Bootstrap_Sass_WTForms/static/css/themes/electric_blue.scss

Lines 1 to 7 in 24158ea

	$primary: #66FCF1;
	$tertiary: #00d9ff;
	$dark: #0B0C10;
	$secondary: $dark;
	$body-color: #C5C6C7;
	$body-bg: $dark;
	$card-bg: #1F2833;