# Flexdash, Dark theme, default

**URL:** <https://discourse.nodered.org/t/flexdash-dark-theme-default/73201>\
**Category:** General\
**Tags:** flexdash\
**Created:** [5 January 2023 06:20 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201 "2023-01-05T06:20:54Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 06:20 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/1 "2023-01-05T06:20:54Z")

</div>

Continuing the discussion from [🚀 [FlexDash] alpha release - a dashboard for Node-RED](https://discourse.nodered.org/t/flexdash-alpha-release-a-dashboard-for-node-red/65861/36):

> [@rocket \[FlexDash\] alpha release - a dashboard for Node-RED](https://discourse.nodered.org/t/flexdash-alpha-release-a-dashboard-for-node-red/65861/36):
>
> to get the dark theme

I am unable to get the dark theme as default with the proposed solution in this link, please guide me.

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [5 January 2023 06:43 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/2 "2023-01-05T06:43:01Z")

</div>

What have you tried?

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 06:49 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/3 "2023-01-05T06:49:59Z")

</div>

i have few batch files on desktop to open few node-red dashboard and Flexdash as well.  
i just added ?theme=dark at the end as below as said in your post that i have linked in my op. it does opens the dashboard, but always in default light mode.

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/e/7/e704391281f0af775db931072c05aae9d6ec84aa.png)

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [5 January 2023 06:58 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/4 "2023-01-05T06:58:57Z")

</div>

Hmmm, for me this works on Linux:

```auto
> chromium 'https://core.voneicken.com/wcc/?theme=dark' --kiosk

```

I assume you also need some form of quotes on Windows due to the '?'...

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 07:09 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/5 "2023-01-05T07:09:34Z")

</div>

quotes gave me syntax error.

I tried --force-dark-mode in the command line, it turned the browser to dark mode, but FlexDash is still in light mode.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 07:11 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/6 "2023-01-05T07:11:41Z")

</div>

```auto
--enable-features=WebContentsForceDark

```

This did it !

Edit: Er. Jumped too quickly, it does turn the page dark, but everything is dark even the dark letters in light mode are still dark. i cant read them.  
this dark is not same as when i set dark from flexdash

back to square one...

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [5 January 2023 07:21 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/7 "2023-01-05T07:21:28Z")

</div>

> quotes gave me syntax error.

single or double ?

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 07:29 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/8 "2023-01-05T07:29:35Z")

</div>

single gave syntax error, double did not change theme color, but opened light mode

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [5 January 2023 07:34 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/9 "2023-01-05T07:34:06Z")

</div>

> single gave syntax error

You only enclosed the address in quotes ?

Google says the format is:

```auto
start "" chrome.exe --kiosk "http://127.0.0.1:1882/flexdash?theme=dark"

```

I don't use windows, can't test

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 07:42 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/10 "2023-01-05T07:42:42Z")

</div>

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/5/55fc9d1b3a864f300f04142ffc7faeb3f8466780.png)  
this gave me below error  
 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/3/137e1e1f23210d2269581c33dd1ac1798c1e0c2f.png)

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/5/c/5ccc7aa651e93aca13ea8d22022f78e453c7c2a1.png)  
this opened the dashboard but in light mode

![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/7/77e9251e9ed3041b5e6cde58ac3f73797e1d0c66.png)  
this also opens the dashboard but in light mode again.

---

<div class="post-metadata">

**Author:** ![bakman2](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/bakman2/32/6207_2.png) [@bakman2](https://discourse.nodered.org/u/bakman2)\
**Post date:** [5 January 2023 07:43 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/11 "2023-01-05T07:43:35Z")

</div>

> [@smanjunath211](#):
>
> this opened the dashboard but in light mode

And what address do you see in the address bar ?

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 07:47 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/12 "2023-01-05T07:47:15Z")

</div>

it shows theme= dark in the beginning , but then when dashboard is loaded it shows #1 at the end

![dark_mode](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/4/7/47a7a921546dbf97254d8d13dd910f2c00f96c23.gif)

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [5 January 2023 08:05 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/13 "2023-01-05T08:05:31Z")

</div>

Whatever does that sign-in thing probably strips the query string...

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 08:19 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/14 "2023-01-05T08:19:01Z")

</div>

I removed the dashboard authorization in settings.js and still it is the same issue

it briefly displays ([http://127.0.0.1:1882/flexdash?theme=dark](http://127.0.0.1:1882/flexdash?theme=dark))  
and then changes to #1

even i entered this directly in browser it is still same

![dark_mode2](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/3/d/3d5f5be99e795f24550d84e1544a63487834c254.gif)

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [5 January 2023 08:24 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/15 "2023-01-05T08:24:33Z")

</div>

Dunno...  
Try `http://127.0.0.1:1882/flexdash?theme=dark#1`... The #1 is for tab #1.  
I don't know how to reproduce it or why it would happen. Chromium doesn't do that for me, I can dig out my windows laptop tomorrow if no-one else has an idea.

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 08:48 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/16 "2023-01-05T08:48:19Z")

</div>

> [@tve](#):
>
> Try `http://127.0.0.1:1882/flexdash?theme=dark#1`

Nope 😑

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [5 January 2023 09:32 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/17 "2023-01-05T09:32:06Z")

</div>

Try this - [http://127.0.0.1:1882/flexdash/?theme=dark#1](http://127.0.0.1:1882/flexdash/?theme=dark#1)

(Note the added backslash after 'flexdash')

@tve you proposed a solution here - [🚀 [FlexDash] alpha release - a dashboard for Node-RED - #188 by Paul-Reed](https://discourse.nodered.org/t/flexdash-alpha-release-a-dashboard-for-node-red/65861/188)

---

<div class="post-metadata">

**Author:** ![smanjunath211](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/smanjunath211/32/95742_2.png) [@smanjunath211](https://discourse.nodered.org/u/smanjunath211)\
**Post date:** [5 January 2023 11:50 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/18 "2023-01-05T11:50:06Z")

</div>

Yes!  
It works.

---

<div class="post-metadata">

**Author:** ![tve](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/tve/32/59475_2.png) [@tve](https://discourse.nodered.org/u/tve)\
**Post date:** [5 January 2023 15:28 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/19 "2023-01-05T15:28:07Z")

</div>

> [@Paul-Reed](#):
>
> @tve you proposed a solution here - [🚀 [FlexDash] alpha release - a dashboard for Node-RED - #188 by Paul-Reed ](https://discourse.nodered.org/t/flexdash-alpha-release-a-dashboard-for-node-red/65861/188)

Argh, I lost that issue 💩. Thanks for remembering!

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [19 January 2023 15:28 UTC](https://discourse.nodered.org/t/flexdash-dark-theme-default/73201/20 "2023-01-19T15:28:52Z")

</div>

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.