Dropdown colour (theme aware) (#3472)

* catchup (#7)

* added rtl toggle button

* added rtl toggle button

* keep code styling aligned to the left and ltr at all times

* added hotkey setting for direction toggle

* fixed requested changes

* fix undefined variable

* Copyright info update

updated Copyright (C) 2017 - 2019 BoostIO to Copyright (C) 2017 - 2020 BoostIO

* Refine Chinese translation

- Should not translate "space", it means space key in most context
- Should translate "keymap", "spellcheck disabled", "auto detect"
- Should translate "On Right Click" to "右键点击"
- Refine misc translation.

* Added Wiki Link

* Add Traditional Chinese option to build.md

* Bug fix (sets tabWith to 2 on prettier configuration and ConfigManager so checkboxes can be clikable)

Co-authored-by: ibraude <48394109+ibraude@users.noreply.github.com>
Co-authored-by: Junyoung Choi <rokt33r.choi@gmail.com>
Co-authored-by: Satyendra <33686367+developersatyendra@users.noreply.github.com>
Co-authored-by: Andrew <andysim3d@gmail.com>

* Menu Backgroun Colour

* add white to the apply-theme loop

Co-authored-by: Milo Todt <milo@milotodt.com>
Co-authored-by: ibraude <48394109+ibraude@users.noreply.github.com>
Co-authored-by: Junyoung Choi <rokt33r.choi@gmail.com>
Co-authored-by: Satyendra <33686367+developersatyendra@users.noreply.github.com>
Co-authored-by: Andrew <andysim3d@gmail.com>

browser/main/NoteList/NoteList.styl

@@ -59,13 +59,6 @@ $control-height = 30px
   top $control-height
   overflow auto
 
-body[data-theme="white"]
-  .root
-    background-color $ui-white-noteList-backgroundColor
-
-  .control
-    background-color $ui-white-noteList-backgroundColor
-
 apply-theme(theme)
   body[data-theme={theme}]
     .root
@@ -80,6 +73,7 @@ apply-theme(theme)
       &:hover
         transition 0.2s
         color get-theme-var(theme, 'text-color')
+        background-color: get-theme-var(theme, 'noteList-backgroundColor')
 
     .control-button
       color get-theme-var(theme, 'inactive-text-color')
@@ -91,8 +85,8 @@ apply-theme(theme)
       &:active
         color get-theme-var(theme, 'text-color')
 
-for theme in 'dark' 'solarized-dark' 'dracula'
+for theme in 'white' 'dark' 'solarized-dark' 'dracula'
   apply-theme(theme)
 
 for theme in $themes
-  apply-theme(theme)
+  apply-theme(theme)