Replace DAppNode asset and DAppNode background color [Fixes #9255]

mgarciate · mgarciate · commit 8096a30f9808 · 2023-01-22T21:59:13.000+01:00
diff --git a/src/assets/run-a-node/dappnode.svg b/src/assets/run-a-node/dappnode.svg
@@ -1,28 +1,20 @@
-<svg width="271" height="211" viewBox="0 0 271 211" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g clip-path="url(#clip0_2_386)">
-<path d="M31.4929 159H28.2834C27.1802 159 26.2775 159.895 26.2775 160.989V173.317C23.4692 170.832 19.8586 169.34 15.7464 169.34C7.02068 169.34 0 176.3 0 184.95C0 193.6 7.02068 200.56 15.7464 200.56C24.4722 200.56 31.4929 193.6 31.4929 184.95V159ZM15.7464 195.39C9.92926 195.39 5.21535 190.717 5.21535 184.95C5.21535 179.184 9.92926 174.511 15.7464 174.511C21.5636 174.511 26.2775 179.184 26.2775 184.95C26.2775 190.717 21.5636 195.39 15.7464 195.39Z" fill="#888888"/>
-<path d="M65.5936 184.95C65.5936 176.3 58.5729 169.34 49.8471 169.34C41.1214 169.34 34.1007 176.3 34.1007 184.95C34.1007 193.6 41.1214 200.56 49.8471 200.56C53.859 200.56 57.5699 199.069 60.3782 196.583V199.069C60.3782 199.864 61.0803 200.56 61.8827 200.56H65.5936V184.95ZM49.8471 195.39C44.03 195.39 39.3161 190.717 39.3161 184.95C39.3161 179.184 44.03 174.511 49.8471 174.511C55.6643 174.511 60.3782 179.184 60.3782 184.95C60.3782 190.717 55.564 195.39 49.8471 195.39Z" fill="#888888"/>
-<path d="M83.8473 169.44C75.1216 169.44 68.1008 176.399 68.1008 185.05V211H71.8118C72.6142 211 73.3162 210.304 73.3162 209.508V196.682C76.1245 199.168 79.7352 200.66 83.8473 200.66C92.5731 200.66 99.5938 193.7 99.5938 185.05C99.5938 176.399 92.5731 169.44 83.8473 169.44ZM83.8473 195.39C78.0302 195.39 73.3162 190.717 73.3162 184.95C73.3162 179.183 78.0302 174.51 83.8473 174.51C89.6645 174.51 94.3784 179.183 94.3784 184.95C94.3784 190.717 89.6645 195.39 83.8473 195.39Z" fill="#888888"/>
-<path d="M117.948 169.44C109.222 169.44 102.202 176.4 102.202 185.05V211H105.913C106.715 211 107.417 210.304 107.417 209.509V196.683C110.225 199.168 113.836 200.66 117.948 200.66C126.674 200.66 133.695 193.7 133.695 185.05C133.695 176.4 126.674 169.44 117.948 169.44ZM117.948 195.39C112.131 195.39 107.417 190.717 107.417 184.95C107.417 179.184 112.131 174.511 117.948 174.511C123.765 174.511 128.479 179.184 128.479 184.95C128.479 190.717 123.765 195.39 117.948 195.39Z" fill="#888888"/>
-<path d="M187.153 174.61C192.97 174.61 197.684 179.283 197.684 185.05C197.684 190.816 192.97 195.489 187.153 195.489C181.335 195.489 176.621 190.816 176.621 185.05C176.621 179.283 181.335 174.61 187.153 174.61ZM187.153 169.44C178.427 169.44 171.406 176.4 171.406 185.05C171.406 193.7 178.427 200.66 187.153 200.66C195.878 200.66 202.899 193.7 202.899 185.05C202.899 176.4 195.778 169.44 187.153 169.44Z" fill="#002C41"/>
-<path d="M236.899 159H233.69C232.587 159 231.684 159.895 231.684 160.989V173.317C228.876 170.832 225.265 169.34 221.153 169.34C212.427 169.34 205.406 176.3 205.406 184.95C205.406 193.6 212.427 200.56 221.153 200.56C229.879 200.56 236.899 193.6 236.899 184.95V159ZM221.153 195.39C215.336 195.39 210.622 190.717 210.622 184.95C210.622 179.184 215.336 174.511 221.153 174.511C226.97 174.511 231.684 179.184 231.684 184.95C231.684 190.717 226.97 195.39 221.153 195.39Z" fill="#002C41"/>
-<path d="M168.798 184.95C168.798 176.3 161.778 169.34 153.052 169.34C144.326 169.34 137.305 176.3 137.305 184.95V200.063C137.305 200.361 137.506 200.56 137.807 200.56H141.016C141.819 200.56 142.521 199.864 142.521 199.069V184.95C142.521 179.184 147.235 174.511 153.052 174.511C158.869 174.511 163.583 179.184 163.583 184.95V198.969C163.583 199.765 164.285 200.461 165.087 200.461H168.297C168.598 200.461 168.798 200.262 168.798 199.964V184.95Z" fill="#002C41"/>
-<path d="M262.074 192.805C260.268 194.396 257.861 195.39 255.254 195.39C253.248 195.39 251.442 194.793 249.838 193.899C247.531 192.507 245.826 190.319 245.124 187.635H254.251H265.383H270.799C270.9 186.74 271 185.944 271 185.05C271 181.271 269.696 177.891 267.49 175.206C264.581 171.726 260.268 169.44 255.354 169.44C250.74 169.44 246.628 171.428 243.82 174.51C241.212 177.294 239.708 180.973 239.708 185.05C239.708 189.921 241.914 194.197 245.424 197.08C248.132 199.268 251.643 200.66 255.454 200.66C258.463 200.66 261.372 199.765 263.779 198.273C265.985 196.881 267.791 195.092 269.094 192.805H262.074ZM255.254 174.61C257.761 174.61 260.068 175.505 261.973 176.996C263.678 178.388 264.882 180.277 265.383 182.365H245.124C245.625 180.575 246.528 178.985 247.731 177.692C249.637 175.803 252.345 174.61 255.254 174.61Z" fill="#002C41"/>
-<path d="M134.879 112.756L79.8119 57.6882C73.2706 51.1469 70 42.5735 70 34.0001C70 29.6364 70.8473 25.2727 72.5419 21.177C70.904 25.1268 70 29.4579 70 34.0001V101C70 119.502 84.9985 134.5 103.5 134.5C117.865 134.5 130.118 125.458 134.879 112.756Z" fill="#007DFC"/>
-<path d="M137 34V101C137 119.502 151.998 134.5 170.5 134.5C189.002 134.5 204 119.502 204 101V34C204 52.5015 189.002 67.5 170.5 67.5C151.998 67.5 137 52.5015 137 34Z" fill="#FC9E22"/>
-<path fill-rule="evenodd" clip-rule="evenodd" d="M79.8119 10.3119C92.8945 -2.77064 114.106 -2.77064 127.188 10.3119L194.188 77.3119C207.271 90.3945 207.271 111.606 194.188 124.688C181.106 137.771 159.894 137.771 146.812 124.688L79.8119 57.6881C66.7294 44.6055 66.7294 23.3945 79.8119 10.3119Z" fill="url(#paint0_linear_2_386)"/>
-<path d="M134.879 112.756L91.7441 69.6206C95.4019 68.2497 99.3632 67.5 103.5 67.5C122.001 67.5 137 82.4985 137 101C137 105.136 136.25 109.098 134.879 112.756Z" fill="#06D4E7"/>
-<path d="M139.121 22.2444L182.256 65.3794C178.598 66.7503 174.636 67.5 170.5 67.5C151.998 67.5 137 52.5015 137 34C137 29.8636 137.75 25.9022 139.121 22.2444Z" fill="#FF397F"/>
-<path d="M182.256 65.3794C194.958 60.6184 204 48.3651 204 34C204 15.4985 189.002 0.5 170.5 0.5C156.135 0.5 143.882 9.54167 139.121 22.2445L182.256 65.3794Z" fill="#FFB900"/>
-<path d="M91.7445 69.6206C79.0417 74.3816 70 86.6349 70 101C70 119.502 84.9985 134.5 103.5 134.5C117.865 134.5 130.118 125.458 134.879 112.756L91.7445 69.6206Z" fill="#00B1F4"/>
+<svg width="134" height="134" viewBox="0 0 134 134" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2_775)">
+<path d="M64.8794 111.756L9.81192 56.6882C3.27064 50.1469 0 41.5735 0 33.0001C0 28.6364 0.847293 24.2727 2.54188 20.177C0.903992 24.1268 0 28.4579 0 33.0001V100C0 118.502 14.9985 133.5 33.5 133.5C47.8651 133.5 60.1184 124.458 64.8794 111.756Z" fill="#007DFC"/>
+<path d="M67 33V100C67 118.502 81.9985 133.5 100.5 133.5C119.002 133.5 134 118.502 134 100V33C134 51.5015 119.002 66.5 100.5 66.5C81.9985 66.5 67 51.5015 67 33Z" fill="#FC9E22"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M9.81192 9.31192C22.8945 -3.77064 44.1055 -3.77064 57.1881 9.31192L124.188 76.3119C137.271 89.3945 137.271 110.606 124.188 123.688C111.106 136.771 89.8945 136.771 76.8119 123.688L9.81192 56.6881C-3.27064 43.6055 -3.27064 22.3945 9.81192 9.31192Z" fill="url(#paint0_linear_2_775)"/>
+<path d="M64.8791 111.756L21.7441 68.6206C25.4019 67.2497 29.3632 66.5 33.4997 66.5C52.0012 66.5 66.9997 81.4985 66.9997 100C66.9997 104.136 66.25 108.098 64.8791 111.756Z" fill="#06D4E7"/>
+<path d="M69.1206 21.2444L112.256 64.3794C108.598 65.7503 104.636 66.5 100.5 66.5C81.9985 66.5 67 51.5015 67 33C67 28.8636 67.7497 24.9022 69.1206 21.2444Z" fill="#FF397F"/>
+<path d="M112.256 64.3794C124.958 59.6184 134 47.3651 134 33C134 14.4985 119.002 -0.5 100.5 -0.5C86.1349 -0.5 73.8816 8.54167 69.1206 21.2445L112.256 64.3794Z" fill="#FFB900"/>
+<path d="M21.7445 68.6206C9.04167 73.3816 0 85.6349 0 100C0 118.502 14.9985 133.5 33.5 133.5C47.8651 133.5 60.1184 124.458 64.8794 111.756L21.7445 68.6206Z" fill="#00B1F4"/>
 </g>
 <defs>
-<linearGradient id="paint0_linear_2_386" x1="72.345" y1="6.53" x2="199.31" y2="127.8" gradientUnits="userSpaceOnUse">
+<linearGradient id="paint0_linear_2_775" x1="2.345" y1="5.53" x2="129.31" y2="126.8" gradientUnits="userSpaceOnUse">
 <stop stop-color="#5231C6"/>
 <stop offset="1" stop-color="#E60AF6"/>
 </linearGradient>
-<clipPath id="clip0_2_386">
-<rect width="271" height="211" fill="white"/>
+<clipPath id="clip0_2_775">
+<rect width="134" height="134" fill="white"/>
 </clipPath>
 </defs>
 </svg>
diff --git a/src/pages/run-a-node.tsx b/src/pages/run-a-node.tsx
@@ -291,13 +291,13 @@ const ButtonContainer = styled.div`
 `
 
 const DappNodeButtonLink = styled(ResponsiveButtonLink)`
-  background-color: #187d76;
+  background-color: #007dfc;
   span {
     color: ${({ theme }) => theme.colors.white};
   }
   &:hover {
-    background-color: #0f5f5f;
-    box-shadow: 4px 4px 0 0 rgba(#187d76, 0.47);
+    background-color: #0077be;
+    box-shadow: 4px 4px 0 0 rgba(#007dfc, 0.47);
   }
 `
 

Original file line number	Diff line number	Diff line change
@@ -291,13 +291,13 @@ const ButtonContainer = styled.div`
`291`	`291`	`
`292`	`292`
`293`	`293`	const DappNodeButtonLink = styled(ResponsiveButtonLink)`
`294`		`- background-color: #187d76;`
	`294`	`+ background-color: #007dfc;`
`295`	`295`	`span {`
`296`	`296`	`color: ${({ theme }) => theme.colors.white};`
`297`	`297`	`}`
`298`	`298`	`&:hover {`
`299`		`- background-color: #0f5f5f;`
`300`		`- box-shadow: 4px 4px 0 0 rgba(#187d76, 0.47);`
	`299`	`+ background-color: #0077be;`
	`300`	`+ box-shadow: 4px 4px 0 0 rgba(#007dfc, 0.47);`
`301`	`301`	`}`
`302`	`302`	`
`303`	`303`