https://trello.com/c/M2QSu78N/3-top-bar-shadow

https://trello.com/c/1A7XDZPk/8-search-bar

src/Squidex/app/shell/pages/internal/internal-area.component.scss

@@ -2,20 +2,24 @@
 @import '_mixins';
 
 .navbar {
-    @include box-shadow(0, 4px, 4px, .2px);
+    @include box-shadow(0, 3px, 5px, .13px);
     display: block;
 }
 
 .navbar-brand {
-    width: $size-sidebar-width - 2rem;
+    width: $size-sidebar-width;
+    background: $color-theme-blue-dark;
     padding-top: 0;
     padding-bottom: 0;
     cursor: pointer;
-    margin-top: -.2rem;
-    margin-bottom: -.2rem;
+    margin-top: -.5rem;
+    margin-left: -1rem;
     margin-right: 2rem;
     font-size: 1.8rem;
+    height: $size-navbar-height;
+    text-decoration: none;
     text-align: center;
+    line-height: $size-navbar-height;
     float: left;
 }
 

src/Squidex/app/theme/_forms.scss

@@ -148,7 +148,7 @@
 
     // Search icon that is placed within the form control.
     .icon-search {
-        @include absolute(.625rem, 1rem, auto, auto);
+        @include absolute(.7rem, .7rem, auto, auto);
         color: $color-dark2-focus-foreground;
         font-size: 1.1rem;
         font-weight: lighter;
@@ -159,7 +159,7 @@
 .form-control-dark {
     & {
         @include transition(background-color .3s ease);
-        @include placeholder-color(darken($color-dark-foreground, 30%));
+        @include placeholder-color($color-dark2-placeholder);
         background: $color-dark2-control;
         border: 1px solid $color-dark2-control;
         color: darken($color-dark-foreground, 20%);

src/Squidex/app/theme/_panels.scss

@@ -225,7 +225,7 @@
 .sidebar {
     & {
         @include fixed($size-navbar-height, auto, 0, 0);
-        @include box-shadow-colored(2px, 0, 0, $color-dark1-border2);
+        @include box-shadow(2px, 0, 1px, .1);
         min-width: $size-sidebar-width;
         max-width: $size-sidebar-width;
         border-right: 1px solid $color-dark1-border1;

src/Squidex/app/theme/_vars.scss

@@ -19,8 +19,8 @@ $color-extern-microsoft-icon:   #1b67b7;
 $color-extern-github:           #191919;
 $color-extern-github-icon:      #4a4a4a;
 
-$color-theme-blue:          #438cef;
-$color-theme-blue-dark:     #3d7dd5;
+$color-theme-blue:          #398cfb;
+$color-theme-blue-dark:     #3082f2;
 $color-theme-blue-light:    #9ebeea;
 $color-theme-blue-lightest: #d9e8fc;
 $color-theme-secondary:     #dce5e8;
@@ -48,6 +48,7 @@ $color-dark2-focus-foreground:  #fff;
 $color-dark2-active-background: #222931;
 $color-dark2-control:           #2e3842;
 $color-dark2-separator:         #2e3842;
+$color-dark2-placeholder:       #757e8d;
 
 $color-panel-icon:              #a2b0b6;