# Light Theme for the entire user interface

**URL:** <https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214>\
**Category:** Feature Request\
**Created:** [September 27, 2016, 7:06am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214 "2016-09-27T07:06:58Z")\
**Posts on this page:** 13\
**Page:** 1

<div class="post-metadata">

**Author:** ![fishmi](https://avatars.discourse-cdn.com/v4/letter/f/c89c15/32.png) [@fishmi](https://forum.pinegrow.com/u/fishmi)\
**Post date:** [September 27, 2016, 7:06am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/1 "2016-09-27T07:06:58Z")

</div>

Please add a light Theme (white background and darkgrey font) for the entire user interface (not only for the code editor).  
I find these dark surfaces so tiring for the eyes.  
I do not understand why they are so widely used.

The area where the page is shown of course must remain dark gray.

---

<div class="post-metadata">

**Author:** ![Paul](https://avatars.discourse-cdn.com/v4/letter/p/bbe5ce/32.png) [@Paul](https://forum.pinegrow.com/u/Paul)\
**Post date:** [September 27, 2016, 4:35pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/2 "2016-09-27T16:35:55Z")

</div>

I love the grey theme 🙂 but everyone has different tastes. Maybe something like the Atom themes?

---

<div class="post-metadata">

**Author:** ![fishmi](https://avatars.discourse-cdn.com/v4/letter/f/c89c15/32.png) [@fishmi](https://forum.pinegrow.com/u/fishmi)\
**Post date:** [September 27, 2016, 5:15pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/3 "2016-09-27T17:15:41Z")

</div>

Why not, the Atom light Theme is very nice  
Of course this is a matter of taste …

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [September 28, 2016, 1:53am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/4 "2016-09-28T01:53:18Z")

</div>

I don’t have a preference either way so I can see why someone might like a lighter colour for the interface.

---

<div class="post-metadata">

**Author:** ![fishmi](https://avatars.discourse-cdn.com/v4/letter/f/c89c15/32.png) [@fishmi](https://forum.pinegrow.com/u/fishmi)\
**Post date:** [September 28, 2016, 7:02am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/5 "2016-09-28T07:02:58Z")

</div>

This discussion is not new:  
[https://www.quora.com/Usability-Are-there-any-studies-regarding-readability-of-inverted-light-on-dark-schemes-in-software-design](https://www.quora.com/Usability-Are-there-any-studies-regarding-readability-of-inverted-light-on-dark-schemes-in-software-design)

The best answer in this thread:

"The answer is a matter of contrasts and real-world usage.

The general rule of thumb is that you should read dark text on white background during the day or bright rooms, and white text on dark background at nighttime.

As the other poster mentioned, this is due to how your eyes are already adjusted in the room you’re in. It’s the difference that hurts your eyes(bright white screen at night, or trying to read a very dark screen in sunlight."

Then I would like to have a theme that automatically adapts to the outside light 😆

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [September 28, 2016, 12:55pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/6 "2016-09-28T12:55:17Z")

</div>

User @BATLABOR posted a method to have a “Light UI” in the [following thread.](http://forum.pinegrow.com/t/my-quick-experiences-with-pinegrow-pro/136)

There is a [screen shot in Post #2](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/6fe9c02b308c5b7e20ad562adced24cf832790dc.jpg) and a PasteBin link to the code MOD’s in Post #4

I would not be surprised if more “UI Themes” come as part of Pinegrow 3, in addition to hopefully overall UI/UX improvements.

But if you want to fiddle around in the meantime maybe check that out.

😉

---

<div class="post-metadata">

**Author:** ![fishmi](https://avatars.discourse-cdn.com/v4/letter/f/c89c15/32.png) [@fishmi](https://forum.pinegrow.com/u/fishmi)\
**Post date:** [October 2, 2016, 10:52am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/7 "2016-10-02T10:52:19Z")

</div>

Thanks for the hint.

Based on the code under “pastebin” I have created my own CSS file:  
[http://www.uxpreview.de/privat/custom.zip](http://www.uxpreview.de/privat/custom.zip)  
Now it looks a lot better, not perfect, with a few colors I’m not happy and the dialogues shown on mouseover are still dark.  
But basically a Light Theme should look like

![](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/1X/dee77d25dcc4edeff1d158cc46235bec68d9b9ab.png)

Important also the following changes:

- Larger font-size
- light font-weight (for some elements)
- No horizontal lines in the DOM tree

---

<div class="post-metadata">

**Author:** ![fishmi](https://avatars.discourse-cdn.com/v4/letter/f/c89c15/32.png) [@fishmi](https://forum.pinegrow.com/u/fishmi)\
**Post date:** [August 31, 2017, 10:13am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/8 "2017-08-31T10:13:39Z")

</div>

Can one of the developers of PG please create a CSS file for a complete light interface? For a user, this is very tedious.  
I would like to thank you in advance for your efforts 🙂

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [May 31, 2018, 3:09pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/9 "2018-05-31T15:09:27Z")

</div>

> [@fishmi](#):
>
> Please add a light Theme

Fast forward …

* * *

> 1 year, 8 months, 4 days

* * *

… and here is your request:

> **[Release 4.8 - 31 May, 2018 | Pinegrow Web Editor](https://pinegrow.com/release_notes/release-4-8-31-may-2018/)**
>
> Light UI Theme, keep custom HTML formatting, Font Awesome 5, better support for Google Fonts and WordPress improvements.

 ![Light%20UI%20Theme](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/b7aff4c870b3d1a0d36f070ccef3eaca56715406.jpg)

---

<div class="post-metadata">

**Author:** ![Emmanuel](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/emmanuel/32/6294_2.png) [@Emmanuel](https://forum.pinegrow.com/u/Emmanuel)\
**Post date:** [May 31, 2018, 3:25pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/10 "2018-05-31T15:25:20Z")

</div>

> [@Pinegrow\_User](#):
>
> 1 year, 8 months, 4 days

It’s all about priorities, but we did it! 😉

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [June 1, 2018, 7:57am UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/11 "2018-06-01T07:57:22Z")

</div>

\*And the Winner of the “CAPTAIN SNIDEY” award goes to…

@Pinegrow_User ! "

For Truly unsurpassed levels of putdowns, sarcasm, egotism, bullying and of course, nor forgetting relentlessly telling the devs how to steer/market their own products.

we thank you for your devotion to (your own) Cause!

_clap clap clap_

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [June 1, 2018, 12:31pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/12 "2018-06-01T12:31:07Z")

</div>

> [@Emmanuel](#):
>
> It’s all about priorities, but we did it! 😉

True. As they say, “better late than never”, including your “caring presence” response in this thread.😄

---

<div class="post-metadata">

**Author:** ![Rob](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/rob/32/9_2.png) [@Rob](https://forum.pinegrow.com/u/Rob)\
**Post date:** [July 4, 2018, 10:01pm UTC](https://forum.pinegrow.com/t/light-theme-for-the-entire-user-interface/214/13 "2018-07-04T22:01:17Z")

</div>

I’m okay with slow steady progress rather that fast and buggy progress.
