Settings

Mode

Direction

Contrast

Layout

Stretch

Presets

Styling

Guidelines for changing styles of this dashboard

We Used tailwindcss in this project. Tainwindcss is a utility based css framework. You can change the styles of this dashboard by editing the html files. Open any html file and start editing. for example if you want to change the text color of this text, just change the text-color class name to the color you want.

  
<h5 class="text-secondary-300 mb-4">About Us</h5>
<h2 class="mb-4 lg:mb-6">What is Softify?</h2>
  

Change Component, Misc, and more styles

For changing component, misc, and more styles, you can edit the _misc.scss, _components.scss, _utilities.scss files. For example, if you want to change the background color of the button, you can edit the _components.scss file.

              
@layer components {
  .btn {
    @apply inf-center gap-2 rounded-full border px-3 py-1.5 text-sm font-semibold text-neutral-0 duration-300 sm:px-4 sm:py-2 md:gap-3 xxl:px-6 xxl:py-2.5;
  }
  .btn-primary {
    @apply btn border-primary-300 bg-primary-300;
  }
}