Flat UI Theme for ERPNext v12

Hi, I found a solution to this problem. You can go to the /bluetheme/bluetheme/public/css/bluetheme.css folder. You delete the .app-logo {width: 120px! Important;} that will make the Logo E look attractive. I hope the theme developers can handle this issue, the size of the .app-logo {width: 120px! Important;} is made for a special logo / rebranding instead of the default logo. Thanks.

Update: change to .app-logo {width: 30px! Important;}
:grinning:

4 Likes

@hashir as of v12.5.0 the custom modules icon link is broken. The default module icons now show instead of the custom icons designed for the theme

yes, the css was made for wider logo. To use the default logo, please follow the steps mentioned by @teddyseptiadi. I will add this instruction in the github.

i think it’s because the desktop.py file in erpnext and frappe folder are getting replaced when you update erpnext to the latest version. Please replace the files again with the one in the ‘releases’ section and clear cache. it will work.

Go to /bluetheme/bluetheme/public/css/bluetheme.css

and delete the line " .app-logo {width: 120px! Important;} "

1 Like

Hi,

I have updated the theme with some small css modifications.

I have also removed the logo css from the main code. No more big logo errors.

Hi @hashir i have a query to replace the E logo with my custom logo how to do it in your bluetheme…! Can you help me out?

@arokia
The file need to be in svg format for it to work with my approach.

Rename your logo to erp-icon.svg and copy it to

/apps/erpnext/erpnext/public/images replacing the original file.

Now, go to /apps/bluetheme/bluetheme/public/css/bluetheme.css and add this

.app-logo {
width: 120px! Important;
}

Replace 120px with the desired width of your logo, taking care to maintain its proportion.

@hashir How to rename the erp-icon.svg file ?

@arokia you need to create the logo as a vector file (using tools like illustrator) and save as erp-icon.svg

Simply go to Website Settings and change Brand with HTML Color Font like this:
image
and will result like this.
image

I like the theme, but whatever you do please make sure you PR, document and merge so that it’s available to others and not lost in the forum

You are doing different thing. This thread is about theming the desk, not website…

Yap i know, i am just reply at someone who need solution of his Brand font color.

Ola sou novo aqui! Ainda estou em fase inicial, necessito de uma ajuda passo passo pra mudar o tema atual para um novo tema. segue meu contato aqui do Brasil. apcarlosvieira@gmail.com

For anyone interested in theme for v13-beta,

Elegant Theme for Frappe/ERPNext v13-beta

2 Likes

Good job, But i think the blue color is better

This is really great. Has there been any progress on creating a directory of themes for frappe and/or erpnext? It would be nice if it was for both Desk and Website/Portal pages. I have found when importing bootstrap themes, the names don’t seem to line up. For example, frappe makes a #hero btn-primary, but the imported theme has #hero btn-get-started.

Hello @hashir, I came across this blue theme and tried to install it a cloud hosted V13 ERPNext, but apparently it does not seem to work. Am wondering, might you have updated the theme for V13. Also, would you be in a position to give me more guidance on how to work with themes so that I see if I can assist in updating this theme to work in the current version?

Waiting to hear from you


could you please help with this?