If you have any questions that are beyond the scope of this documentation, please feel free to email or contact us via my page.
Suppoert Email: themesdesign.in@gmail.comStexo is a bootstrap 5 based fully responsive admin template. It comes with lots of reusable and beautiful UI elements, widgets and features. It allows developer to easily build a super awesome web application.
You are important for us and so please feel free to get back to me with any question or feedback.
I have tried my best to have standards and modular structure while developing the theme. Following sections are explaining the theme File & Folder, structure, html file struture and plugins.
├── admin
├── src directory
├── assets
├── fonts
├── images
├── js
└── scss
├── custom
├── _variables.scss
├── _variables-dark.scss
├── app.scss
├── bootstrap.scss
└── icons.scss
├── partials
├── body.html
├── footer.html
├── head-css.html
├── horizontal.html
├── main.html
├── menu.html
├── page-title.html
├── sidebar.html
├── title-meta.html
├── topbar.html
└── vendor-scripts.html
└── all html pages
├── gulpfile.js
├── package.json
└── yarn.lock
We are using gulp which allows to have complete automatation for build flow. In case if you don't know - Gulp is a gulp is a toolkit for automating painful or time-consuming tasks in development workflow, so you can stop messing around and build something. You can read it more about it here. Please follow below steps to install and setup all prerequisites:
Please follow below steps to install and setup all prerequisites:
Make sure to have the Yarn installed & running in your computer. If you already have installed Yarn on your computer, you can skip this step. We suggest you to use Yarn instead of NPM.
Make sure to have the Node.js installed & running in your computer. If you already have installed Node on your computer, you can skip this step if your existing node latest version 16.13.2.
Make sure to have the Gulp installed & running in
your computer. If you already have installed gulp on run
command npm install -g gulp from your
terminal.
Make sure to have the Git installed globally & running on your computer. If you already have installed git on your computer, you can skip this step.
To setup admin theme, follow below mentioned steps:
Make sure to have all above prerequisites installed & running in your computer
After you finished with above steps, you can run the following commands to run project locally or build for production use:
| Command | Description |
|---|---|
yarn install
|
This would install all the required dependencies in
the node_modules folder.
|
gulp
|
Runs the project locally, starts the development server and watches for any changes in your code, including your HTML, javascript, sass, etc. The development server is accessible at http://localhost:3000. |
gulp build
|
Generates a /dist directory with all
the production files.
|
To have dark mode enabled, Keep your body element with data attribute
data-bs-theme="dark" in the src/partials/body.html
E.g. <body data-bs-theme="dark"> to
have Dark layout.
To have rtl direction enabled, replace the reference of
app.min.css to
app-rtl.min.css and
bootstrap.min.css to
bootstrap-rtl.min.css and in the src/partials/main.html file update the html tag like <html lang="en" dir="rtl">.
in the src/partials/head-css.html and make sure to
update the src/assets/js/app.js has initSettings()
function which you need to comment out. Because it will set to default the light version.
I've used the following resources as listed. These are some awesome creation and I am really thankful to the respective community.
Once again thank you for purchasing the theme. I am always avaialble to help you. If you have any suggestion or feature to make it more better, I am requesting you to contact me, I'll try my best to add them in future updates.
Best,
- themesdesign.in
Version 2.0.0 19 December 2023
Version 1.1.0 23 Dec 2019
Version 1.0.0 19 July 2019
© Design by Themesdesign