theming updates

2020-10-07 11:58:48 +02:00
parent aea98f7468
commit ff6bf01779
4 changed files with 27 additions and 14 deletions
@@ -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 || {};
@@ -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
  {
@@ -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;
@@ -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;