Change theme color

[Roshan_Abrew]

Hi, can we change theme color for app? only available white and black…

[Rosewebstudio]

Hi @Roshan_Abrew welcome to the community

Here is a recent post about background colour.

Have a look, any questions just ask

Background color change

I wanted to know that is there any way in which we can set bg color which isn’t themed

Background color change

To put CSS into a glide screen you need to add a Rich Text component to the screen or tab. In that component, you paste in the CSS code. For instance, if I put this into a Rich Text component, the CSS will remove the top bar and the tabs at the bottom of the screen: <pre><span><style> [id="tabBar"]{ display: none; } [data-test="glide-app-bar"] :nth-child(1) { display: none; } #app-root div[opacity='1'] { color: transparent; }

[Roshan_Abrew]

Thanks, how to put CSS code to screen? do you have screen shot or video for this?

[Rosewebstudio]

See the post below, you need to add rich text.

Background color change

To put CSS into a glide screen you need to add a Rich Text component to the screen or tab. In that component, you paste in the CSS code. For instance, if I put this into a Rich Text component, the CSS will remove the top bar and the tabs at the bottom of the screen: <pre><span><style> [id="tabBar"]{ display: none; } [data-test="glide-app-bar"] :nth-child(1) { display: none; } #app-root div[opacity='1'] { color: transparent; }

Here is the glide documentation to enter rich text

Glide Docs

A friendly caution, custom css is not really supported, so use at your own discretion

[Jeff_Hager]

Just to be clear. Are you trying to change the background color or the theme color?

[Roshan_Abrew]

theme color, only available black and white…!

[Roshan_Abrew]

send me CSS code sample to change theme color…

[Rosewebstudio]

Code BOOK

[Roshan_Abrew]

thank u very much i found it and worked perfectly. can we change tab color also?

[Rosewebstudio]

Not sure on that, sorry

Check out the app I sent you

Code BOOK

[Roshan_Abrew]

I changed the background color, it was success, but display code in back button, how to remove it? see below image

[Darren_Murphy]

Looks like you are missing the <style> tag from your rich text component.

It should start with <pre><span><style>

[Roshan_Abrew]

I used below code: can you correct code for me?

[Darren_Murphy]

Move the <style> tag in front of the <div> tag, like this:

<pre><span><style><div class=....

[Roshan_Abrew]

Not working see below image and code, Pls help for this

[Roshan_Abrew]

[Darren_Murphy]

Sorry, I don’t know enough about CSS to be able to help you debug this further. The structure looks okay, other than that I’m not sure.

@ThinhDinh might be able to help.

[ThinhDinh]

What exact end result are you looking for here?

[Roshan_Abrew]

I want to change background color, I put code to rich text component, it was success, however rich text component text was appeared into BACK button on app, see below image, how to remove these text? Pls help on this ?,

[Roshan_Abrew]

I used below code to change background color,