I have create frappe app named capa but it has default UI of black and white so how to change colors of desk UI. Specifically of sidebar and navbar ?? I have attach image for current situation.
are you using version-16???
The standard way that always work:
- Inspect the elements that you want to change to see how you can write CSS selectors for them.
- Write custom CSS to target those elements and change their style.
- Include your custom CSS file from the hooks file.
thank you and how to use by react or vuejs ??
This is the way that changes the UI of the Desk (the thing that you are showing your screenshot). It has nothing to do with React and Vue, because the Desk was made with Bootstrap.
I don’t know how to use React or Vue with Frappe, but you can find tutorials on YouTube channels like Build with Hussein (uses Vue) and The Commit Company (uses React).
my current version is 16.
You can either change the theme of the default UI to customize the look, or, if you want a completely different UI, you’ll need to build your own frontend app (like Vue.js or React) and use Frappe only as the backend.
For reference, check out this repo: https://github.com/NagariaHussain/doppio — it helps you integrate SPAs (Vue/React) with Frappe easily.
you can also use custom theme and override the theme
override_whitelisted_methods = {
“frappe.core.doctype.user.user.switch_theme”: path to the file
}
where do i get new themes or do i need to create custome themes ?
you can create or use some theme app.
@sujalpawar17
you can explore this app for UI level Customisation and many more features.