Trying out new style guide

src/app/tabs/compile-tab.js

@@ -62,6 +62,7 @@ var css = csjs`
   }
   .compileButton {
     ${styles.button}
+    background-color: ${styles.elementColors.rightPanel_compileTab_compileButton_BackgroundColor};
     width: 120px;
     min-width: 110px;
     margin-right: 1%;
@@ -85,9 +86,11 @@ var css = csjs`
   }
   .details {
     ${styles.button}
+    background-color: ${styles.elementColors.rightPanel_compileTab_otherButtons_BackgroundColor};
   }
   .publish {
     ${styles.button}
+    background-color: ${styles.elementColors.rightPanel_compileTab_otherButtons_BackgroundColor};
     margin-left: 2%;
     width: 120px;
   }

src/app/tabs/run-tab.js

@@ -47,7 +47,6 @@ var css = csjs`
   }
   .select {
     ${styles.dropdown}
-    text-align: center;
     font-weight: normal;
     min-width: 150px;
   }

src/app/ui/dropdown.js

@@ -9,7 +9,6 @@ var styles = styleGuide()
 var css = csjs`
   .dropdown           {
     ${styles.dropdown}
-    color:            : ${styles.colors.black};
     overflow          : visible;
     position          : relative;
     display           : flex;

src/universal-dapp.js

@@ -31,16 +31,14 @@ var css = csjs`
     align-items: center;
   }
   .title {
-    font-size: 11px;
     ${styles.dropdown}
+    font-size: 11px;
     width: 400px;
     display: flex;
     justify-content: space-between;
-    align-items: center;
     overflow: hidden;
     word-break: break-word;
     line-height: initial;
-    background-color: ${styles.colors.general_BackgroundColor};
   }
   .titleText {
     margin-right: 1em;