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;
}
}