From c109626924e9d532dc7035bab86f57325e2d76ed Mon Sep 17 00:00:00 2001
From: Rob Stupay <rob@stupay.com>
Date: Mon, 27 Nov 2017 12:43:53 +0100
Subject: [PATCH] updates for remix theme

---
 assets/img/remix_logo_blue_512x512.svg  | 77 +++++++++++++++++++++++++
 assets/img/remix_logo_white_512x512.svg | 77 +++++++++++++++++++++++++
 src/app/panels/editor-panel.js          |  1 +
 src/app/panels/righthand-panel.js       |  3 +-
 src/app/tabs/run-tab.js                 |  4 +-
 src/app/ui/renderer.js                  |  1 -
 src/universal-dapp.js                   |  7 +--
 7 files changed, 162 insertions(+), 8 deletions(-)
 create mode 100644 assets/img/remix_logo_blue_512x512.svg
 create mode 100644 assets/img/remix_logo_white_512x512.svg

diff --git a/assets/img/remix_logo_blue_512x512.svg b/assets/img/remix_logo_blue_512x512.svg
new file mode 100644
index 0000000000..dd13cf62bd
--- /dev/null
+++ b/assets/img/remix_logo_blue_512x512.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<g>
+	<path fill="#0B3A6D" d="M70.582,428.904c0.811,0,1.622,0.285,2.437,0.854c0.812,0.57,1.218,1.34,1.218,2.313
+		c0,2.277-1.059,3.496-3.168,3.656c-5.038,0.813-9.381,2.355-13.036,4.63c-3.655,2.276-6.663,5.117-9.017,8.528
+		c-2.356,3.411-4.104,7.271-5.239,11.575c-1.139,4.307-1.706,8.813-1.706,13.523v32.653c0,2.272-1.139,3.411-3.411,3.411
+		c-2.277,0-3.412-1.139-3.412-3.411v-74.323c0-2.273,1.135-3.411,3.412-3.411c2.272,0,3.411,1.138,3.411,3.411v15.108
+		c1.463-2.438,3.206-4.752,5.239-6.945c2.029-2.193,4.265-4.143,6.701-5.848c2.437-1.706,5.076-3.085,7.919-4.144
+		C64.771,429.433,67.658,428.904,70.582,428.904z"/>
+	<path fill="#0B3A6D" d="M137.773,427.198c5.686,0,10.966,1.182,15.839,3.534c4.874,2.356,9.056,5.482,12.551,9.381
+		c3.491,3.899,6.214,8.407,8.164,13.524c1.948,5.117,2.924,10.439,2.924,15.961c0,0.976-0.366,1.79-1.098,2.438
+		c-0.73,0.65-1.583,0.976-2.559,0.976h-67.987c0.487,4.226,1.584,8.285,3.29,12.184c1.706,3.899,3.938,7.312,6.701,10.234
+		c2.761,2.925,6.008,5.281,9.748,7.066c3.735,1.789,7.877,2.682,12.428,2.682c12.021,0,21.36-4.79,28.023-14.377
+		c0.646-1.137,1.622-1.706,2.924-1.706c2.273,0,3.412,1.139,3.412,3.412c0,0.163-0.164,0.729-0.487,1.704
+		c-3.412,6.014-8.205,10.479-14.377,13.402c-6.176,2.924-12.671,4.387-19.495,4.387c-5.688,0-10.928-1.181-15.718-3.532
+		c-4.793-2.354-8.936-5.483-12.428-9.382c-3.495-3.899-6.214-8.407-8.163-13.524c-1.95-5.118-2.924-10.438-2.924-15.962
+		c0-5.521,0.975-10.844,2.924-15.961s4.668-9.625,8.163-13.524c3.492-3.897,7.634-7.023,12.428-9.381
+		C126.846,428.38,132.084,427.198,137.773,427.198z M169.94,466.188c-0.328-4.223-1.341-8.285-3.046-12.184
+		c-1.706-3.899-3.981-7.312-6.823-10.235c-2.844-2.924-6.175-5.277-9.99-7.067c-3.819-1.784-7.92-2.68-12.307-2.68
+		c-4.55,0-8.691,0.896-12.428,2.68c-3.739,1.79-6.987,4.145-9.748,7.067c-2.764,2.924-4.995,6.336-6.701,10.235
+		c-1.706,3.897-2.802,7.961-3.29,12.184H169.94z"/>
+	<path fill="#0B3A6D" d="M304.69,427.441c5.034,0,9.504,1.019,13.402,3.047c3.899,2.033,7.188,4.672,9.87,7.92
+		c2.68,3.251,4.709,7.066,6.092,11.452c1.379,4.387,2.07,8.856,2.07,13.402v43.62c0,0.975-0.365,1.789-1.098,2.438
+		c-0.729,0.646-1.503,0.976-2.312,0.976c-2.276,0-3.412-1.141-3.412-3.412v-43.62c0-3.571-0.529-7.104-1.584-10.601
+		c-1.059-3.49-2.602-6.617-4.63-9.382c-2.033-2.761-4.592-4.953-7.677-6.58c-3.088-1.621-6.662-2.436-10.723-2.436
+		c-5.2,0-9.587,1.218-13.159,3.654c-3.573,2.438-6.456,5.565-8.649,9.382c-2.193,3.818-3.818,8.042-4.874,12.672
+		c-1.059,4.63-1.584,9.058-1.584,13.28v33.629c0,0.975-0.365,1.789-1.096,2.438c-0.731,0.646-1.506,0.976-2.315,0.976
+		c-2.276,0-3.411-1.141-3.411-3.412v-43.62c0-3.571-0.53-7.104-1.585-10.601c-1.058-3.49-2.601-6.617-4.629-9.382
+		c-2.034-2.761-4.592-4.953-7.677-6.58c-3.087-1.621-6.663-2.436-10.723-2.436c-5.036,0-9.344,0.895-12.915,2.68
+		c-3.574,1.79-6.542,4.267-8.895,7.434c-2.357,3.167-4.063,6.943-5.117,11.331c-1.059,4.386-1.584,9.1-1.584,14.134v3.898v0.243
+		v32.897c0,2.271-1.138,3.412-3.412,3.412c-2.275,0-3.411-1.141-3.411-3.412v-74.567c0-2.272,1.136-3.411,3.411-3.411
+		c2.273,0,3.412,1.139,3.412,3.411v12.428c2.924-5.196,6.861-9.382,11.819-12.55c4.954-3.167,10.517-4.752,16.691-4.752
+		c6.983,0,12.995,1.991,18.032,5.97c5.033,3.983,8.688,9.224,10.966,15.72c2.761-6.336,6.739-11.533,11.94-15.597
+		C291.125,429.475,297.38,427.441,304.69,427.441z"/>
+	<path fill="#0B3A6D" d="M378.753,429.392c0.811,0,1.584,0.365,2.313,1.097c0.731,0.73,1.098,1.504,1.098,2.314v74.08
+		c0,0.813-0.365,1.584-1.098,2.314c-0.729,0.73-1.504,1.098-2.313,1.098c-0.976,0-1.79-0.366-2.438-1.098
+		c-0.649-0.73-0.975-1.501-0.975-2.314v-74.08c0-0.812,0.324-1.584,0.975-2.314C376.963,429.758,377.778,429.392,378.753,429.392z"
+		/>
+	<path fill="#0B3A6D" d="M473.34,428.66c2.272,0,3.412,1.14,3.412,3.411l-0.487,1.95l-24.368,35.334l24.368,35.577
+		c0.323,0.976,0.487,1.626,0.487,1.95c0,2.271-1.14,3.412-3.412,3.412c-1.303,0-2.193-0.488-2.681-1.464l-22.905-33.384
+		l-22.663,33.384c-0.814,0.976-1.79,1.464-2.925,1.464c-2.276,0-3.41-1.141-3.41-3.412c0-0.324,0.158-0.976,0.485-1.95
+		l24.369-35.577l-24.369-35.334l-0.485-1.95c0-2.271,1.134-3.411,3.41-3.411c1.135,0,2.109,0.487,2.925,1.462l22.663,33.142
+		l22.905-33.142C471.146,429.147,472.037,428.66,473.34,428.66z"/>
+</g>
+<g>
+	<g>
+		<g opacity="0.45">
+			<g>
+				<polygon fill="#0B3A6D" points="150.734,196.212 255.969,344.509 255.969,258.387 				"/>
+			</g>
+		</g>
+		<g opacity="0.8">
+			<g>
+				<polygon fill="#0B3A6D" points="255.969,258.387 255.969,344.509 361.267,196.212 				"/>
+			</g>
+		</g>
+		<g opacity="0.6">
+			<g>
+				<polygon fill="#0B3A6D" points="255.969,126.781 150.733,174.611 255.969,236.818 361.204,174.611 				"/>
+			</g>
+		</g>
+		<g opacity="0.45">
+			<g>
+				<polygon fill="#0B3A6D" points="150.734,174.612 255.969,236.818 255.969,126.782 255.969,0.001 				"/>
+			</g>
+		</g>
+		<g opacity="0.8">
+			<g>
+				<polygon fill="#0B3A6D" points="255.969,0 255.969,126.781 255.969,236.818 361.204,174.611 				"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/assets/img/remix_logo_white_512x512.svg b/assets/img/remix_logo_white_512x512.svg
new file mode 100644
index 0000000000..d8c4ad0f1c
--- /dev/null
+++ b/assets/img/remix_logo_white_512x512.svg
@@ -0,0 +1,77 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 width="512px" height="512px" viewBox="0 0 512 512" enable-background="new 0 0 512 512" xml:space="preserve">
+<g>
+	<path fill="#FFFFFF" d="M70.582,428.904c0.811,0,1.622,0.285,2.437,0.854c0.812,0.57,1.218,1.34,1.218,2.313
+		c0,2.277-1.059,3.496-3.168,3.656c-5.038,0.813-9.381,2.355-13.036,4.63c-3.655,2.276-6.663,5.117-9.017,8.528
+		c-2.356,3.411-4.104,7.271-5.239,11.575c-1.139,4.307-1.706,8.813-1.706,13.523v32.653c0,2.272-1.139,3.411-3.411,3.411
+		c-2.277,0-3.412-1.139-3.412-3.411v-74.323c0-2.273,1.135-3.411,3.412-3.411c2.272,0,3.411,1.138,3.411,3.411v15.108
+		c1.463-2.438,3.206-4.752,5.239-6.945c2.029-2.193,4.265-4.143,6.701-5.848c2.437-1.706,5.076-3.085,7.919-4.144
+		C64.771,429.433,67.658,428.904,70.582,428.904z"/>
+	<path fill="#FFFFFF" d="M137.773,427.198c5.686,0,10.966,1.182,15.839,3.534c4.874,2.356,9.056,5.482,12.551,9.381
+		c3.491,3.899,6.214,8.407,8.164,13.524c1.948,5.117,2.924,10.439,2.924,15.961c0,0.976-0.366,1.79-1.098,2.438
+		c-0.73,0.65-1.583,0.976-2.559,0.976h-67.987c0.487,4.226,1.584,8.285,3.29,12.184c1.706,3.899,3.938,7.312,6.701,10.234
+		c2.761,2.925,6.008,5.281,9.748,7.066c3.735,1.789,7.877,2.682,12.428,2.682c12.021,0,21.36-4.79,28.023-14.377
+		c0.646-1.137,1.622-1.706,2.924-1.706c2.273,0,3.412,1.139,3.412,3.412c0,0.163-0.164,0.729-0.487,1.704
+		c-3.412,6.014-8.205,10.479-14.377,13.402c-6.176,2.924-12.671,4.387-19.495,4.387c-5.688,0-10.928-1.181-15.718-3.532
+		c-4.793-2.354-8.936-5.483-12.428-9.382c-3.495-3.899-6.214-8.407-8.163-13.524c-1.95-5.118-2.924-10.438-2.924-15.962
+		c0-5.521,0.975-10.844,2.924-15.961s4.668-9.625,8.163-13.524c3.492-3.897,7.634-7.023,12.428-9.381
+		C126.846,428.38,132.084,427.198,137.773,427.198z M169.94,466.188c-0.328-4.223-1.341-8.285-3.046-12.184
+		c-1.706-3.899-3.981-7.312-6.823-10.235c-2.844-2.924-6.175-5.277-9.99-7.067c-3.819-1.784-7.92-2.68-12.307-2.68
+		c-4.55,0-8.691,0.896-12.428,2.68c-3.739,1.79-6.987,4.145-9.748,7.067c-2.764,2.924-4.995,6.336-6.701,10.235
+		c-1.706,3.897-2.802,7.961-3.29,12.184H169.94z"/>
+	<path fill="#FFFFFF" d="M304.69,427.441c5.034,0,9.504,1.019,13.402,3.047c3.899,2.033,7.188,4.672,9.87,7.92
+		c2.68,3.251,4.709,7.066,6.092,11.452c1.379,4.387,2.07,8.856,2.07,13.402v43.62c0,0.975-0.365,1.789-1.098,2.438
+		c-0.729,0.646-1.503,0.976-2.312,0.976c-2.276,0-3.412-1.141-3.412-3.412v-43.62c0-3.571-0.529-7.104-1.584-10.601
+		c-1.059-3.49-2.602-6.617-4.63-9.382c-2.033-2.761-4.592-4.953-7.677-6.58c-3.088-1.621-6.662-2.436-10.723-2.436
+		c-5.2,0-9.587,1.218-13.159,3.654c-3.573,2.438-6.456,5.565-8.649,9.382c-2.193,3.818-3.818,8.042-4.874,12.672
+		c-1.059,4.63-1.584,9.058-1.584,13.28v33.629c0,0.975-0.365,1.789-1.096,2.438c-0.731,0.646-1.506,0.976-2.315,0.976
+		c-2.276,0-3.411-1.141-3.411-3.412v-43.62c0-3.571-0.53-7.104-1.585-10.601c-1.058-3.49-2.601-6.617-4.629-9.382
+		c-2.034-2.761-4.592-4.953-7.677-6.58c-3.087-1.621-6.663-2.436-10.723-2.436c-5.036,0-9.344,0.895-12.915,2.68
+		c-3.574,1.79-6.542,4.267-8.895,7.434c-2.357,3.167-4.063,6.943-5.117,11.331c-1.059,4.386-1.584,9.1-1.584,14.134v3.898v0.243
+		v32.897c0,2.271-1.138,3.412-3.412,3.412c-2.275,0-3.411-1.141-3.411-3.412v-74.567c0-2.272,1.136-3.411,3.411-3.411
+		c2.273,0,3.412,1.139,3.412,3.411v12.428c2.924-5.196,6.861-9.382,11.819-12.55c4.954-3.167,10.517-4.752,16.691-4.752
+		c6.983,0,12.995,1.991,18.032,5.97c5.033,3.983,8.688,9.224,10.966,15.72c2.761-6.336,6.739-11.533,11.94-15.597
+		C291.125,429.475,297.38,427.441,304.69,427.441z"/>
+	<path fill="#FFFFFF" d="M378.753,429.392c0.811,0,1.584,0.365,2.313,1.097c0.731,0.73,1.098,1.504,1.098,2.314v74.08
+		c0,0.813-0.365,1.584-1.098,2.314c-0.729,0.73-1.504,1.098-2.313,1.098c-0.976,0-1.79-0.366-2.438-1.098
+		c-0.649-0.73-0.975-1.501-0.975-2.314v-74.08c0-0.812,0.324-1.584,0.975-2.314C376.963,429.758,377.778,429.392,378.753,429.392z"
+		/>
+	<path fill="#FFFFFF" d="M473.34,428.66c2.272,0,3.412,1.14,3.412,3.411l-0.487,1.95l-24.368,35.334l24.368,35.577
+		c0.323,0.976,0.487,1.626,0.487,1.95c0,2.271-1.14,3.412-3.412,3.412c-1.303,0-2.193-0.488-2.681-1.464l-22.905-33.384
+		l-22.663,33.384c-0.814,0.976-1.79,1.464-2.925,1.464c-2.276,0-3.41-1.141-3.41-3.412c0-0.324,0.158-0.976,0.485-1.95
+		l24.369-35.577l-24.369-35.334l-0.485-1.95c0-2.271,1.134-3.411,3.41-3.411c1.135,0,2.109,0.487,2.925,1.462l22.663,33.142
+		l22.905-33.142C471.146,429.147,472.037,428.66,473.34,428.66z"/>
+</g>
+<g>
+	<g>
+		<g opacity="0.45">
+			<g>
+				<polygon fill="#FFFFFF" points="150.734,196.212 255.969,344.509 255.969,258.387 				"/>
+			</g>
+		</g>
+		<g opacity="0.8">
+			<g>
+				<polygon fill="#FFFFFF" points="255.969,258.387 255.969,344.509 361.267,196.212 				"/>
+			</g>
+		</g>
+		<g opacity="0.6">
+			<g>
+				<polygon fill="#FFFFFF" points="255.969,126.781 150.733,174.611 255.969,236.818 361.204,174.611 				"/>
+			</g>
+		</g>
+		<g opacity="0.45">
+			<g>
+				<polygon fill="#FFFFFF" points="150.734,174.612 255.969,236.818 255.969,126.782 255.969,0.001 				"/>
+			</g>
+		</g>
+		<g opacity="0.8">
+			<g>
+				<polygon fill="#FFFFFF" points="255.969,0 255.969,126.781 255.969,236.818 361.204,174.611 				"/>
+			</g>
+		</g>
+	</g>
+</g>
+</svg>
diff --git a/src/app/panels/editor-panel.js b/src/app/panels/editor-panel.js
index ee00bc6b18..1414ec554b 100644
--- a/src/app/panels/editor-panel.js
+++ b/src/app/panels/editor-panel.js
@@ -46,6 +46,7 @@ var cssTabs = yo`
     }
     #files .file.active .remove {
       display: inline-block;
+      color: ${styles.editor.text_Primary};
     }
   </style>
 `
