Setting up configuration

Falcon has a global configuration system. You can change the theme settings with a single global javascript object.

Setting configuration
For Gulp based workflow

Edit the src/js/config.js file.

If you are not using Gulp based workflow

Edit the public/assets/js/config.js file.

Configuration object:
const CONFIG = {
  isNavbarVerticalCollapsed: false,
  theme: "light",
  isRTL: false,
  isFluid: false,
  navbarStyle: "transparent",
  navbarPosition: "vertical",
Available Options
Option Type Defaults Description
isNavbarVerticalCollapsed Boolean false Set true to make the vertical navbar stay collapsed when the page loads.
theme string light This option is for setting up the default color mode (dark or light) for your project. Set dark to make the default color mode dark.
isRTL Boolean false Use true to make the whole layout RTL (Right to Left). Recommended for languages such as Arabic, Hebrew, or other RTL languages.
isFluid Boolean false Set true to enable fluid mood. This will make the container full-width.
navbarStyle string transparent This option is for changing the vertical navigation styling. Available values:
  • transparent
  • vibrant
  • inverted
  • card
navbarPosition string vertical For setting the navbar position. Available values:
  • top
  • double-top
  • vertical
  • combo

Thank you for creating with Falcon |
2023 © Themewagon



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.