css tweaks

src/structure-viewer/index.html

@@ -18,6 +18,10 @@
                 height: 800px;
             }
 
+            .msp-layout-expanded {
+                z-index: 10;
+            }
+
             #menu {
                 position: absolute;
                 right: 100px;

src/structure-viewer/skin/rcsb.scss

@@ -1,10 +1,10 @@
-$default-background:         #FAFAFA;
+$default-background:         lighten(#325880, 60%);
 $font-color:                 #333333;
 $hover-font-color:           #325880;
-$entity-current-font-color:  #FFFFFF;
+$entity-current-font-color:  #ccd4e0;
 $msp-btn-remove-background:      #BF3A31;
-$msp-btn-remove-hover-font-color:#ffffff;
-$msp-btn-commit-on-font-color:   #ffffff;
+$msp-btn-remove-hover-font-color:#BF3A31;
+$msp-btn-commit-on-font-color:   #325880;
 $entity-badge-font-color:    #ccd4e0;
 
 // used in LOG
@@ -16,11 +16,11 @@ $log-error:            #FD354B;
 $logo-background: rgba(0,0,0,0.75);
 
 @function color-lower-contrast($color, $amount) {
-    @return darken($color, $amount);
+    @return lighten($color, $amount);
 }
 
 @function color-increase-contrast($color, $amount) {
-    @return lighten($color, $amount);
+    @return darken($color, $amount);
 }
 
 @import 'molstar/lib/mol-plugin/skin/base/base';