From d324c470e236797642e8bb484ae3b5afe74aed07 Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Sat, 15 Aug 2020 18:27:36 +0200
Subject: [PATCH] start new dark theme

---
 zero.Debug/wwwroot/Assets/zero-2.png          | Bin 0 -> 5658 bytes
 zero.Debug/wwwroot/Assets/zero-dark.png       | Bin 4113 -> 4052 bytes
 zero.Web.UI/App/components/header-bar.vue     |   4 +-
 .../components/overlays/dropdown-button.vue   |  11 +++-
 .../overlays/dropdown-separator.vue           |   3 +-
 .../App/components/overlays/dropdown.vue      |   4 +-
 zero.Web.UI/App/components/tree/tree-item.vue |   2 +-
 zero.Web.UI/App/navigation.vue                |   4 +-
 zero.Web.UI/App/pages/media/media.vue         |  43 +-----------
 zero.Web.UI/App/pages/pages/pages.vue         |  52 +++------------
 zero.Web.UI/App/pages/settings/settings.vue   |  12 ++--
 zero.Web.UI/Sass/Canvas/_navigation.scss      |  37 ++++-------
 zero.Web.UI/Sass/Core/_settings.scss          |  61 ++++++++++++++++--
 zero.Web.UI/Sass/Modules/_all.scss            |   4 +-
 zero.Web.UI/Sass/Modules/_headlines.scss      |   4 +-
 zero.Web.UI/Sass/Modules/_tree.scss           |  47 ++++++++++++++
 zero.Web/Controllers/IndexController.cs       |   2 +-
 zero.Web/Views/{ => Shared}/Index.cshtml      |   2 +-
 zero.Web/Views/{ => Shared}/Setup.cshtml      |   0
 zero.Web/zero.Web.csproj                      |   2 +-
 20 files changed, 157 insertions(+), 137 deletions(-)
 create mode 100644 zero.Debug/wwwroot/Assets/zero-2.png
 create mode 100644 zero.Web.UI/Sass/Modules/_tree.scss
 rename zero.Web/Views/{ => Shared}/Index.cshtml (96%)
 rename zero.Web/Views/{ => Shared}/Setup.cshtml (100%)

diff --git a/zero.Debug/wwwroot/Assets/zero-2.png b/zero.Debug/wwwroot/Assets/zero-2.png
new file mode 100644
index 0000000000000000000000000000000000000000..4c0b0125a12b93a3dafce9e3f1440eea2026f755
GIT binary patch
literal 5658
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
AjsO4v

literal 0
HcmV?d00001

