Add light theme

src/app/udapp/run-tab.js

@@ -142,7 +142,7 @@ export class RunTab extends LibraryPlugin {
 
     const expandedView = yo`
       <div class=${css.recorderExpandedView}>
-        <div class=${css.recorderDescription}>
+        <div class="${css.recorderDescription} mt-2">
           All transactions (deployed contracts and function executions) in this environment can be saved and replayed in
           another environment. e.g Transactions created in Javascript VM can be replayed in the Injected Web3.
         </div>

src/app/ui/copy-to-clipboard.js

@@ -12,7 +12,7 @@ var css = csjs`
   }
 `
 
-module.exports = function copyToClipboard (getContent, tip = 'Copy value to clipboard', icon = 'fa-clipboard') {
+module.exports = function copyToClipboard (getContent, tip = 'Copy value to clipboard', icon = 'fa-copy') {
   var copyIcon = yo`<i title="${tip}" class="${css.copyIcon} far ${icon}" aria-hidden="true"></i>`
   copyIcon.onclick = (event) => {
     event.stopPropagation()

src/universal-dapp-styles.js

@@ -14,7 +14,6 @@ var css = csjs`
     word-break: break-word;
     line-height: initial;
     overflow: visible;
-    margin-bottom: 8px;
     padding: 8px 10px;
   }
   .titleLine {
@@ -49,7 +48,8 @@ var css = csjs`
   .instance {
     display: block;
     flex-direction: column;
-    margin-bottom: 10px;
+    margin-bottom: 12px;
+    padding: 0 4px;
   }
   .instance.hidesub .title {
       display: flex;
@@ -75,7 +75,7 @@ var css = csjs`
     border-bottom-left-radius: 0.25rem;
     border-top-rightt-radius: 0;
     border-bottom-right-radius: 0.25rem;
-    padding: 0 10px 7px;
+    padding: 8px 10px 7px;
   }
   .group:after {
     content: "";