Now Experience Framework > Theme Management > Themes. From here, click the New button to create a new theme.Create Theme and Create Stylesheet and add below properties:
{ "base": { "--now-color--neutral": "153,153,153", "--now-color--primary": "102,102,102", "--now-color--secondary": "153,153,153", "--now-color_chrome--brand": "102,102,102" }, "properties": { "--now-color_brand--neutral": "153,153,153", "--now-color_brand--primary": "102,102,102", "--now-color_brand--secondary": "153,153,153" } }
Override the Default Theme:
- 1. Copy the UX Theme sys_id by right clicking the header and selecting Copy sys_id.
- 2. In the Application Navigator navigate to sys_properties.list.
- 3. Create a new system property named: glide.ui.polaris.theme.custom with the Type of string.
- 4. Enter your copied sys_id into the Value field.
- 5. Save the record.
Visit below website to generate Stylesheet & Color
- https://theme.deoprototypes.com/
- https://redketchup.io/color-picker
Highlighted Properties and usages:
- –now-unified-nav_menu–background-color – Used for Left navigation
- –now-color_background–primary – Form Background Color
- –now-color_surface–neutral-3 – Form Header Menu
- –now-unified-nav_header–background-color – Main Logo and Header color
- “–now-font-family”:”papyrus” – For font change
One response
Hello, I tried
{
“base”: {
“–now-color–neutral”: “16,6,159”,
“–now-color–primary”: “255,255,255”,
“–now-color–secondary”: “16,6,159”,
“–now-color_chrome–brand”: “255,255,255”
},
“properties”: {
“–now-color_brand–neutral”: “16,6,159”,
“–now-color_brand–primary”: “255,255,255”,
“–now-color_brand–secondary”: “16,6,159”
}
}
Which is a Blue and white combo but I see grey header and navigation bar is a different blue. I am fine with the color code which you gave in order to build grey combo as variant but I need the above one as core which is our company code and not working for some strange reason. Any idea? TIA 🙂