Create Themes for ERPNext?

pmjd · April 28, 2023, 9:43am

Is there a relatively easy way to create a theme to use in ERPNext?

I’m finding the contrast for background/fields too indistinct in the light theme and the dark theme seems to almost hide some elements.

I have came across a few options on GitHub, but they seem to involve creating a custom app to do it.

Is there any documentation for this anywhere?

Thanks,
Paul

Manjunath_Sajjan · April 28, 2023, 12:43pm

Hello,

Hope this helps

https://docs.erpnext.com/docs/v14/user/manual/en/website/website-theme

pmjd · April 28, 2023, 1:36pm

Hi,

thanks for the link but it is for the “external” Portal side of ERPNext. I’m looking to change the Desk side.

So far the only way I have seen is app themes like this GitHub - Midocean-Technologies/business_theme_v14: Business Theme for Frappe / ERPNext v14
Which has a few bugs. Was hoping to find a way to make my own.

revant_one · April 29, 2023, 12:25am

github.com

Midocean-Technologies/business_theme_v14/blob/3e3ffe8a2a22d85430014b5a43bc16238effc215/business_theme_v14/hooks.py#L16-L16


      
          app_include_css = "/assets/business_theme_v14/css/business_theme_v14.css"

github.com

Midocean-Technologies/business_theme_v14/blob/43659c4510d285e8c34023c776c523bcc27ae56c/business_theme_v14/public/css/business_theme_v14.css

/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
    width: 6px;
}
*::-webkit-scrollbar-track {
    background: var(--scroll-bg);
}
*::-webkit-scrollbar-thumb {
    background-color: var(--scroll-color);
    border-radius: 20px;
}
* {
    scrollbar-width: thin;
    scrollbar-color: var(--scroll-color) var(--scroll-bg);
}
.awesomplete .input-with-feedback {
    border: 1px solid var(--border-color);
}
.form-control {
    border: 1px solid var(--border-color);

This file has been truncated. show original

documentation: Hooks

pmjd · May 1, 2023, 10:43am

Thanks @revant_one, hopefully this will be more straightforward than I thought!

Abdullah_Arshad_Raja · July 30, 2024, 4:55pm

hi i have a theme let me share credentials
https://theme.nextash.cloud/#login
demo@nextash.com
Demo@123

Suresh_Thakor · July 30, 2024, 5:00pm

@Abdullah_Arshad_Raja.

Invalid Login. Try again.

Abdullah_Arshad_Raja · July 30, 2024, 5:19pm

sorry demo@nextsh.com

Suresh_Thakor · July 30, 2024, 6:10pm

@Abdullah_Arshad_Raja

Still Same. Invalid Login

mohsininspire · July 30, 2024, 6:11pm

Use this one demo@nextash.com

Suresh_Thakor · July 30, 2024, 6:25pm

@mohsininspire

Please check

Abdullah_Arshad_Raja · July 30, 2024, 7:48pm

demo@nextash.com
Demo@123

please use these credentials

Abdullah_Arshad_Raja · July 30, 2024, 7:53pm

if you have any questions related to theme please get in touch with me at this +923245601988

chrislennon · July 30, 2024, 9:14pm

See also this thread Odoo-like theme for Frappe

noumanyousafkhan · July 31, 2024, 4:15am

will there be any complications if I used this new theme?

rs115199789 · July 31, 2024, 5:19am

For me i installed a theme and then after uninstall i face some issues, like whenever i tried to update the erp it gives me error.
it was sorted after few days.

Abdullah_Arshad_Raja · July 31, 2024, 11:04am

you need to run bench build

noumanyousafkhan · July 31, 2024, 11:13am

Thanks for the insight brother! But this new theme is awesome. Highly recommended.

rs115199789 · July 31, 2024, 11:26am

Indeed it looks great

Abdullah_Arshad_Raja · July 31, 2024, 5:55pm

thanx brother