From ff6bf017799990b4e5a96512942cccce82204085 Mon Sep 17 00:00:00 2001
From: Tobias Klika <cee@live.at>
Date: Wed, 7 Oct 2020 11:58:48 +0200
Subject: [PATCH] theming updates

---
 zero.Debug/Views/Shared/Index.cshtml       |  2 +-
 zero.Web.UI/Sass/Canvas/_navigation.scss   | 25 +++++++++++++++-------
 zero.Web.UI/Sass/Modules/_tree.scss        | 10 ++++++---
 zero.Web.UI/Sass/Settings/_theme-dark.scss |  4 ++--
 4 files changed, 27 insertions(+), 14 deletions(-)
diff --git a/zero.Debug/Views/Shared/Index.cshtml b/zero.Debug/Views/Shared/Index.cshtml
index 7b7f9492..a949d1a1 100644
--- a/zero.Debug/Views/Shared/Index.cshtml
+++ b/zero.Debug/Views/Shared/Index.cshtml
@@ -16,7 +16,7 @@
   </environment>
   <title>zero</title>
 </head>
-<body class="theme-light">
+<body class="theme-light theme-rounded">
   <div id="app"></div>
   <script>
     window.zero = window.zero || {};
diff --git a/zero.Web.UI/Sass/Canvas/_navigation.scss b/zero.Web.UI/Sass/Canvas/_navigation.scss
index 0f47b5a9..b639ebfa 100644
--- a/zero.Web.UI/Sass/Canvas/_navigation.scss
+++ b/zero.Web.UI/Sass/Canvas/_navigation.scss
@@ -5,14 +5,18 @@
   background: var(--color-box);
   width: 260px;
   color: var(--color-text);
-  height: 100vh;
-  height: calc(100vh - 20px);
-  display: grid;
-  margin: 10px;
-  margin-right: 0;
-  grid-template-rows: auto auto 1fr auto;
-  border-radius: var(--radius);
+  height: 100vh; 
+  display: grid;  
+  grid-template-rows: auto auto 1fr auto;  
   box-shadow: var(--shadow-short);
+
+  .theme-rounded &
+  {
+    height: calc(100vh - 20px);
+    margin: 10px;
+    margin-right: 0;
+    border-radius: var(--radius);
+  }
 }
 
 .app-nav-inner
@@ -30,7 +34,12 @@
   padding: 0 var(--padding);
   padding-top: 4px;
   height: var(--height-top);
-  margin: 0;
+  margin: 5px 0 5px;
+
+  .theme-rounded &
+  {
+    margin: 0;
+  }
 
   img
   {
diff --git a/zero.Web.UI/Sass/Modules/_tree.scss b/zero.Web.UI/Sass/Modules/_tree.scss
index d31ef283..9f601f22 100644
--- a/zero.Web.UI/Sass/Modules/_tree.scss
+++ b/zero.Web.UI/Sass/Modules/_tree.scss
@@ -8,11 +8,15 @@
   position: relative;
   overflow-y: auto;
   height: 100vh;
-  height: calc(100vh - 20px);
-  margin: 10px 0 10px 10px;
-  border-radius: var(--radius);
   box-shadow: var(--shadow-short);
 
+  .theme-rounded &
+  {
+    height: calc(100vh - 20px);
+    margin: 10px 0 10px 10px;
+    border-radius: var(--radius);
+  }
+
   .ui-header-bar + .ui-tree
   {
     margin-top: -10px;
diff --git a/zero.Web.UI/Sass/Settings/_theme-dark.scss b/zero.Web.UI/Sass/Settings/_theme-dark.scss
index 65e06ff0..c282db5c 100644
--- a/zero.Web.UI/Sass/Settings/_theme-dark.scss
+++ b/zero.Web.UI/Sass/Settings/_theme-dark.scss
@@ -2,8 +2,8 @@
 .theme-dark
 {
   // accent colors
-  $color-primary: #fff;
-  $color-primary-fg: #2c3036;
+  $color-primary: #1db1b6;
+  $color-primary-fg: #fff;
   $color-primary-low: #{rgba(#2c3036, 0.2)};
   $color-secondary: #f9e0c4;
   $color-secondary-fg: #20242a;
