Darko Bootstrap 5 HTML Template
Official docs for the Darko Bootstrap Template
When you purchase Darko, you will get all files nicely sorted in a folder like this:
How to render your own CSS
The files "darko.scss" and "darko-light.scss" contain only variables and paths to additional files to be rendered. To create your own stylesheet, you can for example copy one of the two files and modify it as you like. Then you have to render the file with a SASS compiler. The Bootstrap documentation will help you to find other available variable names for your template.
DARKO's Bootstrap CSS Classes
Darko consistently uses bootstrap variables, which makes custom implementation easy. In addition, some CSS classes have been newly added, which make Darko particularly comprehensive. These new classes also follow the innovative logic of the Bootstrap framework and are therefore easy to use.
This set of custom CSS classes allows you to put a transparent gradient over any container with a background image. The color style and rotation of the CSS gradient can be set by different classes. See a demo here.
You can choose from 8 theme colors by default. Example:
In order to us these classes, you need to add bg-fade-(color) to your container first. You can choose from 5 rotation presets by default. Of course you can extend the array when compiling your own Stylesheet.
Some useful utilities for background images. See a demo here.