Hello,
I wan’t to know why the strapi docs lacks so much information about customization, i.e: If I want to customize my strapi implementation, using the config.theme object in src/admin/app.js I don’t have access anywhere to the full list of keys that can be customized that way, also if i want to apply custom styles to the default strapi plugins such as content-type builder or the content manager there is not a dedicated section on how to overide those styles. It would be nice to have more information accesible to developers to get the best experience and don’t waste time like 12 forum topics looking for certain customization keys o a way to partialy do some things.
It gets frustrating to spend hours looking on how to change the backgoundColor of a button.
Sorry if my post looks aggresive but I think that could be a huge improvent to the developer experience.
1 Like
Did you check the types for that config file?
This is the first time I see that property does exist.
1 Like
For example if I want to change the default colorScheme in: src/admin/app.js
I’ll have to do something like this:
const config = {
auth: {
logo: AuthLogo,
},
menu: {
logo: MenuLogo,
},
head:{
favicon: Favicon,
},
theme:{
light: {
colors: {
primary100: '#410708',
primary200: '#830e10',
primary500: '#CD171A',
primary600: '#e83a3d',
primary700: '#f7bdbe'
buttonPrimary500: '#CD171A',
},
},
},
}
But if I want to do more specific customization, like an specific component of the admin panel, let’s say, this steps backgound color:
I need to know the specific key for that element to be able to change the defaul background color only for it, but the documentation doesn´t have any list of the available keys to customize the admin panel throug this file.
As far as I understand there is nothing in documentation even for the things you explained here.
How did you realize it?
Could you open a PR to update it?
Also, you could check how the themes are applied to the admin elements and deduce the keys for them.
Did you check the Strapi Design System repository?