diff --git a/src/app/panels/righthand-panel.js b/src/app/panels/righthand-panel.js
index 7ea030cc73..c6f43d4f32 100644
--- a/src/app/panels/righthand-panel.js
+++ b/src/app/panels/righthand-panel.js
@@ -44,6 +44,7 @@ var css = csjs`
   }
   .menu {
     display: flex;
+    background-color: ${styles.rightPanel.BackgroundColor_Pre};
   }
   .options {
     float: left;
@@ -131,7 +132,7 @@ function RighthandPanel (appAPI, events, opts) {
       ${self._view.dragbar}
       <div id="header" class=${css.header}>
         <div class=${css.menu}>
-          <img class=${css.solIcon} title="Solidity realtime compiler and runtime" src="assets/img/remix_logo_512x512.svg" alt="Solidity realtime compiler and runtime">
+          <img class=${css.solIcon} title="Solidity realtime compiler and runtime" src="assets/img/remix_logo_white_512x512.svg" alt="Solidity realtime compiler and runtime">
           ${options}
         </div>
         ${optionViews}
diff --git a/src/app/tabs/run-tab.js b/src/app/tabs/run-tab.js
index bb81d7d7dd..9d86eabaf8 100644
--- a/src/app/tabs/run-tab.js
+++ b/src/app/tabs/run-tab.js
@@ -113,8 +113,8 @@ var css = csjs`
     ${styles.rightPanel.runTab.box_Instance}
     font-style: italic;
   }
