<![CDATA[Dark Mode Now Available (unofficial)]]>Source: https://github.com/freescout-helpdesk/freescout/issues/1069

Method 1

This requires two steps to get it to work if you follow the github page:

  • Upload & Activate the dark mode module that places a toggle in the top bar (/app/data/Modules/)

  • Add the CSS code to the stylesheet (folder path: Darkmode\Public\css\darkmode.css)

modules.png

Screenshot 2021-03-06 183642.png

 

Method 2

Alternatively, you can use the zip from the link below which includes the needed css code. All you need to do is upload it to the server as mentioned above and you're all set.

https://www.dropbox.com/s/r7hofncs26vsb0q/Darkmode.zip?dl=1

P.S. The colors aren't that great looking. I'll share my version of the css code once I tweak it to my liking.

]]>https://forum.cloudron.io/topic/4609/dark-mode-now-available-unofficialRSS for NodeWed, 22 Apr 2026 12:04:30 GMTSun, 07 Mar 2021 00:58:26 GMT60<![CDATA[Reply to Dark Mode Now Available (unofficial) on Sun, 27 Feb 2022 18:49:43 GMT]]>@humptydumpty you only need one ; per brace { } pair.

Use a CSS validator to help you.

]]>https://forum.cloudron.io/post/44036https://forum.cloudron.io/post/44036Sun, 27 Feb 2022 18:49:43 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Sun, 27 Feb 2022 17:19:42 GMT]]>@robi do you mind double checking the code real quick?

https://paste.cloudron.io/xefizegehu.css

Something is off with the code because it's breaking the darkmode when saved.

What I've edited/added is:

:root {
        --color-text: #d9d9d9;
        --color-dark: #394885;
        --color-darker: #303d71;
        --color-darkest: #232d53;
        --color-headers: #2196F3;
        --color-headers2: #4789cc;	
        --color7: #93a1af;
        --color-special1: #24a438;
        --color-special2: #b37100;		
}

In notepad++ using the search and replace tool, I replaced "#d9d9d9" with "var(--color-text)", etc.. .... minus the quotations of course.

Where did I go wrong?

]]>https://forum.cloudron.io/post/44032https://forum.cloudron.io/post/44032Sun, 27 Feb 2022 17:19:42 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Thu, 24 Feb 2022 02:49:56 GMT]]>@robi That looks super easy to implement, even for me!

]]>https://forum.cloudron.io/post/43906https://forum.cloudron.io/post/43906Thu, 24 Feb 2022 02:49:56 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Thu, 24 Feb 2022 02:48:18 GMT]]>@humptydumpty

Quick search reveals:
https://www.geeksforgeeks.org/css-variables/

]]>https://forum.cloudron.io/post/43905https://forum.cloudron.io/post/43905Thu, 24 Feb 2022 02:48:18 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Thu, 24 Feb 2022 02:45:27 GMT]]>@robi I could work on that next time I fiddle with it. How can I use variables though?

The colors palette consists of about 4-5 colors at most.

]]>https://forum.cloudron.io/post/43903https://forum.cloudron.io/post/43903Thu, 24 Feb 2022 02:45:27 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Thu, 24 Feb 2022 02:40:48 GMT]]>@humptydumpty hehe.

It would be nice if CSS could set a global color variable at the top and then use offsets from that color everywhere in the code so there's only one place to change it for a different base color.

]]>https://forum.cloudron.io/post/43901https://forum.cloudron.io/post/43901Thu, 24 Feb 2022 02:40:48 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Wed, 23 Feb 2022 05:44:17 GMT]]>@robi maybe I should have chosen the colors on my other monitor and not on the 100% sRGB one 😆

]]>https://forum.cloudron.io/post/43851https://forum.cloudron.io/post/43851Wed, 23 Feb 2022 05:44:17 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Wed, 23 Feb 2022 03:59:59 GMT]]>@humptydumpty Nice, from here it looks more indigo 💜

]]>https://forum.cloudron.io/post/43849https://forum.cloudron.io/post/43849Wed, 23 Feb 2022 03:59:59 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Wed, 23 Feb 2022 13:51:38 GMT]]>I made a new purple theme (dracula inspired) if anyone is interested.

https://paste.cloudron.io/jatanegogo.css

In the notification area, I replaced the customer profile picture with a notification bell emoji. Please delete the last two lines in the css file if you don't want to have that replaced.

For new comers coming across this, download the unofficial dark mode plugin and paste the code in there.

172e53f6-5bbd-4536-8391-e14f069c33ac-image.png

edit: updated link - css fix

]]>https://forum.cloudron.io/post/43847https://forum.cloudron.io/post/43847Wed, 23 Feb 2022 13:51:38 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Mon, 08 Mar 2021 16:35:45 GMT]]>@jimcavoli This is already posted upstream on their github by another user. All I did was modify their CSS since I didn't like the color palette they used.

]]>https://forum.cloudron.io/post/27345https://forum.cloudron.io/post/27345Mon, 08 Mar 2021 16:35:45 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Mon, 08 Mar 2021 15:16:31 GMT]]>You should see if they'd take a patch upstream for this! Nice work

]]>https://forum.cloudron.io/post/27338https://forum.cloudron.io/post/27338Mon, 08 Mar 2021 15:16:31 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Sun, 07 Mar 2021 14:29:40 GMT]]>Here's my version of the CSS code. This is a full replacement to what's in darkmode.css (Darkmode\Public\css\darkmode.css).

https://paste.cloudron.io/osabijokan.css (rev. 2)

Here's a screenshot of it:

Screenshot 2021-03-06 213052.png

Edit: rev.2 - new tickets have highlighted background to make it easier to spot

]]>https://forum.cloudron.io/post/27250https://forum.cloudron.io/post/27250Sun, 07 Mar 2021 14:29:40 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Sun, 07 Mar 2021 03:25:13 GMT]]>@robi Thanks for the tip!

]]>https://forum.cloudron.io/post/27249https://forum.cloudron.io/post/27249Sun, 07 Mar 2021 03:25:13 GMT<![CDATA[Reply to Dark Mode Now Available (unofficial) on Sun, 07 Mar 2021 02:30:06 GMT]]>@humptydumpty if you adjust the link to the zip to end with a 1 instead of a 0, it will download w/o asking to sign in.

]]>https://forum.cloudron.io/post/27244https://forum.cloudron.io/post/27244Sun, 07 Mar 2021 02:30:06 GMT