ErpNext app interface white background colour change

Frappe Framework Customization
, ,
1

background theme
background theme1360×635 44.9 KB

how i do this in app? i have do this from browser through inspecting

2

@alfaz create a css file inside your custom app public folder . example app_name/app_name/public/css/file.css .
update your hooks file in your custom app and add this line
app_include_css = "/assets/app_name/css/file.css"

4

@alfaz DO NOT and DO NOT , again DO NOT edit any file enside the folder frappe or erpnext . any customizations you can do it by creating a new app.

5

can i do this by editing this file?
\frappe-bench\apps\frappe\frappe\public\scss\desk\page.scss

in this file frappe default code is,

.page-container {
background-color: var(–bg-color);

.page-body.full-width {
	width: 100%;
	max-width: 100%;
}

}

if change,

.page-container {
background-color: radial-gradient(rgb(41 179 196), rgb(182 77 156 / 58%));

.page-body.full-width {
	width: 100%;
	max-width: 100%;
}

}

if i set this and build frappe bench is there any error happened?

6

@alfaz dont update core files in frappe . create your own app .

1 Like