Dark Mode for Customer Portal

Hey all,
I just made new dark mode for customer portal there is also optional button theme switch but for that you have to add some JS code as well. Let me know if you need that.
This is how it looks like:
clientportal
I know some clients prefer light theme so if you want you can give them choice.
You can find CSS file here under style2.
Let me know what you think :smiley:

9 Likes

Wow, @Kamil! That’s amazing :raised_hands: Thanks for sharing! :blush:

3 Likes

I love it! Thank you, @Kamil

2 Likes

Hey Kamil,
Thanks for this great work :slight_smile:
Is it possible to have the corresponding JS.
Thanks

2 Likes

yes of course, I have sent you a message, so we can discuss how can be done in your customer portal :+1:

2 Likes

great, thank you :slight_smile:

2 Likes

Just beautiful :heart: :raised_hands:

2 Likes

hi @Kamil

Thank you for great sharing!

But, how to use the css? Ive download, open the codes using notepad+, copy all the text and paste in the css box, but got error

Im totally not understand about coding

Could you describe me how to use this?

I see this is of customer portal, can i use this for my internal portal also?

Thanks for great sharing!

1 Like

Hello @jeremy_tanuardy I send you reply to your message :+1:

3 Likes

Hi @Kamil, I’m new to coding as well, I was wondering if you can explain how we can use the code within our Whitelabel settings to have this applied? I copied and pasted the code and it doesn’t work as well. I also want to know if you know a simple code which changes the top header and the main body background? Thanks for the contribution!

1 Like

Hello @Krisoo , I just made a quick guide on that: https://sitejet.brick.do/
If you only want to change header and body color then use this code:

main {
  background-color: #1b1b38; /* the main body background color */
}

header.header {
  background-color: #323259; /* the header background color */
}
3 Likes