Styling

We recommend you customize your theme styles using the user style files. You can customize the theme’s styles with the following approaches:

Gulp based workflow
user.scss

You can add your own SCSS and override the theme style in the src/scss/user.scss file.

_user-variables.scss

To make broader changes to the design of the theme, such as changing the color scheme or font sizes, use src/scss/_user-variables.scss. Any variable from node_modules/bootstrap/scss/variables or src/scss/theme/_variables.scss can be overridden with your own value.

_bootstrap.scss

To remove bootstrap components, update src/scss/_bootstrap.scss file.

If you are not using Gulp based workflow
user.css

You can add your own CSS and override the theme style in the public/assets/css/user.css file.

Thank you for creating with Falcon |
2022 © Themewagon

v3.7.0

Settings

Set your own customized style

Color Scheme

Choose the perfect color mode for your app.


RTL Mode

Switch your language direction

RTL Documentation

Fluid Layout

Toggle container layout system

Fluid Documentation

Navigation Position

Select a suitable navigation system for your web application


Vertical Navbar Style

Switch between styles for your vertical navbar

See Documentation

Like What You See?

Get Falcon now and create beautiful dashboards with hundreds of widgets.

Purchase
customize