diff --git a/zero.Debug/wwwroot/Assets/zero-dark.png b/zero.Debug/wwwroot/Assets/zero-dark.png
index f234ec88b34b22b2bbfbca0e7d124ea6db7419e6..d8447c3eacf2a50f8a859ac8e8742a0be0e9efdd 100644
GIT binary patch
delta 1319
zcmV+?1=#wLAk-hQzY2c@|4BqaRCwC#n_XxeRTRg6n{KQcO-%iSN|jU$C_dPYUsYQn
z8%2E3(k2E}L<><L#0SwViYO@9A|eQCw-!Y3K@w3Bimgeh_|`Tl))wo7*=lP|wbGPS
zs~GL|Va}A>%gmkGyE9uU_YW7cJLleW_x$Iad(N3jK`BL@xDtO@3UmWE1J@YW4+38S
zdx0Im9z1eEAtiY&Kp(IYxD&V{<@$$#Ex;$hM&J)`^5&9v3-B~>A26>0U0Z<HfX&|Q
z`IA=^(kj3O8R?q?-T__&j(YRwLtZ=Z7VuzBdba|P0zY^PvL)|);5|9t^29dLanRG?
zhL(uWZ#RKBfSZ4S_kjhThHS`tCdW`2g<eTw3Z9C_!sZgG&)QDIKKg-=JRNSH*9yFF
znur5<3AoVH;YQvv;NBRSDPX507XLWtI05_$>;k@xk+~LF<>_!EZ_sk?RDk6KEwN1w
zI`#o~$qh0H{1zkk05IQEQXhGXfV*R^{{n0Weh2mgXE}f9XqCCMz-}2)SSlkclmV46
z#$x7<rI=gqyb++3a_>VTe?;a^0af`;r;v9murOwky}-}%_afjr2P0krT%~=EE6nF*
zOy2(u{X(vdz)oO7i0YTm09``pm|O#b7Ff4sv1#p`TL7Hru<5h4O#sYTWS3-UtVx1q
zx{0b717LqV#X5bC`t^AwV2#*e7#Og4Zb{qQC{UB{hBOjqfC@^fF%^$>N-1P4Q%cP#
zH>}pydCnsDjV71J7}j)+Smbn@)U&>A-bBKhL)!If#Pv>Njjp0(dU4Pn;mj9Lb%EYR
zIc$;3vs@_4-5+}YV|C0kF(aOxby(%3S4HcrXy<=)e^FBTILv8(pVPp`^!o9*MNZ{J
zT&E-eAqEn{w;9SzjHd{vWg~2c;czrTe$uixJ<OMiIU4MgPEJa>y!KMn&fQANv#wE$
z#dy!!EK7yf6m_5(LhHrRm^Gs^&a5%4g`{x@;}s%?OA<2<^jN~}xaOsuDZF{I1^6)`
zQw)DG3;gY9!2L!Di^H*ui7OfB+&~jcgMys(HSKrTEb^n8+?trsuYW&U1il1rOp!qB
zlN#;nI)B7pQZI&BXp#Ls$8&CdOpTQkLdz-6pE!hJvMRcVEuOz#$^gAAh$<D3HEJlO
z9<ikEyOmNMTDtnULz(b~QmUw}@v%krl?;E&f^y3JC8hkX^P;{#qLk{g?Aa^_qHwZ|
zXp#2UjHO|`+_*cQk}kj@BO49zuk<f>0j~njYlVI{aJ%JB-FAj{SJrCLpqk*RJyOPu
zYP{6M_I-MZ6F$!y(GGPJn}B<alA;Z`R6=08mV_wjgC3H$+N`nG24HoJp0DLbne~4y
z=d`(b;DW0XTy=v|>aqqx*ttrnmz7c{EIKMVcUR815qe%5@OeT=+X;L?@U;CWdE!7q
zx8!o*27*UHy%yO6z->lW>XDSrYOg``0$(K5VPU;DEpd37;IYM@S_`d1Lh51(s~su!
z@dU8W)8S4Yz?;C6P2R(1V1;%AcsPHO*A9GUWSDv4J4uFWo(i}27)BT6;U=Z*2Y`n>
zaoLfFw95u^Zr<)8c(HfFQ;;orVK4H2;N2W_ZY21RqaEJ-*`9e(7zCaLu5VD+6!1F1
zEAGd=>6=3yz{LdbRjvf?puR^p+ksDk4+)yv9!(}MM5|<?Ju(&p7a20ggrpw{DeSlU
dmRCObZvgbxf4xkqm{b4&002ovPDHLkV1k8kgs%Vq

delta 1380
zcmV-q1)KWRACVxizY2c^JV``BRCwC#n_XxeRTRg6+3p%^H8u644~8nW8n7ssjaDl*
zD^2{s2L+p0Q4uVrP*9&F5i976HuxYuXw52$Akt>R52RY%6-RxtCTg+RB4(qhAJuB3
zsj*_z_2Hg@+i~a4$Ifh}+&>JN-97hX&VSCi=bU@fQmfU-ISzjja1O8<=mahUF7W*R
zE$}|D7x)O+6V%~+p@2nnWJAhjfIi?R;A-G(gKP(|O70H=?*Oj=JAgT>^5l>SA#*t}
zCd$7nfH*JC0M-NBf!Ba*tje21UKSVv-Vlph(BN2Wf!Bd2fK#pN(<849cpli2u%dIo
zJ;2Mdc3LD%-YI{;bHHsWj(Zib4LHkEkQ{j#;3;vFX=4@e0<gr=kPLbErEGEa*1^Ye
zj?-ePXpFor;K5@shdY~O>BlX3IU#P*F`CCiImbE8(h-lmHNXu%GLyi^sLIJ-F~;}@
z_z~C*eC{K&5?E*Hh)3Rfz;E3d26|8>v7Ir-n3Cjtjf{WulaJi3Imc<Wltdse=QzuN
z>wJFy0oVon222Ad#LVrcfmz@)x$0rHTuGr9s0CbQpSI-?ZKJju1M(r~J}B~sr0pay
zD$jJ3<y~ROxAp?x$^A0m!Wc?C6Ih{r{>n#gLBizy-_S4Qnh0zM#)YVU`3$gJ2rbKR
zfGUA?8ajXbUR&pu04K+o^oiOe0A>ubT?r~{0#!`+VpNm?PzljbU(E6Kc6n5_svT8w
z957gJUYlD9sLFSP8i_N&a8@kO53|~R8?Z3ugLG*3KO5xEOOU*oI^+y##Fc=N5dBnQ
zj$iTI_X`RA23P44R|GbC+7~r)hk#;MB0WFoTR4BMgx^B)La(A6G{~iyF7(RV?-IK)
zLc4k|#zYEk)$M!OXUt)3o$k*{DDQ`P?S5ec6Vvm@-wkrLl!$AW0KmmSfcy5kvU*n4
z7lHJ=W>uvC`3b|^bZgFMQ&gCau;s6`<}#|SyTc8*!YC;FSkFjO17swW56T0*E;K5B
z@#%lFUc{L+hBTK{iJ`ofI#-+^rUG;u+-*g(()JM6Jdpvu4u}->;N{Pl3Y_-1Fh3kl
zn7F)Wof~LkYS1EUeN}tzszJV_$!+m*{rdN%EZ_i_h6o_0Bu6_x;zRr)`JxNc9^RKJ
zu5(4794p9$_BIfOx^8k*ixT}Tzo<o=Zd!j(FI7PLsAhqEhQTia76ZRZS?h6NYeXeJ
z4SW$Y9rz?+t6T1IpF=U$<8p)Rcv0MTuZ&+ZSYV%)4)prGI7K%a%}DvnFS=QYs%z>E
z@0BXR0Z%mQ;%^~(H}EL%fR^ZY0#_Oy^uyz{x-z19gV6v>?UppAr14S}-S_D!PK$q>
z+Z;0_k2`_uJt@T^V5zvkHZ2ILq3WOqq^vgU>FZfwgU>jh0zLDE!Yme{;3nNB@~#!u
zHw!6l<XH_^fOVV%+>hFL^}}{cTs-pL1U@jhv<<+;z>BEU(BGhT90;hEbO4v2wu06g
zWcLFvSvum8HwQcnylu$Cy5yQe6|8@&^7jyML}Xeez*!2MD{gghh<Q9RUnoplI^vNB
z>R9@dz}+EAT`M?xo2L=Hg*ruM5u?JQV>9qx6UW~NY??0=j#w%hCvO(Gqe&tAe&F^9
zL61cMd7#Q=1EgEL-Ge&rH*P6NmON0k$eV#@QW$dwa3kt}_bgH%4~ZfNfm>Wirff9{
zY!a)Uw5m@w+VsOViA2|lt1A#~>t+}5s`N8uRo-0kKpkD!iYjmQpz3eklFOa$kv%LV
mjiV0hzRQ2hWEKhF-vI!bhc`dYnSsFo0000<MNUMnLSTYf<(ta@

diff --git a/zero.Web.UI/App/components/header-bar.vue b/zero.Web.UI/App/components/header-bar.vue
index 482eeac8..c39cb4ae 100644
--- a/zero.Web.UI/App/components/header-bar.vue
+++ b/zero.Web.UI/App/components/header-bar.vue
@@ -124,8 +124,10 @@
     font-family: var(--font);
     color: var(--color-fg);
     margin: 0;
-    font-size: var(--font-size-l);
+    font-size: var(--font-size);
+    letter-spacing: 1px;
     font-weight: 700;
+    text-transform: uppercase;
 
     &.is-empty, .-minor
     {
diff --git a/zero.Web.UI/App/components/overlays/dropdown-button.vue b/zero.Web.UI/App/components/overlays/dropdown-button.vue
index f1ccd1a7..d2b7fdde 100644
--- a/zero.Web.UI/App/components/overlays/dropdown-button.vue
+++ b/zero.Web.UI/App/components/overlays/dropdown-button.vue
@@ -131,7 +131,7 @@
 
     &:not([disabled]):hover, &.is-active, &:focus
     {
-      background: var(--color-bg-xlight);
+      background: var(--color-bg-bright-three);
       color: var(--color-fg);
       //font-weight: 700;
 
@@ -148,15 +148,20 @@
 
     &[disabled]
     {
-      color: var(--color-fg-light);
+      color: var(--color-fg-dim);
       cursor: default;
       pointer-events: none;
 
       .ui-dropdown-list-item-icon
       {
-        color: var(--color-fg-light);
+        color: var(--color-fg-dim);
       }
     }
+
+    & + .ui-dropdown-button
+    {
+      margin-top: 4px;
+    }
   }
 
   .ui-dropdown-button-icon
diff --git a/zero.Web.UI/App/components/overlays/dropdown-separator.vue b/zero.Web.UI/App/components/overlays/dropdown-separator.vue
index baf6a390..774ec2a8 100644
--- a/zero.Web.UI/App/components/overlays/dropdown-separator.vue
+++ b/zero.Web.UI/App/components/overlays/dropdown-separator.vue
@@ -13,7 +13,8 @@
 <style lang="scss">
   .ui-dropdown-separator
   {
-    border-bottom-color: var(--color-highlight);
+    border: none;
+    border-bottom: 1px solid var(--color-bg-bright-three);
     margin: 5px 0;
   }
 </style>
\ No newline at end of file
diff --git a/zero.Web.UI/App/components/overlays/dropdown.vue b/zero.Web.UI/App/components/overlays/dropdown.vue
index a8da2f28..98843ebd 100644
--- a/zero.Web.UI/App/components/overlays/dropdown.vue
+++ b/zero.Web.UI/App/components/overlays/dropdown.vue
@@ -99,10 +99,10 @@
     position: absolute;
     min-width: 300px;
     min-height: 20px;
-    background: var(--color-bg-light);
+    background: var(--color-bg-bright-two);
     border-radius: var(--radius);
     border: 1px solid var(--color-line-light);
-    box-shadow: 0 0 20px var(--color-shadow);
+    box-shadow: 0 0 32px var(--color-shadow);
     z-index: 8;
     top: calc(100% + 5px);
     padding: 5px;
diff --git a/zero.Web.UI/App/components/tree/tree-item.vue b/zero.Web.UI/App/components/tree/tree-item.vue
index 9c1088e8..42289b29 100644
--- a/zero.Web.UI/App/components/tree/tree-item.vue
+++ b/zero.Web.UI/App/components/tree/tree-item.vue
@@ -232,7 +232,7 @@
     position: absolute;
     left: 10px;
     bottom: 12px;
-    background: var(--color-bg-light);
+    background: var(--color-bg-bright);
     border-radius: 50%;
     width: 14px;
     height: 14px;
diff --git a/zero.Web.UI/App/navigation.vue b/zero.Web.UI/App/navigation.vue
index 6d8cdb02..7ba0a8ef 100644
--- a/zero.Web.UI/App/navigation.vue
+++ b/zero.Web.UI/App/navigation.vue
@@ -1,8 +1,8 @@
 <template>
-  <div class="app-nav theme-light">
+  <div class="app-nav theme-dark">
 
     <h1 class="app-nav-headline">
-      <img src="/Assets/zero.png" v-localize:alt="'@zero.name'" />
+      <img src="/Assets/zero-2.png" v-localize:alt="'@zero.name'" />
     </h1>
 
     <ui-dropdown v-if="applications.length > 0" class="app-nav-switch">
diff --git a/zero.Web.UI/App/pages/media/media.vue b/zero.Web.UI/App/pages/media/media.vue
index adc64276..01ec95a7 100644
--- a/zero.Web.UI/App/pages/media/media.vue
+++ b/zero.Web.UI/App/pages/media/media.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="media">
-    <div class="media-tree" v-resizable="resizable">
+    <div class="app-tree media-tree" v-resizable="resizable">
       <ui-tree ref="tree" :get="getTree" :config="treeConfig" :active="id" header="@media.list" />
-      <div class="media-tree-resizable ui-resizable"></div>
+      <div class="app-tree-resizable ui-resizable"></div>
     </div>
 
     <div class="media-content">
@@ -305,45 +305,6 @@
     justify-content: stretch;
   }
 
-  .media-tree
-  {
-    width: 340px;
-    background: var(--color-bg-light);
-    padding: 0;
-    position: relative;
-    overflow-y: auto;
-    height: 100vh;
-
-    .ui-header-bar + .ui-tree
-    {
-      margin-top: -10px;
-    }
-
-    .ui-dot-button
-    {
-      margin-right: -8px;
-    }
-  }
-
-  .media-tree-resizable
-  {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    background: var(--color-fg);
-    opacity: 0;
-    right: 0;
-    width: 6px;
-    cursor: ew-resize;
-    transition: opacity 0.15s ease 0s;
-
-    &:hover
-    {
-      transition-delay: 0.2s;
-      opacity: 0.04;
-    }
-  }
-
   .media-content
   {
     height: 100vh;
diff --git a/zero.Web.UI/App/pages/pages/pages.vue b/zero.Web.UI/App/pages/pages/pages.vue
index a56eca15..c2ab91ed 100644
--- a/zero.Web.UI/App/pages/pages/pages.vue
+++ b/zero.Web.UI/App/pages/pages/pages.vue
@@ -1,8 +1,8 @@
 <template>
   <div class="page-container">
-    <div class="page-container-tree" v-resizable="resizable">
+    <div class="app-tree" v-resizable="resizable">
       <ui-tree ref="tree" :get="getItems" :config="treeConfig" :active="id" header="Pages" />
-      <div class="page-container-tree-resizable ui-resizable"></div>
+      <div class="app-tree-resizable ui-resizable"></div>
     </div>
 
     <router-view v-if="!isOverview"></router-view>
@@ -303,49 +303,13 @@
     height: 100vh;
   }
 
-  .page-container-tree
-  {
-    width: 340px;
-    background: var(--color-bg-light);
-    padding: 0;
-    position: relative;
-    overflow-y: auto;
-    height: 100vh;
-    border-right: 1px solid var(--color-line-mid);
-
-    .ui-header-bar + .ui-tree
-    {
-      margin-top: -10px;
-    }
-
-    .ui-dot-button
-    {
-      margin-right: -8px;
-    }
-  }
-
-  .page-container-tree-resizable
-  {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    background: var(--color-fg);
-    opacity: 0;
-    right: 0;
-    width: 6px;
-    cursor: ew-resize;
-    transition: opacity 0.15s ease 0s;
-
-    &:hover
-    {
-      transition-delay: 0.2s;
-      opacity: 0.04;
-    }
-  }
 
   .page-overview
   {
-    padding: 95px 0 0 60px;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-left: 80px;
   }
 
   .page-overview-action
@@ -370,7 +334,7 @@
     line-height: 89px !important;
     font-size: 22px;
     text-align: center;
-    background: var(--color-bg-light);
+    background: var(--color-bg-bright);
     border-radius: var(--radius);
     transition: box-shadow 0.2s ease;
     box-shadow: var(--color-shadow-short);
@@ -379,7 +343,7 @@
   .page-overview-action-text
   {
     line-height: 1.3;
-    color: var(--color-fg-light);
+    color: var(--color-fg-dim);
 
     strong
     {
diff --git a/zero.Web.UI/App/pages/settings/settings.vue b/zero.Web.UI/App/pages/settings/settings.vue
index 4ff4867e..5c980e17 100644
--- a/zero.Web.UI/App/pages/settings/settings.vue
+++ b/zero.Web.UI/App/pages/settings/settings.vue
@@ -80,7 +80,7 @@
 
   a.settings-group-item
   {
-    color: var(--color-text);
+    color: var(--color-fg);
     font-size: var(--font-size);
     display: grid;
     grid-template-columns: auto 1fr;
@@ -90,12 +90,12 @@
 
   .settings-group-item-icon
   {
-    width: 54px;
-    height: 54px;
-    line-height: 53px !important;
+    width: 60px;
+    height: 60px;
+    line-height: 59px !important;
     font-size: 18px;
     text-align: center;
-    background: var(--color-bg-light);
+    background: var(--color-bg-bright);
     border-radius: var(--radius);
     transition: box-shadow 0.2s ease;
     box-shadow: var(--color-shadow-short);
@@ -104,7 +104,7 @@
   .settings-group-item-text
   {
     line-height: 1.3;
-    color: var(--color-fg-light);
+    color: var(--color-fg-dim);
     margin: 0;
 
     strong
diff --git a/zero.Web.UI/Sass/Canvas/_navigation.scss b/zero.Web.UI/Sass/Canvas/_navigation.scss
index 6798cd80..49468136 100644
--- a/zero.Web.UI/Sass/Canvas/_navigation.scss
+++ b/zero.Web.UI/Sass/Canvas/_navigation.scss
@@ -2,13 +2,14 @@
 
 .app-nav
 {
-  background: var(--color-bg-light);
+  background: var(--color-bg-bright);
   width: 260px;
-  border-right: 1px solid var(--color-line-mid);
   color: white;
-  height: 100vh;
+  height: calc(100vh - 40px);
   display: grid;
+  margin: 20px;
   grid-template-rows: auto auto 1fr auto;
+  border-radius: var(--radius);
 
   a, button
   {
@@ -28,19 +29,12 @@
   align-items: center;
   padding: 0 var(--padding);
   padding-top: 8px;
-  font-size: 2.4em;
-  line-height: 1;
-  font-weight: 700;
   height: var(--height-top);
   margin: 0;
-  color: var(--color-fg);
-  background: var(--color-secondary);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
 
   img
   {
-    height: 32px;
+    height: 28px;
     margin-top: 10px;
   }
 }
@@ -52,10 +46,8 @@
 
   .ui-button.type-action
   {
-    background: var(--color-bg);
-    //background: rgba(white, 0.05);
+    background: var(--color-bg-bright-two);
     color: var(--color-fg);
-    //border-color: rgba(white, 0.1);
     padding-left: 20px;
   }
 }
@@ -69,7 +61,7 @@ a.app-nav-item
   font-size: var(--font-size);
   padding: 0 var(--padding);
   height: 52px;
-  color: var(--color-fg-mid);
+  color: var(--color-fg-dim);
 
   &:hover
   {
@@ -84,7 +76,7 @@ a.app-nav-item
   &.is-active:not([alias="dashboard"]), &.is-active-exact
   {
     color: var(--color-fg);
-    background: var(--color-bg-light);
+    background: var(--color-bg-bright-two);
     font-weight: 700;
 
     .app-nav-item-icon
@@ -106,7 +98,7 @@ a.app-nav-item
   font-weight: 400;
   position: relative;
   top: -2px;
-  color: var(--color-fg-mid);
+  color: var(--color-fg-dim);
   transition: color 0.2s ease;
 }
 
@@ -122,7 +114,7 @@ a.app-nav-child
   font-size: $font-size;
   padding: 0 var(--padding) 0 calc(var(--padding) + 36px);
   height: 40px;
-  color: var(--color-fg-mid);
+  color: var(--color-fg-dim);
 
   &:hover, &.is-active
   {
@@ -166,7 +158,7 @@ a.app-nav-child
   width: 100%;
   grid-template-columns: auto 1fr auto;
   grid-gap: 16px;
-  color: var(--color-fg-mid);
+  color: var(--color-fg-dim-two);
   align-items: center;
 
   .-image
@@ -176,7 +168,7 @@ a.app-nav-child
     border-radius: 18px;
     position: relative;
     top: -1px;
-    background: var(--color-bg-mid);
+    background: var(--color-bg-bright-two);
     text-align: center;
     line-height: 37px;
     font-size: 16px;
@@ -193,9 +185,4 @@ a.app-nav-child
       color: var(--color-fg);
     }
   }
-
-  .-icon
-  {
-
-  }
 }
\ No newline at end of file
diff --git a/zero.Web.UI/Sass/Core/_settings.scss b/zero.Web.UI/Sass/Core/_settings.scss
index 79509bf3..a58189b3 100644
--- a/zero.Web.UI/Sass/Core/_settings.scss
+++ b/zero.Web.UI/Sass/Core/_settings.scss
@@ -1,5 +1,5 @@
 
-:root, .theme-light
+/*:root, .theme-light
 {
   // accent colors
   --color-primary: #04bfbf; //linear-gradient(75deg, #48da9c, #3eb8ad); //#484c5b; // #292b2c; // #00aea2
@@ -68,28 +68,28 @@
   --color-fg: #fff;
   --color-fg-mid: #c1c5c9;
   --color-fg-light: #919294;
-  --color-fg-xlight: #919294;
+  --color-fg-xlight: #919294;*/
 
   /*--color-fg: #222;
   --color-fg-mid: #6f7375;
   --color-fg-light: #919294;*/
 
-  // background color shades
+  /*// background color shades
   --color-bg: #1c1e1f;
   --color-bg-dark: #1c1e1f;
   --color-bg-xmid: #292b2c;
   --color-bg-mid: #282c3b;
   --color-bg-light: #242526;
   --color-bg-xlight: #292b2c;
-  --color-bg-xxlight: #242526;
+  --color-bg-xxlight: #242526;*/
 
   /*--color-bg: #fff;
   --color-bg-light: #f8f9fa;
   --color-bg-mid: #f4f5f6;*/
 
-  // line colors
+  /*// line colors
   --color-line: #2f3233;
-  --color-line-mid: #3b3e40;
+  --color-line-mid: #2f3233;
   --color-line-light: #2f3233;
 
   // misc colors
@@ -97,6 +97,55 @@
   --color-shadow: rgba(0,0,0,0.3);
   --color-highlight: rgba(255,255,255, 0.03);
   --color-overlay-shade: rgba(0,0,0,0.3);
+}*/
+
+
+:root
+{
+  // foreground colors
+  --color-fg: #fff;
+  --color-fg-dim: #b2b5b8;
+  --color-fg-dim-two: #87898c;
+  
+  // background colors
+  --color-bg: #1c1e1f;
+  --color-bg-bright: #242526;
+  --color-bg-bright-two: #2b2c2e;
+  --color-bg-bright-three: #343638;
+
+  // misc colors
+  //--color-box: #242526;
+  --color-shadow: rgba(0,0,0,0.3);
+  --color-shadow-short: 0 1px 1px 0 rgba(0,0,0,0.05);
+  --color-overlay-shade: rgba(0,0,0,0.3);
+}
+
+
+:root
+{
+  // message colors
+  --color-accent-info: rgb(44, 162, 212);
+  --color-accent-info-bg: rgba(44, 162, 212, 0.1);
+  --color-accent-success: rgb(47, 187, 152);
+  --color-accent-success-bg: rgba(47, 187, 152, 0.15);
+  --color-accent-warn: rgb(211, 172, 35);
+  --color-accent-warn-bg: rgba(233, 193, 56, 0.1);
+  --color-accent-error: rgb(216, 40, 83);
+  --color-accent-error-bg: rgba(216, 40, 83, 0.08);
+
+  // sizes
+
+  --padding: 32px;
+  --padding-s: 24px;
+  --height-top: 74px;
+  --radius: 6px;
+
+  --font-size-xs: 12px;
+  --font-size-s: 13px;
+  --font-size: 14px;
+  --font-size-m: 15px;
+  --font-size-l: 16px;
+  --font-size-xl: 18px;
 }
 
 
diff --git a/zero.Web.UI/Sass/Modules/_all.scss b/zero.Web.UI/Sass/Modules/_all.scss
index 61baa881..85ec860b 100644
--- a/zero.Web.UI/Sass/Modules/_all.scss
+++ b/zero.Web.UI/Sass/Modules/_all.scss
@@ -7,4 +7,6 @@
 
 @import "link";
 
-@import "flatpickr";
\ No newline at end of file
+@import "flatpickr";
+
+@import "tree";
\ No newline at end of file
diff --git a/zero.Web.UI/Sass/Modules/_headlines.scss b/zero.Web.UI/Sass/Modules/_headlines.scss
index 86b26294..1212cbf4 100644
--- a/zero.Web.UI/Sass/Modules/_headlines.scss
+++ b/zero.Web.UI/Sass/Modules/_headlines.scss
@@ -4,8 +4,10 @@ h2.ui-headline
 {
   @extend %font;
   margin: 0;
-  font-size: var(--font-size-l);
+  font-size: var(--font-size);
+  letter-spacing: 1px;
   font-weight: 700;
+  text-transform: uppercase;
 
   &.xl
   {
diff --git a/zero.Web.UI/Sass/Modules/_tree.scss b/zero.Web.UI/Sass/Modules/_tree.scss
new file mode 100644
index 00000000..eceaba72
--- /dev/null
+++ b/zero.Web.UI/Sass/Modules/_tree.scss
@@ -0,0 +1,47 @@
+
+
+.app-tree
+{
+  width: 340px;
+  background: var(--color-bg-bright);
+  padding: 0;
+  position: relative;
+  overflow-y: auto;
+  height: calc(100vh - 40px);
+  margin: 20px 0;
+  border-radius: var(--radius);
+
+  .ui-header-bar + .ui-tree
+  {
+    margin-top: -10px;
+  }
+
+  .ui-dot-button
+  {
+    margin-right: -8px;
+  }
+
+  .ui-tree-item.is-active:before
+  {
+    background: var(--color-bg-bright-two);
+  }
+}
+
+.app-tree-resizable
+{
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  background: var(--color-fg);
+  opacity: 0;
+  right: 0;
+  width: 6px;
+  cursor: ew-resize;
+  transition: opacity 0.15s ease 0s;
+
+  &:hover
+  {
+    transition-delay: 0.2s;
+    opacity: 0.04;
+  }
+}
\ No newline at end of file
diff --git a/zero.Web/Controllers/IndexController.cs b/zero.Web/Controllers/IndexController.cs
index b61d6678..46ff4db7 100644
--- a/zero.Web/Controllers/IndexController.cs
+++ b/zero.Web/Controllers/IndexController.cs
@@ -23,7 +23,7 @@ namespace zero.Web.Controllers
         return RedirectToAction("Index", "Setup");
       }
 
-      return View("/Views/Index.cshtml", new ZeroBackofficeModel()
+      return View(new ZeroBackofficeModel()
       {
         Vue = ZeroVue
       });
diff --git a/zero.Web/Views/Index.cshtml b/zero.Web/Views/Shared/Index.cshtml
similarity index 96%
rename from zero.Web/Views/Index.cshtml
rename to zero.Web/Views/Shared/Index.cshtml
index 7b7f9492..fce66751 100644
--- a/zero.Web/Views/Index.cshtml
+++ b/zero.Web/Views/Shared/Index.cshtml
@@ -16,7 +16,7 @@
   </environment>
   <title>zero</title>
 </head>
-<body class="theme-light">
+<body class="theme-dark">
   <div id="app"></div>
   <script>
     window.zero = window.zero || {};
diff --git a/zero.Web/Views/Setup.cshtml b/zero.Web/Views/Shared/Setup.cshtml
similarity index 100%
rename from zero.Web/Views/Setup.cshtml
rename to zero.Web/Views/Shared/Setup.cshtml
diff --git a/zero.Web/zero.Web.csproj b/zero.Web/zero.Web.csproj
index cd21613a..a790be20 100644
--- a/zero.Web/zero.Web.csproj
+++ b/zero.Web/zero.Web.csproj
@@ -39,7 +39,7 @@
     </None>
 
     <BackofficeUI Include="..\zero.Web.UI\**\*" Exclude="..\zero.Web.UI\node_modules\**\*;..\zero.Web.UI\Assets\*.js;..\zero.Web.UI\package-lock.json" />
-    <None Include="@(BackofficeUI)" Link="Zero\%(RecursiveDir)%(Filename)%(Extension)" >
+    <None Include="@(BackofficeUI)" Link="Zero\%(RecursiveDir)%(Filename)%(Extension)">
       <Pack>true</Pack>
       <PackageCopyToOutput>true</PackageCopyToOutput>
       <PackagePath>content\zero\Web\</PackagePath>