SCSS

Urbix simplifies customization by using Bootstrap's SCSS variables. Colors and styles are controlled through the variable.scss file, making it easy to update and modify predefined color sets. SCSS files are organized in the (src/assets/scss) folder.

  • scss
    • custom
      • apps
        • All the apps scss files are here.
      • components
        • All the components scss files are here.
      • dashboard
        • All the dashboard scss files are here.
      • fonts
        • _fonts.scss (#SCSS file to add google fonts.)
      • pages
        • All the pages scss files are here.
      • plugins
        • All the plugins scss files are here.
      • structure
        • _box.scss (SCSS file for box layout in admin.)
        • _footer.scss (SCSS file for styling footer in the admin layout.)
        • _header.scss (SCSS file for styling header in the admin layout.)
        • _horizontal.scss (SCSS file for horizontal layout in admin.)
        • _icon.scss (SCSS file for icon layout in admin.)
        • _icon-hover.scss (SCSS file for icon hover layout in admin.)
        • _main.scss (SCSS file for styling main content area in the admin layout.)
        • _medium.scss (SCSS file for medium layout in admin.)
        • _others.scss (SCSS file for other in admin.)
        • _semibox.scss (SCSS file for semibox layout in admin.)
        • _sidebar-color.scss (SCSS file for styling color sidebar in the admin layout.)
        • _sidebar.scss (SCSS file for main sidebar styling in the admin layout.)
        • _switcher.scss (SCSS file for layout switcher styling in the admin layout.)
    • _custom-variables.scss (#SCSS file to manage custom dark mode variables.)
    • _custom-variables.scss (#SCSS file to add extra variables.)
    • _variables-dark.scss (#SCSS file to manage dark mode variables.)
    • _variables.scss (#SCSS file to manage all common variables.)
    • apps.scss (#Manage all SCSS in single file.)
    • bootstrap.scss (#SCSS file to import bootstrap.)
    • icons.scss (#SCSS file to import Icons.)