# Minor UX - dark mode scheme is inconsistent/ inverted

**URL:** <https://discourse.jupyter.org/t/minor-ux-dark-mode-scheme-is-inconsistent-inverted/11564>\
**Category:** JupyterLab\
**Created:** [November 5, 2021, 4:07pm UTC](https://discourse.jupyter.org/t/minor-ux-dark-mode-scheme-is-inconsistent-inverted/11564 "2021-11-05T16:07:35Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![HashRocketSyntax](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.jupyter.org/hashrocketsyntax/32/2516_2.png) [@HashRocketSyntax](https://discourse.jupyter.org/u/HashRocketSyntax)\
**Post date:** [November 5, 2021, 4:07pm UTC](https://discourse.jupyter.org/t/minor-ux-dark-mode-scheme-is-inconsistent-inverted/11564/1 "2021-11-05T16:07:35Z")

</div>

I love dark modes, but the JupyterLab dark mode always felt odd in comparison to the light mode. It didn’t feel like a notebook. It felt like the cells were floating in empty space. Why?

* * *

In _light mode_:

- The page background and the file explorer background are the same color.
- The cell backgrounds are darker than the page backgrounds.

However, in _dark mode,_ the opposite is true:

- The page background (#111111) and the file explorer background (#212121) are the different colors.
- The cell backgrounds (#212121) are lighter than the page background (#111111).

* * *

Current design:

 ![Screen Shot 2021-11-05 at 12.06.25 PM](https://canada1.discourse-cdn.com/flex031/uploads/jupyter/original/2X/8/8c9aeb86ac5eb6a56d8201e9deee64413b7af148.png)

Proposed design (switches cell background and page background):

 ![Screen Shot 2021-11-05 at 12.06.01 PM](https://canada1.discourse-cdn.com/flex031/uploads/jupyter/original/2X/0/07ff3a4906b5a99ad13ba8fe644a6db51a44e0f9.png)

* * *

Bonuses:

- Colors that are close to pure black/ white makes humans feel nervous. These changes would alleviate this by making the page backround lighter.
- By making the code cells darker it increases the contrast (emphasis) on what matters most, the user input.

---

<div class="post-metadata">

**Author:** ![krassowski](https://yyz1.discourse-cdn.com/flex031/user_avatar/discourse.jupyter.org/krassowski/32/1685_2.png) [@krassowski](https://discourse.jupyter.org/u/krassowski)\
**Post date:** [November 5, 2021, 9:52pm UTC](https://discourse.jupyter.org/t/minor-ux-dark-mode-scheme-is-inconsistent-inverted/11564/2 "2021-11-05T21:52:40Z")

</div>

I like this idea, thank you for exploring this! Please feel welcome to open an enhancement issue on [Issues · jupyterlab/jupyterlab · GitHub](https://github.com/jupyterlab/jupyterlab/issues) so we can discuss it with more users and developers. Whether we decide to adopt this change by default or not, this would be an excellent custom theme.

One thing which will require extra attention is the editor itself. It has more complexity than immediately apparent as there are colours for:

- focused editor,
- blurred editor,
- line with cursor highlighted in the editor,
- line on debugger instruction highlighted in the editor

and I think more things I have now forgotten. All of these would need to be adjusted and thoroughly tested. There are also error message boxes and we will need to check if their red is still nice on the lighter grey. But definitely worth exploring!