-  .pendingTxsText {
-    ${styles.rightPanel.runTab.box_Instance}
+  .pendingTxsText { iElements
+    ${styles.rightPanel.runTab.borderBox_Instance}
     font-style: italic;
   }
   .item {
diff --git a/src/app/ui/renderer.js b/src/app/ui/renderer.js
index 6e6f21295c..7e21c92ec2 100644
--- a/src/app/ui/renderer.js
+++ b/src/app/ui/renderer.js
@@ -53,7 +53,6 @@ var css = yo`<style>
 
 .sol.warning {
   background-color: ${styles.rightPanel.message_Warning_BackgroundColor};
-  border: .2em dotted ${styles.rightPanel.message_Warning_BorderColor};
   color: ${styles.rightPanel.message_Warning_Color};
 }
 
diff --git a/src/universal-dapp.js b/src/universal-dapp.js
index 95e3121a8e..9229f2aafd 100644
--- a/src/universal-dapp.js
+++ b/src/universal-dapp.js
@@ -54,7 +54,7 @@ var css = csjs`
     color: ${styles.rightPanel.runTab.icon_AltColor_Instance_CopyToClipboard};
   }
   .instance {
-    ${styles.rightPanel.runTab.box_Instance}
+    ${styles.rightPanel.runTab.box_Instance};
     margin-bottom: 10px;
     padding: 10px 15px 6px 15px;
   }
@@ -121,8 +121,7 @@ var css = csjs`
     border-color: ${styles.colors.blueFairyDust};
   }
   .constant .call {
-    background-color: ${styles.colors.blueMascara};
-    border-color: ${styles.colors.lightBlue};
+    background-color: ${styles.colors.greenZing};
     width: 25%;
     outline: none;
   }
@@ -138,7 +137,7 @@ var css = csjs`
     box-sizing: border-box;
     float: left;
     align-self: center;
-    color: ${styles.colors.black};
+    color: ${styles.colors.white};
   }
   .hasArgs input {
     display: block;