BETA - Update logo imagery (#16304)

* BETA - Update logo imagery

* Restore basic metamask rotating fox

* Adding story and updating colors

* Add beta to following logo

* New, square images

* Add 512 icon

Co-authored-by: georgewrmarshall <george.marshall@consensys.net>
feature/default_network_editable
David Walsh 2 years ago committed by GitHub
parent 07b39deb61
commit f05acf8133
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
  1. 3
      app/_locales/en/messages.json
  2. 830
      app/build-types/beta/images/beta-mascot.json
  3. BIN
      app/build-types/beta/images/icon-128.png
  4. BIN
      app/build-types/beta/images/icon-16.png
  5. BIN
      app/build-types/beta/images/icon-19.png
  6. BIN
      app/build-types/beta/images/icon-32.png
  7. BIN
      app/build-types/beta/images/icon-34.png
  8. BIN
      app/build-types/beta/images/icon-38.png
  9. BIN
      app/build-types/beta/images/icon-48.png
  10. BIN
      app/build-types/beta/images/icon-512.png
  11. BIN
      app/build-types/beta/images/icon-64.png
  12. BIN
      app/build-types/beta/images/info-logo.png
  13. 164
      app/build-types/beta/images/logo/metamask-fox.svg
  14. 668
      ui/components/ui/metafox-logo/horizontal-logo.js
  15. 33
      ui/components/ui/metafox-logo/metafox-logo.stories.js
  16. 5
      ui/helpers/utils/build-types.js
  17. 14
      ui/pages/unlock-page/index.scss
  18. 6
      ui/pages/unlock-page/unlock-page.component.js

@ -434,6 +434,9 @@
"beCareful": {
"message": "Be careful"
},
"beta": {
"message": "Beta"
},
"betaMetamaskDescription": {
"message": "Trusted by millions, MetaMask is a secure wallet making the world of web3 accessible to all."
},

@ -1,830 +0,0 @@
{
"chunks": [
{
"faces": [
[0, 1, 2],
[2, 3, 0],
[4, 5, 2],
[6, 3, 2],
[2, 5, 6],
[7, 8, 9],
[10, 3, 6],
[10, 50, 7],
[7, 3, 10],
[7, 9, 3],
[49, 0, 9],
[3, 9, 0],
[2, 1, 4]
],
"name": "left ear",
"gradient": "left-ear-gradient"
},
{
"faces": [
[53, 54, 55],
[55, 56, 53],
[57, 56, 55],
[58, 59, 55],
[55, 54, 58],
[60, 61, 62],
[63, 58, 54],
[63, 60, 89],
[60, 63, 54],
[60, 54, 61],
[88, 61, 53],
[54, 53, 61],
[55, 59, 57]
],
"name": "right ear",
"gradient": "right-ear-gradient"
},
{
"color": [22, 22, 22],
"faces": [[11, 12, 13]],
"name": "left eye"
},
{
"color": [22, 22, 22],
"faces": [[64, 65, 66]],
"name": "right eye"
},
{
"faces": [
[14, 15, 11],
[11, 16, 14]
],
"name": "left inner eye",
"gradient": "left-inner-eye-gradient"
},
{
"faces": [[17, 12, 18]],
"name": "left outer eye",
"gradient": "left-outer-eye-gradient"
},
{
"faces": [[41, 64, 37]],
"name": "right lower inner eye",
"gradient": "right-inner-eye-gradient"
},
{
"faces": [[67, 68, 66]],
"name": "right outer eye",
"gradient": "right-outer-eye-gradient"
},
{
"color": [192, 173, 158],
"faces": [
[19, 20, 21],
[21, 22, 19],
[20, 19, 23],
[23, 24, 20],
[23, 25, 24],
[19, 22, 26],
[26, 27, 19],
[23, 28, 29],
[23, 29, 30],
[25, 23, 30],
[29, 51, 52],
[52, 30, 29],
[27, 26, 69],
[69, 70, 27],
[70, 71, 72],
[72, 27, 70],
[72, 71, 73],
[51, 74, 72],
[52, 51, 72],
[73, 52, 72],
[19, 27, 74],
[74, 28, 19],
[51, 29, 28],
[28, 74, 51],
[74, 27, 72],
[28, 23, 19]
],
"name": "lower chin"
},
{
"color": [215, 193, 179],
"faces": [
[21, 20, 24],
[24, 31, 21]
],
"name": "left lower snout"
},
{
"color": [215, 193, 179],
"faces": [
[69, 71, 70],
[71, 69, 75]
],
"name": "right lower snout"
},
{
"faces": [[31, 24, 18]],
"name": "left upper snout",
"gradient": "left-upper-snout-gradient"
},
{
"faces": [
[6, 5, 16],
[16, 17, 6]
],
"name": "left forehead",
"gradient": "left-forehead-gradient"
},
{
"faces": [
[24, 32, 33],
[33, 34, 24]
],
"name": "left lower cheek",
"gradient": "left-lower-cheek-gradient"
},
{
"faces": [[5, 4, 35]],
"name": "left top ear",
"gradient": "left-top-ear-gradient"
},
{
"faces": [[75, 68, 71]],
"name": "right upper snout",
"gradient": "right-upper-snout-gradient"
},
{
"faces": [
[58, 67, 40],
[40, 59, 58]
],
"name": "right forhead",
"gradient": "right-forehead-gradient"
},
{
"faces": [
[71, 76, 77],
[77, 78, 71]
],
"name": "right lower cheek",
"gradient": "right-lower-cheek-gradient"
},
{
"faces": [[24, 34, 18]],
"name": "left middle cheek",
"gradient": "left-middle-cheek-gradient"
},
{
"color": [35, 151, 119],
"faces": [
[16, 13, 12],
[12, 17, 16],
[13, 16, 11]
],
"name": "left above eye"
},
{
"faces": [[71, 68, 76]],
"name": "right middle cheek",
"gradient": "right-middle-cheek-gradient"
},
{
"color": [35, 151, 119],
"faces": [
[40, 67, 66],
[66, 65, 40],
[65, 64, 40]
],
"name": "right above eye"
},
{
"color": [22, 22, 22],
"faces": [
[36, 15, 37],
[37, 38, 36],
[31, 39, 22],
[22, 21, 31],
[31, 15, 36],
[36, 39, 31],
[75, 69, 26],
[26, 80, 75],
[75, 80, 38],
[38, 37, 75],
[38, 80, 39],
[39, 36, 38],
[39, 80, 26],
[26, 22, 39]
],
"name": "nose"
},
{
"faces": [
[17, 33, 10],
[17, 18, 34],
[34, 33, 17],
[10, 6, 17]
],
"name": "left upper cheek",
"gradient": "left-upper-cheek-gradient"
},
{
"faces": [
[11, 15, 31],
[31, 18, 11],
[18, 12, 11]
],
"name": "left below eye",
"gradient": "left-below-eye-gradient"
},
{
"faces": [
[14, 16, 40],
[40, 41, 14],
[59, 5, 35],
[35, 79, 59],
[14, 41, 37],
[37, 15, 14],
[5, 59, 40],
[40, 16, 5]
],
"name": "forehead",
"gradient": "forehead-gradient"
},
{
"faces": [
[67, 63, 77],
[67, 77, 76],
[76, 68, 67],
[63, 67, 58]
],
"name": "right upper cheek",
"gradient": "right-upper-cheek-gradient"
},
{
"faces": [
[64, 68, 75],
[75, 37, 64],
[68, 64, 66]
],
"name": "right below eye",
"gradient": "right-below-eye-gradient"
},
{
"faces": [
[35, 4, 42],
[4, 1, 42],
[42, 43, 44],
[44, 35, 42],
[45, 43, 42],
[42, 10, 45],
[30, 32, 24],
[24, 25, 30],
[30, 33, 32],
[33, 30, 10],
[44, 43, 46],
[43, 45, 47],
[47, 46, 43],
[48, 47, 45],
[45, 30, 48],
[30, 45, 10],
[49, 42, 0],
[8, 7, 42],
[50, 42, 7],
[50, 10, 42],
[1, 0, 42],
[42, 9, 8],
[42, 49, 9],
[79, 81, 57],
[57, 81, 56],
[82, 79, 35],
[35, 44, 82],
[81, 79, 82],
[82, 83, 81],
[84, 63, 81],
[81, 83, 84],
[44, 46, 85],
[85, 82, 44],
[52, 73, 71],
[71, 78, 52],
[52, 78, 77],
[77, 63, 52],
[82, 85, 83],
[83, 85, 86],
[86, 84, 83],
[87, 52, 84],
[84, 86, 87],
[52, 63, 84],
[88, 53, 81],
[62, 81, 60],
[89, 60, 81],
[89, 81, 63],
[56, 81, 53],
[81, 62, 61],
[81, 61, 88],
[48, 87, 86],
[86, 47, 48],
[47, 86, 85],
[85, 46, 47],
[48, 30, 52],
[52, 87, 48]
],
"name": "back",
"gradient": "back-gradient"
},
{
"faces": [[57, 59, 79]],
"name": "right top ear",
"gradient": "right-top-ear-gradient"
},
{
"faces": [[64, 41, 40]],
"name": "right inner upper eye",
"gradient": "right-inner-eye-gradient"
}
],
"gradients": {
"forehead-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#23FE4A"
},
{
"offset": 1,
"stop-color": "#BAD8EF"
}
],
"x1": "50%",
"y1": "20.232164948453608%",
"x2": "50%",
"y2": "74.87123711340206%",
"gradientUnits": "userSpaceOnUse"
},
"right-upper-cheek-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#20B475"
},
{
"offset": 1,
"stop-color": "#70BDCE"
}
],
"x1": "77.19501199040768%",
"y1": "44.68123711340206%",
"x2": "77.19501199040768%",
"y2": "68.2861855670103%",
"gradientUnits": "userSpaceOnUse"
},
"left-upper-cheek-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#20B475"
},
{
"offset": 1,
"stop-color": "#70BDCE"
}
],
"x1": "22.820719424460435%",
"y1": "44.68123711340206%",
"x2": "22.820719424460435%",
"y2": "68.2861855670103%",
"gradientUnits": "userSpaceOnUse"
},
"right-below-eye-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#85BBE1"
},
{
"offset": 1,
"stop-color": "#7CCACA"
}
],
"x1": "54.34676258992806%",
"y1": "68.26917525773197%",
"x2": "65.3001438848921%",
"y2": "68.26917525773197%",
"gradientUnits": "userSpaceOnUse"
},
"left-below-eye-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#7CCACA"
},
{
"offset": 1,
"stop-color": "#85BBE1"
}
],
"x1": "34.731223021582736%",
"y1": "68.26917525773197%",
"x2": "45.65323741007194%",
"y2": "68.26917525773197%",
"gradientUnits": "userSpaceOnUse"
},
"right-ear-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#074F1E"
},
{
"offset": 0.4286,
"stop-color": "#05541C"
},
{
"offset": 0.62,
"stop-color": "#006A13"
},
{
"offset": 1,
"stop-color": "#007514"
}
],
"x1": "61.443549160671466%",
"y1": "44.51773195876289%",
"x2": "93.802206235012%",
"y2": "24.439072164948456%",
"gradientUnits": "userSpaceOnUse"
},
"left-ear-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#074F1E"
},
{
"offset": 0.4286,
"stop-color": "#05541C"
},
{
"offset": 0.62,
"stop-color": "#006A13"
},
{
"offset": 1,
"stop-color": "#007514"
}
],
"x1": "32.7432134292566%",
"y1": "44.33329896907217%",
"x2": "4.853390887290168%",
"y2": "19.18181443298969%",
"gradientUnits": "userSpaceOnUse"
},
"left-outer-eye-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#43C3A2"
},
{
"offset": 1,
"stop-color": "#4FAFC0"
},
{
"offset": 1,
"stop-color": "#4FAFC0"
}
],
"x1": "27.575539568345324%",
"y1": "60.519278350515464%",
"x2": "34.982350119904076%",
"y2": "60.519278350515464%",
"gradientUnits": "userSpaceOnUse"
},
"right-outer-eye-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#4FAFC0"
},
{
"offset": 1,
"stop-color": "#43C3A2"
}
],
"x1": "65.01764988009592%",
"y1": "60.519278350515464%",
"x2": "72.42446043165468%",
"y2": "60.519278350515464%",
"gradientUnits": "userSpaceOnUse"
},
"right-lower-cheek-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#59ADCB"
},
{
"offset": 1,
"stop-color": "#436CC8"
}
],
"x1": "77.93247002398083%",
"y1": "68.15113402061857%",
"x2": "77.93247002398083%",
"y2": "86.82577319587631%",
"gradientUnits": "userSpaceOnUse"
},
"left-lower-cheek-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#59ADCB"
},
{
"offset": 1,
"stop-color": "#436CC8"
}
],
"x1": "22.083165467625896%",
"y1": "68.15113402061857%",
"x2": "22.083165467625896%",
"y2": "86.82577319587631%",
"gradientUnits": "userSpaceOnUse"
},
"left-top-ear-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#0ED54A"
},
{
"offset": 1,
"stop-color": "#0ED54A"
}
],
"x1": "13.954513189448441%",
"y1": "22.055670103092787%",
"x2": "44.146762589928066%",
"y2": "22.055670103092787%",
"gradientUnits": "userSpaceOnUse"
},
"right-top-ear-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#0ED54A"
},
{
"offset": 1,
"stop-color": "#11EB36"
}
],
"x1": "55.85333333333334%",
"y1": "22.055670103092787%",
"x2": "86.04556354916068%",
"y2": "22.055670103092787%",
"gradientUnits": "userSpaceOnUse"
},
"left-forehead-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#15DC5D"
},
{
"offset": 1,
"stop-color": "#48CA9F"
}
],
"x1": "36.3947242206235%",
"y1": "34.11144329896908%",
"x2": "36.3947242206235%",
"y2": "53.59649484536083%",
"gradientUnits": "userSpaceOnUse"
},
"right-forehead-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#15DC5D"
},
{
"offset": 1,
"stop-color": "#48CA9F"
}
],
"x1": "63.6052757793765%",
"y1": "34.11144329896908%",
"x2": "63.6052757793765%",
"y2": "53.59649484536083%",
"gradientUnits": "userSpaceOnUse"
},
"left-upper-snout-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#54A8CF"
},
{
"offset": 1,
"stop-color": "#5393E3"
}
],
"x1": "38.829736211031175%",
"y1": "68.28865979381443%",
"x2": "38.829736211031175%",
"y2": "81.55670103092784%",
"gradientUnits": "userSpaceOnUse"
},
"right-upper-snout-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#54A8CF"
},
{
"offset": 1,
"stop-color": "#5393E3"
}
],
"x1": "61.17026378896883%",
"y1": "68.28865979381443%",
"x2": "61.17026378896883%",
"y2": "81.55670103092784%",
"gradientUnits": "userSpaceOnUse"
},
"right-middle-cheek-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#32819D"
},
{
"offset": 0.3363,
"stop-color": "#447DCD"
}
],
"x1": "69.9137649880096%",
"y1": "51.063505154639174%",
"x2": "69.9137649880096%",
"y2": "85.81041237113402%",
"gradientUnits": "userSpaceOnUse"
},
"left-middle-cheek-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#32819D"
},
{
"offset": 0.3363,
"stop-color": "#447DCD"
}
],
"x1": "30.086330935251798%",
"y1": "68.15092783505153%",
"x2": "30.086330935251798%",
"y2": "81.55752577319588%",
"gradientUnits": "userSpaceOnUse"
},
"right-inner-eye-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#53A9CB"
},
{
"offset": 1,
"stop-color": "#44C0A6"
}
],
"x1": "55.38244604316547%",
"y1": "74.87123711340206%",
"x2": "55.38244604316547%",
"y2": "53.59659793814433%",
"gradientUnits": "userSpaceOnUse"
},
"left-inner-eye-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#53A9CB"
},
{
"offset": 1,
"stop-color": "#44C0A6"
}
],
"x1": "43.58177458033573%",
"y1": "64.2339175257732%",
"x2": "45.65323741007194%",
"y2": "64.2339175257732%",
"gradientUnits": "userSpaceOnUse"
},
"back-gradient": {
"type": "linear",
"stops": [
{
"stop-color": "#27FC4E"
},
{
"offset": 1,
"stop-color": "#446FC9"
}
],
"x1": "50%",
"y1": "0%",
"x2": "50%",
"y2": "100%",
"gradientUnits": "userSpaceOnUse"
}
},
"positions": [
[111.024597, 52.604599, 46.225899],
[114.025002, 87.673302, 58.9818],
[66.192001, 80.898003, 55.394299],
[72.113297, 35.491798, 30.871401],
[97.804497, 116.560997, 73.978798],
[16.7623, 58.010899, 58.078201],
[52.608898, 30.3641, 42.556099],
[106.881401, 31.945499, 46.9133],
[113.484596, 38.6049, 49.121498],
[108.6633, 43.2332, 46.315399],
[101.216599, 15.9822, 46.308201],
[16.6605, -16.2883, 93.618698],
[40.775002, -10.2288, 85.276398],
[23.926901, -2.5103, 86.736504],
[11.1691, -7.0037, 99.377602],
[9.5692, -34.393902, 141.671997],
[12.596, 7.1655, 88.740997],
[61.180901, 8.8142, 76.996803],
[39.719501, -28.927099, 88.963799],
[13.7962, -68.575699, 132.057007],
[15.2674, -62.32, 129.688004],
[14.8446, -52.6096, 140.113007],
[12.8917, -49.771599, 144.740997],
[35.604198, -71.758003, 81.063904],
[47.462502, -68.606102, 63.369701],
[38.2486, -64.730202, 38.909901],
[-12.8917, -49.771599, 144.740997],
[-13.7962, -68.575699, 132.057007],
[17.802099, -71.758003, 81.063904],
[19.1243, -69.0168, 49.420101],
[38.2486, -66.275597, 17.776199],
[12.8928, -36.703499, 141.671997],
[109.283997, -93.589897, 27.824301],
[122.117996, -36.8894, 35.025002],
[67.7668, -30.197001, 78.417801],
[33.180698, 101.851997, 25.3186],
[9.4063, -35.589802, 150.722],
[-9.5692, -34.393902, 141.671997],
[-9.4063, -35.589802, 150.722],
[11.4565, -37.899399, 150.722],
[-12.596, 7.1655, 88.740997],
[-11.1691, -7.0037, 99.377602],
[70.236504, 62.836201, -3.9475],
[47.263401, 54.293999, -27.414801],
[28.7302, 91.731102, -24.972601],
[69.167603, 6.5862, -12.7757],
[28.7302, 49.1003, -48.3596],
[31.903, 5.692, -47.821999],
[35.075802, -34.432899, -16.280899],
[115.284103, 48.681499, 48.684101],
[110.842796, 28.4821, 49.176201],
[-19.1243, -69.0168, 49.420101],
[-38.2486, -66.275597, 17.776199],
[-111.024597, 52.604599, 46.225899],
[-72.113297, 35.491798, 30.871401],
[-66.192001, 80.898003, 55.394299],
[-114.025002, 87.673302, 58.9818],
[-97.804497, 116.560997, 73.978798],
[-52.608898, 30.3641, 42.556099],
[-16.7623, 58.010899, 58.078201],
[-106.881401, 31.945499, 46.9133],
[-108.6633, 43.2332, 46.315399],
[-113.484596, 38.6049, 49.121498],
[-101.216599, 15.9822, 46.308201],
[-16.6605, -16.2883, 93.618698],
[-23.926901, -2.5103, 86.736504],
[-40.775002, -10.2288, 85.276398],
[-61.180901, 8.8142, 76.996803],
[-39.719501, -28.927099, 88.963799],
[-14.8446, -52.6096, 140.113007],
[-15.2674, -62.32, 129.688004],
[-47.462502, -68.606102, 63.369701],
[-35.604198, -71.758003, 81.063904],
[-38.2486, -64.730202, 38.909901],
[-17.802099, -71.758003, 81.063904],
[-12.8928, -36.703499, 141.671997],
[-67.7668, -30.197001, 78.417801],
[-122.117996, -36.8894, 35.025002],
[-109.283997, -93.589897, 27.824301],
[-33.180698, 101.851997, 25.3186],
[-11.4565, -37.899399, 150.722],
[-70.236504, 62.836201, -3.9475],
[-28.7302, 91.731102, -24.972601],
[-47.263401, 54.293999, -27.414801],
[-69.167603, 6.5862, -12.7757],
[-28.7302, 49.1003, -48.3596],
[-31.903, 5.692, -47.821999],
[-35.075802, -34.432899, -16.280899],
[-115.284103, 48.681499, 48.684101],
[-110.842796, 28.4821, 49.176201]
]
}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 5.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 847 B

After

Width:  |  Height:  |  Size: 706 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.0 KiB

After

Width:  |  Height:  |  Size: 861 B

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.1 KiB

After

Width:  |  Height:  |  Size: 1.4 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 1.5 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.7 KiB

After

Width:  |  Height:  |  Size: 1.7 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 3.6 KiB

After

Width:  |  Height:  |  Size: 2.1 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 172 KiB

After

Width:  |  Height:  |  Size: 20 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 5.7 KiB

After

Width:  |  Height:  |  Size: 2.8 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 16 KiB

After

Width:  |  Height:  |  Size: 6.9 KiB

@ -1,130 +1,36 @@
<svg width="35" height="33" viewBox="0 0 35 33" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0)">
<path d="M19.5938 17.6064L20.1705 9.73742L22.5185 4.13232H12.4812L14.8292 9.73742L15.4059 17.6064L15.5844 20.0884L15.5981 26.1981H19.4016L19.4153 20.0884L19.5938 17.6064Z" fill="url(#paint0_linear)"/>
<path d="M32.3226 16.0925L25.1413 14.006L27.3108 17.2654L24.0703 23.5387L28.3543 23.4842H34.7255L32.3226 16.0925Z" fill="url(#paint1_linear)"/>
<path d="M9.85875 14.006L2.6775 16.0925L0.28833 23.4842H6.65946L10.9298 23.5387L7.68927 17.2654L9.85875 14.006Z" fill="url(#paint2_linear)"/>
<path d="M20.3078 21.5476L19.4016 26.198L20.0607 26.6481L24.0701 23.5387L24.1937 20.4156L20.3078 21.5476Z" fill="url(#paint3_linear)"/>
<path d="M10.8198 20.4156L10.9297 23.5387L14.9391 26.6481L15.5982 26.198L14.6919 21.5476L10.8198 20.4156Z" fill="url(#paint4_linear)"/>
<path d="M33.8466 10.7329L35 5.16869L33.2699 0L20.0608 9.73731L24.9902 14.1286L32.3225 16.0925L33.9015 14.2514L33.215 13.7604L34.3134 12.7649L33.4759 12.1103L34.5743 11.2784L33.8466 10.7329Z" fill="url(#paint5_linear)"/>
<path d="M0 5.16869L1.16712 10.7329L0.425657 11.2784L1.52413 12.1103L0.686544 12.7649L1.78501 13.7604L1.09847 14.2514L2.67752 16.0925L10.0235 14.1286L14.9392 9.73731L1.73009 0L0 5.16869Z" fill="url(#paint6_linear)"/>
<path d="M7.68921 17.2653L10.8198 20.4156L10.9297 23.5386L7.68921 17.2653Z" fill="url(#paint7_linear)"/>
<path d="M27.3105 17.2653L24.0701 23.5386L24.1936 20.4156L27.3105 17.2653Z" fill="url(#paint8_linear)"/>
<path d="M24.7156 28.8983L20.0608 26.6481L20.4315 29.662L20.3903 30.9303L24.7156 28.8983Z" fill="#D7C1B3"/>
<path d="M10.2844 28.8983L14.6096 30.9303L14.5822 29.662L14.9392 26.6481L10.2844 28.8983Z" fill="#D7C1B3"/>
<path d="M28.3543 23.484L24.7156 28.8982L32.501 31.0256L34.7254 23.484H28.3543Z" fill="url(#paint9_linear)"/>
<path d="M0.28833 23.484L2.499 31.0256L10.2844 28.8982L6.65946 23.484H0.28833Z" fill="url(#paint10_linear)"/>
<path d="M1.72998 0L14.9391 9.73731L12.8657 4.13222L1.72998 0Z" fill="url(#paint11_linear)"/>
<path d="M22.1339 4.13222L20.0605 9.73731L33.2697 0L22.1339 4.13222Z" fill="url(#paint12_linear)"/>
<path d="M9.85869 14.0059L7.68921 17.2653L15.406 17.6063L14.9391 9.7373L9.85869 14.0059Z" fill="url(#paint13_linear)"/>
<path d="M25.141 14.0059L20.0606 9.7373L19.5938 17.6063L27.3105 17.2653L25.141 14.0059Z" fill="url(#paint14_linear)"/>
<path d="M10.2844 28.8983L14.9392 26.6481L10.9298 23.5387L10.2844 28.8983Z" fill="url(#paint15_linear)"/>
<path d="M20.0608 26.6481L24.7156 28.8983L24.0702 23.5387L20.0608 26.6481Z" fill="url(#paint16_linear)"/>
<path d="M10.2844 28.8982L10.9297 23.5386L6.65942 23.484L10.2844 28.8982Z" fill="url(#paint17_linear)"/>
<path d="M24.0701 23.5386L24.7154 28.8982L28.3541 23.484L24.0701 23.5386Z" fill="url(#paint18_linear)"/>
<path d="M27.3107 17.2653L19.594 17.6062L20.308 21.5475L21.4477 19.1745L24.1938 20.4156L27.3107 17.2653Z" fill="url(#paint19_linear)"/>
<path d="M10.8198 20.4156L13.5523 19.1745L14.692 21.5475L15.406 17.6062L7.68921 17.2653L10.8198 20.4156Z" fill="url(#paint20_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4156 20.0884L20.3081 21.5476L19.5941 17.6063L19.4156 20.0884ZM20.3081 21.5476L19.4156 20.0884L19.4019 26.1981L20.3081 21.5476Z" fill="url(#paint21_linear)"/>
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.4061 17.6063L14.6921 21.5476V21.5476L15.5984 26.1981L15.5846 20.0884L14.6921 21.5476L15.5846 20.0884L15.4061 17.6063Z" fill="url(#paint22_linear)"/>
<path d="M20.4151 30.914L20.4315 29.662L20.0883 29.362H14.9117L14.5822 29.662L14.6096 30.9303L10.2844 28.8983L11.7948 30.1257L14.8705 32.2396H20.1295L23.2052 30.1257L24.7156 28.8983L20.4151 30.914Z" fill="#C0AD9E"/>
<path d="M20.0606 26.648L19.4016 26.198H15.5981L14.939 26.648L14.582 29.662L14.9116 29.3619H20.0881L20.4314 29.662L20.0606 26.648Z" fill="#161616" stroke="#161616" stroke-width="0.142167" stroke-miterlimit="10" stroke-linejoin="round"/>
<path d="M21.4475 19.1746L20.3079 21.5475L24.1937 20.4156L21.4475 19.1746Z" fill="#161616"/>
<path d="M13.5525 19.1746L14.6922 21.5475L10.8201 20.4156L13.5525 19.1746Z" fill="#161616"/>
</g>
<defs>
<linearGradient id="paint0_linear" x1="17.4998" y1="4.13232" x2="17.4998" y2="26.1981" gradientUnits="userSpaceOnUse">
<stop stop-color="#21FF47"/>
<stop offset="1" stop-color="#BCD8F0"/>
</linearGradient>
<linearGradient id="paint1_linear" x1="29.3979" y1="14.006" x2="29.3979" y2="23.5387" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint2_linear" x1="5.60904" y1="14.006" x2="5.60904" y2="23.5387" gradientUnits="userSpaceOnUse">
<stop stop-color="#1CAD68"/>
<stop offset="1" stop-color="#77BDD4"/>
</linearGradient>
<linearGradient id="paint3_linear" x1="21.7977" y1="20.4156" x2="21.7977" y2="26.6481" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint4_linear" x1="13.209" y1="20.4156" x2="13.209" y2="26.6481" gradientUnits="userSpaceOnUse">
<stop stop-color="#7BCBC8"/>
<stop offset="1" stop-color="#87B9E6"/>
</linearGradient>
<linearGradient id="paint5_linear" x1="27.5304" y1="0" x2="27.5304" y2="16.0925" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint6_linear" x1="7.4696" y1="0" x2="7.4696" y2="16.0925" gradientUnits="userSpaceOnUse">
<stop stop-color="#007715"/>
<stop offset="1" stop-color="#0A3424"/>
</linearGradient>
<linearGradient id="paint7_linear" x1="9.30945" y1="17.2653" x2="9.30945" y2="23.5386" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint8_linear" x1="25.6903" y1="17.2653" x2="25.6903" y2="23.5386" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint9_linear" x1="29.7205" y1="23.484" x2="29.7205" y2="31.0256" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint10_linear" x1="5.28637" y1="23.484" x2="5.28637" y2="31.0256" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint11_linear" x1="8.33453" y1="0" x2="8.33453" y2="9.73731" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint12_linear" x1="26.6651" y1="0" x2="26.6651" y2="9.73731" gradientUnits="userSpaceOnUse">
<stop stop-color="#01EA28"/>
<stop offset="1" stop-color="#10D24F"/>
</linearGradient>
<linearGradient id="paint13_linear" x1="11.5476" y1="9.7373" x2="11.5476" y2="17.6063" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint14_linear" x1="23.4521" y1="9.7373" x2="23.4521" y2="17.6063" gradientUnits="userSpaceOnUse">
<stop stop-color="#12DB56"/>
<stop offset="1" stop-color="#4CC9A3"/>
</linearGradient>
<linearGradient id="paint15_linear" x1="12.6118" y1="23.5387" x2="12.6118" y2="28.8983" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint16_linear" x1="22.3882" y1="23.5387" x2="22.3882" y2="28.8983" gradientUnits="userSpaceOnUse">
<stop stop-color="#5BAECB"/>
<stop offset="1" stop-color="#4160C1"/>
</linearGradient>
<linearGradient id="paint17_linear" x1="8.79458" y1="23.484" x2="8.79458" y2="28.8982" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint18_linear" x1="26.2121" y1="23.484" x2="26.2121" y2="28.8982" gradientUnits="userSpaceOnUse">
<stop stop-color="#32809D"/>
<stop offset="1" stop-color="#477DD5"/>
</linearGradient>
<linearGradient id="paint19_linear" x1="23.4524" y1="17.2653" x2="23.4524" y2="21.5475" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint20_linear" x1="11.5476" y1="17.2653" x2="11.5476" y2="21.5475" gradientUnits="userSpaceOnUse">
<stop stop-color="#239777"/>
<stop offset="1" stop-color="#2C8A8D"/>
</linearGradient>
<linearGradient id="paint21_linear" x1="19.855" y1="17.6063" x2="19.855" y2="26.1981" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<linearGradient id="paint22_linear" x1="15.1453" y1="17.6063" x2="15.1453" y2="26.1981" gradientUnits="userSpaceOnUse">
<stop stop-color="#42C4A0"/>
<stop offset="1" stop-color="#51ACC7"/>
</linearGradient>
<clipPath id="clip0">
<rect width="35" height="33" fill="white"/>
</clipPath>
</defs>
<svg width="158" height="129" viewBox="0 0 158 129" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M128.133 1L75.8844 39.6606L85.6003 16.8766L128.133 1Z" fill="#E17726" stroke="#E17726" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M7.61512 1L59.3988 40.0214L50.148 16.8766L7.61512 1Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M109.322 90.641L95.42 111.879L125.188 120.075L133.715 91.1049L109.322 90.641Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M2.08499 91.1049L10.5606 120.075L40.2767 111.879L26.4264 90.641L2.08499 91.1049Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M38.6748 54.7639L30.406 67.2384L59.8637 68.5786L58.8818 36.877L38.6748 54.7639Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M97.0738 54.7639L76.5567 36.5161L75.8848 68.5786L105.343 67.2384L97.0738 54.7639Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40.2766 111.879L58.1063 103.27L42.7573 91.3112L40.2766 111.879Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M77.6414 103.27L95.4195 111.879L92.9905 91.3112L77.6414 103.27Z" fill="#E27625" stroke="#E27625" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M95.4198 111.879L77.6417 103.27L79.0888 114.817L78.9337 119.714L95.4198 111.879Z" fill="#D5BFB2" stroke="#D5BFB2" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40.2772 111.879L56.8149 119.714L56.7115 114.817L58.1069 103.27L40.2772 111.879Z" fill="#D5BFB2" stroke="#D5BFB2" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M57.1248 83.682L42.3442 79.352L52.7837 74.5581L57.1248 83.682Z" fill="#233447" stroke="#233447" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M78.6233 83.682L82.9644 74.5581L93.4555 79.352L78.6233 83.682Z" fill="#233447" stroke="#233447" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M40.2768 111.879L42.8609 90.641L26.4265 91.1049L40.2768 111.879Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M92.8869 90.641L95.4193 111.879L109.321 91.1049L92.8869 90.641Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M105.342 67.2385L75.8843 68.5788L78.6233 83.6821L82.9645 74.5583L93.4556 79.3522L105.342 67.2385Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42.3441 79.3522L52.7835 74.5583L57.1246 83.6821L59.8637 68.5788L30.4059 67.2385L42.3441 79.3522Z" fill="#CC6228" stroke="#CC6228" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M30.406 67.2385L42.7576 91.3112L42.3442 79.3522L30.406 67.2385Z" fill="#E27525" stroke="#E27525" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M93.4563 79.3522L92.9912 91.3112L105.343 67.2385L93.4563 79.3522Z" fill="#E27525" stroke="#E27525" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M59.864 68.5789L57.1249 83.6823L60.5875 101.518L61.3627 78.012L59.864 68.5789Z" fill="#E27525" stroke="#E27525" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M75.8848 68.5789L74.4378 77.9605L75.1613 101.518L78.6239 83.6823L75.8848 68.5789Z" fill="#E27525" stroke="#E27525" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M78.624 83.682L75.1614 101.517L77.6421 103.27L92.9912 91.311L93.4563 79.3521L78.624 83.682Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M42.3442 79.3521L42.7577 91.311L58.1067 103.27L60.5874 101.517L57.1248 83.682L42.3442 79.3521Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M78.9341 119.714L79.0891 114.817L77.7454 113.683H58.0035L56.7115 114.817L56.8149 119.714L40.2772 111.879L46.0654 116.621L57.7968 124.714H77.9005L89.6836 116.621L95.4201 111.879L78.9341 119.714Z" fill="#C0AC9D" stroke="#C0AC9D" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M77.6417 103.27L75.161 101.517H60.5871L58.1065 103.27L56.7111 114.817L58.0031 113.683H77.745L79.0887 114.817L77.6417 103.27Z" fill="#161616" stroke="#161616" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M130.356 42.1864L134.749 20.8458L128.133 1L77.6418 38.3719L97.0736 54.764L124.516 62.7538L130.562 55.6918L127.927 53.7846L132.113 49.9701L128.909 47.4958L133.095 44.2998L130.356 42.1864Z" fill="#763E1A" stroke="#763E1A" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M1 20.8458L5.44451 42.1864L2.60209 44.2998L6.83988 47.4958L3.6357 49.9701L7.8218 53.7846L5.18611 55.6918L11.2327 62.7538L38.675 54.764L58.1068 38.3719L7.61508 1L1 20.8458Z" fill="#763E1A" stroke="#763E1A" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M124.516 62.7538L97.0739 54.7639L105.343 67.2384L92.9911 91.311L109.322 91.1048H133.715L124.516 62.7538Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M38.6747 54.7639L11.2325 62.7538L2.08507 91.1048H26.4265L42.7575 91.311L30.4059 67.2384L38.6747 54.7639Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M75.8851 68.5787L77.6423 38.3719L85.601 16.8766H50.1483L58.1071 38.3719L59.8642 68.5787L60.5361 78.0634L60.5878 101.517H75.1616L75.2133 78.0634L75.8851 68.5787Z" fill="#F5841F" stroke="#F5841F" stroke-width="0.75" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M149.801 129H91.7084C87.3698 129 83.8491 125.479 83.8491 121.141V104.024C83.8491 99.6853 87.3698 96.1646 91.7084 96.1646H149.801C154.139 96.1646 157.66 99.6853 157.66 104.024V121.141C157.66 125.485 154.139 129 149.801 129Z" fill="#037DD6"/>
<path d="M96.0903 105.317H101.808C102.42 105.317 103.007 105.436 103.556 105.673C104.106 105.91 104.586 106.229 105.005 106.634C105.417 107.04 105.741 107.521 105.978 108.07C106.216 108.62 106.334 109.206 106.334 109.837C106.334 110.38 106.234 110.867 106.035 111.304C105.835 111.741 105.573 112.122 105.242 112.452C105.885 112.783 106.403 113.258 106.809 113.888C107.208 114.519 107.408 115.237 107.408 116.054C107.408 116.685 107.289 117.265 107.052 117.808C106.815 118.352 106.49 118.826 106.078 119.232C105.666 119.638 105.173 119.956 104.611 120.187C104.049 120.418 103.438 120.53 102.782 120.53H96.0965V105.317H96.0903ZM101.421 111.466C101.877 111.466 102.258 111.323 102.557 111.029C102.857 110.736 103.007 110.386 103.007 109.968C103.007 109.556 102.857 109.194 102.557 108.888C102.258 108.582 101.877 108.426 101.421 108.426H99.4924V111.466H101.421ZM102.495 117.396C102.951 117.396 103.332 117.253 103.631 116.959C103.931 116.666 104.081 116.304 104.081 115.88C104.081 115.468 103.925 115.105 103.619 114.806C103.313 114.506 102.932 114.356 102.47 114.356H99.4924V117.396H102.495Z" fill="#FCFCFC"/>
<path d="M109.693 105.316H119.331V108.575H113.095V111.297H118.045V114.555H113.095V117.277H119.331V120.536H109.693V105.316Z" fill="#FCFCFC"/>
<path d="M124.663 108.568H120.786V105.31H132.01V108.568H128.09V120.523H124.663V108.568Z" fill="#FCFCFC"/>
<path d="M137.428 105.316H140.512L147.023 120.523H143.465L142.117 117.308H135.818L134.47 120.523H130.911L137.428 105.316ZM137.048 114.356H140.881L138.977 109.792L137.048 114.356Z" fill="#FCFCFC"/>
</svg>

Before

Width:  |  Height:  |  Size: 8.8 KiB

After

Width:  |  Height:  |  Size: 7.6 KiB

@ -6,8 +6,8 @@ const LOGO_HEIGHT = 30;
const TEXT_COLOR = 'var(--color-text-default)';
const FLASK_PILL_BACKGROUND = 'var(--color-overlay-alternative)';
const FLASK_PILL_TEXT = 'var(--color-overlay-inverse)';
const BETA_PILL_BACKGROUND = 'var(--color-warning-default)';
const BETA_PIL_TEXT = 'var(--color-secondary-inverse)';
const BETA_PILL_BACKGROUND = 'var(--color-primary-default)';
const BETA_PIL_TEXT = 'var(--color-primary-inverse)';
export default function MetaFoxHorizontalLogo({ className }) {
switch (process.env.METAMASK_BUILD_TYPE) {
@ -16,462 +16,304 @@ export default function MetaFoxHorizontalLogo({ className }) {
<svg
width={LOGO_WIDTH}
height={LOGO_HEIGHT}
viewBox="0 0 1533 242"
viewBox="0 0 723 115"
fill="none"
xmlns="http://www.w3.org/2000/svg"
className={className}
>
<g clipPath="url(#clip0)">
<g clipPath="url(#clip0_3375_9161)">
<path
d="M1157.95 121.694C1151.15 117.195 1143.65 113.996 1136.55 109.997C1131.95 107.398 1127.05 105.098 1123.05 101.799C1116.24 96.2 1117.64 85.2024 1124.75 80.4035C1134.95 73.605 1151.85 77.4042 1153.65 91.3011C1153.65 91.601 1153.95 91.801 1154.25 91.801H1169.66C1170.06 91.801 1170.36 91.501 1170.26 91.1011C1169.46 81.5033 1165.75 73.505 1158.95 68.4062C1152.45 63.5073 1145.05 60.9078 1137.15 60.9078C1096.44 60.9078 1092.74 103.998 1114.64 117.595C1117.14 119.195 1138.65 129.992 1146.25 134.691C1153.85 139.39 1156.25 147.988 1152.95 154.787C1149.95 160.986 1142.15 165.285 1134.35 164.785C1125.85 164.285 1119.24 159.686 1116.94 152.487C1116.54 151.188 1116.34 148.688 1116.34 147.589C1116.34 147.289 1116.04 146.989 1115.74 146.989H1099.04C1098.74 146.989 1098.44 147.289 1098.44 147.589C1098.44 159.686 1101.44 166.384 1109.64 172.483C1117.34 178.282 1125.75 180.681 1134.45 180.681C1157.25 180.681 1169.06 167.784 1171.46 154.387C1173.56 141.29 1169.66 129.493 1157.95 121.694V121.694Z"
d="M546.119 57.394C542.911 55.2721 539.373 53.7633 536.024 51.8772C533.854 50.6512 531.542 49.5668 529.655 48.0107C526.448 45.3702 527.108 40.1835 530.457 37.9202C535.269 34.7139 543.241 36.5057 544.09 43.0598C544.09 43.2012 544.232 43.2955 544.373 43.2955H551.638C551.827 43.2955 551.968 43.1541 551.921 42.9655C551.543 38.4389 549.798 34.6667 546.59 32.262C543.524 29.9515 540.033 28.7256 536.307 28.7256C517.107 28.7256 515.362 49.0481 525.693 55.4607C526.872 56.2152 537.014 61.3076 540.599 63.5237C544.185 65.7399 545.317 69.7949 543.76 73.0013C542.345 75.9247 538.665 77.9522 534.986 77.7165C530.976 77.4807 527.863 75.3117 526.778 71.9168C526.589 71.3038 526.495 70.125 526.495 69.6063C526.495 69.4649 526.353 69.3234 526.212 69.3234H518.334C518.192 69.3234 518.051 69.4649 518.051 69.6063C518.051 75.3117 519.466 78.4709 523.334 81.3472C526.967 84.082 530.929 85.2136 535.033 85.2136C545.788 85.2136 551.355 79.131 552.487 72.8127C553.478 66.6358 551.638 61.0718 546.119 57.394Z"
fill={TEXT_COLOR}
/>
<path
d="M432.694 63.1091H425.293H417.191C416.891 63.1091 416.691 63.3091 416.591 63.509L402.888 108.698C402.688 109.298 401.888 109.298 401.688 108.698L387.985 63.509C387.885 63.2091 387.685 63.1091 387.384 63.1091H379.283H371.881H361.879C361.579 63.1091 361.279 63.4091 361.279 63.709V179.082C361.279 179.382 361.579 179.682 361.879 179.682H378.583C378.883 179.682 379.183 179.382 379.183 179.082V91.4025C379.183 90.7027 380.183 90.6027 380.383 91.2025L394.186 136.692L395.186 139.891C395.286 140.191 395.486 140.291 395.786 140.291H408.589C408.889 140.291 409.089 140.091 409.189 139.891L410.189 136.692L423.992 91.2025C424.192 90.5027 425.193 90.7027 425.193 91.4025V179.082C425.193 179.382 425.493 179.682 425.793 179.682H442.496C442.796 179.682 443.097 179.382 443.097 179.082V63.709C443.097 63.4091 442.796 63.1091 442.496 63.1091H432.694Z"
d="M204.069 29.7638H200.578H196.757C196.616 29.7638 196.521 29.8581 196.474 29.9524L190.012 51.2648C189.917 51.5477 189.54 51.5477 189.445 51.2648L182.983 29.9524C182.936 29.8109 182.841 29.7638 182.7 29.7638H178.879H175.388H170.671C170.529 29.7638 170.388 29.9052 170.388 30.0467V84.4594C170.388 84.6008 170.529 84.7423 170.671 84.7423H178.549C178.69 84.7423 178.832 84.6008 178.832 84.4594V43.1076C178.832 42.7776 179.303 42.7304 179.398 43.0133L185.907 64.4672L186.379 65.9761C186.426 66.1175 186.521 66.1647 186.662 66.1647H192.7C192.842 66.1647 192.936 66.0704 192.983 65.9761L193.455 64.4672L199.965 43.0133C200.059 42.6833 200.531 42.7776 200.531 43.1076V84.4594C200.531 84.6008 200.673 84.7423 200.814 84.7423H208.692C208.833 84.7423 208.975 84.6008 208.975 84.4594V30.0467C208.975 29.9052 208.833 29.7638 208.692 29.7638H204.069Z"
fill={TEXT_COLOR}
/>
<path
d="M902.197 63.1091C901.897 63.1091 901.697 63.3091 901.597 63.509L887.894 108.698C887.694 109.298 886.894 109.298 886.694 108.698L872.991 63.509C872.891 63.2091 872.691 63.1091 872.39 63.1091H846.985C846.685 63.1091 846.385 63.4091 846.385 63.709V179.082C846.385 179.382 846.685 179.682 846.985 179.682H863.689C863.989 179.682 864.289 179.382 864.289 179.082V91.4025C864.289 90.7027 865.289 90.6027 865.489 91.2025L879.292 136.692L880.292 139.891C880.392 140.191 880.592 140.291 880.892 140.291H893.695C893.995 140.291 894.195 140.091 894.295 139.891L895.295 136.692L909.098 91.2025C909.299 90.5027 910.299 90.7027 910.299 91.4025V179.082C910.299 179.382 910.599 179.682 910.899 179.682H927.603C927.903 179.682 928.203 179.382 928.203 179.082V63.709C928.203 63.4091 927.903 63.1091 927.603 63.1091H902.197Z"
d="M425.498 29.7638C425.356 29.7638 425.262 29.8581 425.215 29.9524L418.752 51.2648C418.658 51.5477 418.28 51.5477 418.186 51.2648L411.723 29.9524C411.676 29.8109 411.582 29.7638 411.44 29.7638H399.458C399.317 29.7638 399.175 29.9052 399.175 30.0467V84.4594C399.175 84.6008 399.317 84.7423 399.458 84.7423H407.336C407.478 84.7423 407.619 84.6008 407.619 84.4594V43.1076C407.619 42.7776 408.091 42.7304 408.185 43.0133L414.695 64.4672L415.167 65.9761C415.214 66.1175 415.308 66.1647 415.45 66.1647H421.488C421.63 66.1647 421.724 66.0704 421.771 65.9761L422.243 64.4672L428.753 43.0133C428.847 42.6833 429.319 42.7776 429.319 43.1076V84.4594C429.319 84.6008 429.46 84.7423 429.602 84.7423H437.48C437.621 84.7423 437.763 84.6008 437.763 84.4594V30.0467C437.763 29.9052 437.621 29.7638 437.48 29.7638H425.498Z"
fill={TEXT_COLOR}
/>
<path
d="M686.749 63.1091H655.642H638.938H607.832C607.532 63.1091 607.231 63.4091 607.231 63.709V78.1056C607.231 78.4055 607.532 78.7055 607.832 78.7055H638.338V179.082C638.338 179.382 638.638 179.682 638.938 179.682H655.642C655.942 179.682 656.242 179.382 656.242 179.082V78.7055H686.749C687.049 78.7055 687.349 78.4055 687.349 78.1056V63.709C687.349 63.4091 687.149 63.1091 686.749 63.1091V63.1091Z"
d="M323.887 29.7638H309.217H301.339H286.668C286.527 29.7638 286.385 29.9052 286.385 30.0467V36.8365C286.385 36.978 286.527 37.1194 286.668 37.1194H301.056V84.4594C301.056 84.6008 301.197 84.7423 301.339 84.7423H309.217C309.358 84.7423 309.5 84.6008 309.5 84.4594V37.1194H323.887C324.029 37.1194 324.17 36.978 324.17 36.8365V30.0467C324.17 29.9052 324.076 29.7638 323.887 29.7638Z"
fill={TEXT_COLOR}
/>
<path
d="M785.272 179.681H800.475C800.875 179.681 801.175 179.281 801.075 178.881L769.668 63.1082C769.568 62.8082 769.368 62.7083 769.068 62.7083H763.267H753.065H747.264C746.964 62.7083 746.763 62.9082 746.663 63.1082L715.257 178.881C715.157 179.281 715.457 179.681 715.857 179.681H731.06C731.36 179.681 731.56 179.481 731.66 179.281L740.762 145.589C740.862 145.289 741.062 145.189 741.362 145.189H774.97C775.27 145.189 775.47 145.389 775.57 145.589L784.672 179.281C784.772 179.481 785.072 179.681 785.272 179.681V179.681ZM745.363 128.693L757.566 83.6034C757.766 83.0035 758.566 83.0035 758.766 83.6034L770.969 128.693C771.069 129.093 770.769 129.493 770.369 129.493H745.963C745.563 129.493 745.263 129.093 745.363 128.693V128.693Z"
d="M370.353 84.7419H377.523C377.712 84.7419 377.854 84.5533 377.806 84.3647L362.994 29.7633C362.947 29.6219 362.853 29.5747 362.711 29.5747H359.975H355.163H352.427C352.286 29.5747 352.192 29.669 352.144 29.7633L337.332 84.3647C337.285 84.5533 337.427 84.7419 337.615 84.7419H344.786C344.927 84.7419 345.021 84.6476 345.069 84.5533L349.361 68.6633C349.408 68.5218 349.503 68.4747 349.644 68.4747H365.494C365.636 68.4747 365.73 68.569 365.777 68.6633L370.07 84.5533C370.117 84.6476 370.259 84.7419 370.353 84.7419ZM351.531 60.6947L357.286 39.4294C357.381 39.1465 357.758 39.1465 357.852 39.4294L363.607 60.6947C363.655 60.8833 363.513 61.0719 363.324 61.0719H351.814C351.626 61.0719 351.484 60.8833 351.531 60.6947Z"
fill={TEXT_COLOR}
/>
<path
d="M1044.53 179.681H1059.73C1060.13 179.681 1060.43 179.281 1060.33 178.881L1028.93 63.1082C1028.83 62.8082 1028.63 62.7083 1028.33 62.7083H1022.52H1012.32H1006.52C1006.22 62.7083 1006.02 62.9082 1005.92 63.1082L974.514 178.881C974.414 179.281 974.714 179.681 975.114 179.681H990.317C990.618 179.681 990.818 179.481 990.918 179.281L1000.02 145.589C1000.12 145.289 1000.32 145.189 1000.62 145.189H1034.23C1034.53 145.189 1034.73 145.389 1034.83 145.589L1043.93 179.281C1044.03 179.481 1044.23 179.681 1044.53 179.681V179.681ZM1004.62 128.693L1016.82 83.6034C1017.02 83.0035 1017.82 83.0035 1018.02 83.6034L1030.23 128.693C1030.33 129.093 1030.03 129.493 1029.63 129.493H1005.22C1004.82 129.493 1004.52 129.093 1004.62 128.693V128.693Z"
d="M492.625 84.7419H499.796C499.984 84.7419 500.126 84.5533 500.079 84.3647L485.266 29.7633C485.219 29.6219 485.125 29.5747 484.983 29.5747H482.247H477.436H474.7C474.558 29.5747 474.464 29.669 474.417 29.7633L459.604 84.3647C459.557 84.5533 459.699 84.7419 459.887 84.7419H467.058C467.199 84.7419 467.293 84.6476 467.341 84.5533L471.633 68.6633C471.681 68.5218 471.775 68.4747 471.916 68.4747H487.766C487.908 68.4747 488.002 68.569 488.05 68.6633L492.342 84.5533C492.389 84.6476 492.484 84.7419 492.625 84.7419ZM473.803 60.6947L479.558 39.4294C479.653 39.1465 480.03 39.1465 480.124 39.4294L485.88 60.6947C485.927 60.8833 485.785 61.0719 485.597 61.0719H474.086C473.898 61.0719 473.756 60.8833 473.803 60.6947Z"
fill={TEXT_COLOR}
/>
<path
d="M510.909 162.584V126.793C510.909 126.493 511.209 126.193 511.509 126.193H556.019C556.319 126.193 556.619 125.893 556.619 125.593V111.196C556.619 110.896 556.319 110.596 556.019 110.596H511.509C511.209 110.596 510.909 110.296 510.909 109.997V79.4037C510.909 79.1038 511.209 78.8039 511.509 78.8039H562.121C562.421 78.8039 562.721 78.5039 562.721 78.204V63.8074C562.721 63.5074 562.421 63.2075 562.121 63.2075H510.909H493.606C493.305 63.2075 493.005 63.5074 493.005 63.8074V78.8039V110.696V126.293V163.284V179.08C493.005 179.38 493.305 179.68 493.606 179.68H510.909H564.221C564.521 179.68 564.821 179.38 564.821 179.08V163.884C564.821 163.584 564.521 163.284 564.221 163.284H511.409C511.109 163.184 510.909 162.984 510.909 162.584Z"
d="M240.957 76.6786V59.7985C240.957 59.657 241.099 59.5155 241.24 59.5155H262.232C262.373 59.5155 262.515 59.3741 262.515 59.2326V52.4428C262.515 52.3014 262.373 52.1599 262.232 52.1599H241.24C241.099 52.1599 240.957 52.0185 240.957 51.877V37.4487C240.957 37.3073 241.099 37.1658 241.24 37.1658H265.11C265.251 37.1658 265.393 37.0243 265.393 36.8829V30.0931C265.393 29.9516 265.251 29.8102 265.11 29.8102H240.957H232.796C232.655 29.8102 232.513 29.9516 232.513 30.0931V37.1658V52.2071V59.5627V77.0087V84.4586C232.513 84.6001 232.655 84.7415 232.796 84.7415H240.957H266.1C266.242 84.7415 266.383 84.6001 266.383 84.4586V77.2916C266.383 77.1502 266.242 77.0087 266.1 77.0087H241.193C241.051 76.9616 240.957 76.8673 240.957 76.6786Z"
fill={TEXT_COLOR}
/>
<path
d="M1310.58 178.681L1252.77 118.995C1252.57 118.795 1252.57 118.395 1252.77 118.195L1304.78 64.2074C1305.18 63.8075 1304.88 63.2076 1304.38 63.2076H1283.08C1282.88 63.2076 1282.78 63.3076 1282.68 63.4076L1238.57 109.197C1238.17 109.597 1237.57 109.297 1237.57 108.797V63.8075C1237.57 63.5076 1237.27 63.2076 1236.97 63.2076H1220.26C1219.96 63.2076 1219.66 63.5076 1219.66 63.8075V179.181C1219.66 179.48 1219.96 179.78 1220.26 179.78H1236.97C1237.27 179.78 1237.57 179.48 1237.57 179.181V128.392C1237.57 127.893 1238.27 127.593 1238.57 127.993L1288.58 179.58C1288.68 179.68 1288.88 179.78 1288.98 179.78H1310.28C1310.68 179.68 1310.98 178.981 1310.58 178.681V178.681Z"
d="M618.103 84.2701L590.837 56.1207C590.743 56.0264 590.743 55.8378 590.837 55.7435L615.367 30.2817C615.555 30.0931 615.414 29.8102 615.178 29.8102H605.13C605.036 29.8102 604.989 29.8573 604.942 29.9045L584.138 51.4998C583.95 51.6884 583.667 51.547 583.667 51.3112V30.0931C583.667 29.9516 583.525 29.8102 583.384 29.8102H575.506C575.364 29.8102 575.223 29.9516 575.223 30.0931V84.5058C575.223 84.6473 575.364 84.7887 575.506 84.7887H583.384C583.525 84.7887 583.667 84.6473 583.667 84.5058V60.5529C583.667 60.3172 583.997 60.1757 584.138 60.3643L607.725 84.6944C607.772 84.7416 607.866 84.7887 607.913 84.7887H617.961C618.15 84.7416 618.291 84.4115 618.103 84.2701Z"
fill={TEXT_COLOR}
/>
<path
d="M1512.38 110.091H1359.98C1348.59 110.091 1339.36 100.86 1339.36 89.4845V44.6061C1339.36 33.231 1348.59 24 1359.98 24H1512.38C1523.76 24 1533 33.231 1533 44.6061V89.4845C1533 100.876 1523.76 110.091 1512.38 110.091Z"
d="M713.276 51.9214H641.398C636.03 51.9214 631.674 47.5678 631.674 42.2031V21.0373C631.674 15.6725 636.03 11.319 641.398 11.319H713.276C718.644 11.319 723 15.6725 723 21.0373V42.2031C723 47.5755 718.644 51.9214 713.276 51.9214Z"
fill={BETA_PILL_BACKGROUND}
/>
<path
d="M1371.47 48.027H1386.48C1388.08 48.027 1389.62 48.3377 1391.06 48.9592C1392.5 49.5807 1393.76 50.4149 1394.86 51.478C1395.94 52.5411 1396.79 53.8004 1397.41 55.2397C1398.04 56.679 1398.35 58.2164 1398.35 59.8683C1398.35 61.2912 1398.09 62.567 1397.56 63.7118C1397.04 64.8567 1396.35 65.8544 1395.48 66.7213C1397.17 67.5881 1398.53 68.8311 1399.59 70.483C1400.64 72.1349 1401.17 74.0158 1401.17 76.1583C1401.17 77.8102 1400.85 79.3313 1400.23 80.7542C1399.61 82.1771 1398.76 83.4202 1397.68 84.4833C1396.6 85.5464 1395.3 86.3805 1393.83 86.9856C1392.35 87.5908 1390.75 87.8852 1389.03 87.8852H1371.49V48.027H1371.47ZM1385.46 64.1371C1386.66 64.1371 1387.65 63.7609 1388.44 62.9922C1389.23 62.2235 1389.62 61.3076 1389.62 60.2118C1389.62 59.1323 1389.23 58.1837 1388.44 57.3823C1387.65 56.5809 1386.66 56.172 1385.46 56.172H1380.4V64.1371H1385.46V64.1371ZM1388.28 79.6748C1389.47 79.6748 1390.47 79.2986 1391.26 78.5299C1392.04 77.7612 1392.44 76.8126 1392.44 75.7004C1392.44 74.6209 1392.03 73.6723 1391.22 72.8873C1390.42 72.1022 1389.42 71.7097 1388.21 71.7097H1380.4V79.6748H1388.28Z"
d="M646.82 22.6506H653.895C654.652 22.6506 655.378 22.7972 656.058 23.0903C656.737 23.3834 657.332 23.7768 657.85 24.2782C658.359 24.7796 658.761 25.3735 659.055 26.0523C659.348 26.7311 659.495 27.4562 659.495 28.2353C659.495 28.9064 659.371 29.508 659.124 30.048C658.877 30.588 658.553 31.0585 658.143 31.4673C658.939 31.8761 659.58 32.4624 660.082 33.2414C660.576 34.0205 660.823 34.9076 660.823 35.9181C660.823 36.6971 660.677 37.4145 660.383 38.0856C660.09 38.7567 659.688 39.3429 659.178 39.8443C658.668 40.3457 658.058 40.7391 657.363 41.0245C656.668 41.3099 655.911 41.4487 655.1 41.4487H646.828V22.6506H646.82ZM653.416 30.2486C653.98 30.2486 654.451 30.0711 654.822 29.7086C655.193 29.3461 655.378 28.9141 655.378 28.3973C655.378 27.8882 655.193 27.4408 654.822 27.0628C654.451 26.6849 653.98 26.492 653.416 26.492H651.03V30.2486H653.416ZM654.745 37.5765C655.309 37.5765 655.78 37.3991 656.15 37.0365C656.521 36.674 656.707 36.2266 656.707 35.7021C656.707 35.193 656.513 34.7456 656.135 34.3753C655.757 34.0051 655.285 33.82 654.714 33.82H651.03V37.5765H654.745Z"
fill={BETA_PIL_TEXT}
/>
<path
d="M1407.16 48.0112H1432.45V56.5488H1416.08V63.6798H1429.07V72.2173H1416.08V79.3483H1432.45V87.8858H1407.16V48.0112Z"
d="M663.65 22.6432H675.576V26.6697H667.86V30.0328H673.985V34.0594H667.86V37.4225H675.576V41.449H663.65V22.6432Z"
fill={BETA_PIL_TEXT}
/>
<path
d="M1446.43 56.5311H1436.26V47.9935H1465.71V56.5311H1455.42V87.8518H1446.43V56.5311Z"
d="M682.172 26.6614H677.376V22.6349H691.263V26.6614H686.412V41.433H682.172V26.6614Z"
fill={BETA_PIL_TEXT}
/>
<path
d="M1479.92 48.0112H1488.01L1505.09 87.8531H1495.76L1492.22 79.43H1475.69L1472.16 87.8531H1462.82L1479.92 48.0112ZM1478.92 71.6939H1488.98L1483.98 59.7381L1478.92 71.6939Z"
d="M697.966 22.6432H701.782L709.838 41.4336H705.435L703.767 37.4611H695.973L694.305 41.4336H689.902L697.966 22.6432ZM697.495 33.8125H702.237L699.882 28.1739L697.495 33.8125Z"
fill={BETA_PIL_TEXT}
/>
<g clipPath="url(#clip1)">
<path
d="M145.555 130.761L149.839 72.3187L167.281 30.6899H92.7188L110.161 72.3187L114.445 130.761L115.771 149.195L115.873 194.572H144.127L144.229 149.195L145.555 130.761Z"
fill="url(#paint0_linear)"
/>
<path
d="M240.11 119.518L186.764 104.021L202.88 128.229L178.808 174.821L210.632 174.416H257.96L240.11 119.518Z"
fill="url(#paint1_linear)"
/>
<path
d="M73.2366 104.021L19.8902 119.518L2.14209 174.416H49.4705L81.1927 174.821L57.1205 128.229L73.2366 104.021Z"
fill="url(#paint2_linear)"
/>
<path
d="M150.859 160.033L144.127 194.572L149.023 197.914L178.807 174.821L179.725 151.626L150.859 160.033Z"
fill="url(#paint3_linear)"
/>
<path
d="M80.3765 151.626L81.1925 174.821L110.977 197.914L115.873 194.572L109.141 160.033L80.3765 151.626Z"
fill="url(#paint4_linear)"
/>
<path
d="M251.432 79.7125L260 38.3876L247.148 0L149.023 72.3186L185.642 104.933L240.11 119.518L251.84 105.844L246.74 102.198L254.9 94.8042L248.678 89.9425L256.838 83.764L251.432 79.7125Z"
fill="url(#paint5_linear)"
/>
<path
d="M0 38.3876L8.67007 79.7125L3.16202 83.764L11.3221 89.9425L5.10004 94.8042L13.2601 102.198L8.16006 105.844L19.8902 119.518L74.4606 104.933L110.977 72.3186L12.8521 0L0 38.3876Z"
fill="url(#paint6_linear)"
/>
<path
d="M57.1206 128.229L80.3768 151.626L81.1928 174.821L57.1206 128.229Z"
fill="url(#paint7_linear)"
/>
<path
d="M202.88 128.229L178.808 174.821L179.726 151.626L202.88 128.229Z"
fill="url(#paint8_linear)"
/>
<path
d="M183.602 214.626L149.023 197.914L151.777 220.298L151.471 229.718L183.602 214.626Z"
fill="#D7C1B3"
stroke="#D7C1B3"
strokeWidth="1.42167"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M76.3989 214.626L108.529 229.718L108.325 220.298L110.977 197.914L76.3989 214.626Z"
fill="#D7C1B3"
stroke="#D7C1B3"
strokeWidth="1.42167"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M210.632 174.415L183.602 214.626L241.436 230.427L257.96 174.415H210.632Z"
fill="url(#paint9_linear)"
/>
<path
d="M2.14209 174.415L18.5642 230.427L76.3987 214.626L49.4705 174.415H2.14209Z"
fill="url(#paint10_linear)"
/>
<path
d="M12.8521 0L110.977 72.3186L95.5747 30.6898L12.8521 0Z"
fill="url(#paint11_linear)"
/>
<path
d="M164.425 30.6898L149.023 72.3186L247.148 0L164.425 30.6898Z"
fill="url(#paint12_linear)"
/>
<path
d="M73.2367 104.021L57.1206 128.229L114.445 130.761L110.977 72.3186L73.2367 104.021Z"
fill="url(#paint13_linear)"
/>
<path
d="M186.763 104.021L149.023 72.3186L145.555 130.761L202.879 128.229L186.763 104.021Z"
fill="url(#paint14_linear)"
/>
<path
d="M76.3989 214.626L110.977 197.914L81.193 174.821L76.3989 214.626Z"
fill="url(#paint15_linear)"
/>
<path
d="M149.023 197.914L183.602 214.626L178.808 174.821L149.023 197.914Z"
fill="url(#paint16_linear)"
/>
<path
d="M76.3989 214.626L81.1929 174.82L49.4707 174.415L76.3989 214.626Z"
fill="url(#paint17_linear)"
/>
<path
d="M178.808 174.82L183.602 214.626L210.632 174.415L178.808 174.82Z"
fill="url(#paint18_linear)"
/>
<path
d="M202.88 128.229L145.556 130.761L150.86 160.033L159.326 142.409L179.726 151.626L202.88 128.229Z"
fill="url(#paint19_linear)"
/>
<path
d="M80.3773 151.626L100.675 142.409L109.141 160.033L114.446 130.761L57.1211 128.229L80.3773 151.626Z"
fill="url(#paint20_linear)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M144.229 149.195L150.859 160.033L145.555 130.761L144.229 149.195ZM144.229 149.195L144.229 149.195L144.127 194.571L150.859 160.033L144.229 149.195Z"
fill="url(#paint21_linear)"
/>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M114.445 130.761L109.141 160.033L115.873 194.571L115.771 149.195L115.771 149.195L114.445 130.761Z"
fill="url(#paint22_linear)"
/>
<path
d="M151.655 229.596L151.778 220.298L149.228 218.07H110.773L108.325 220.298L108.529 229.718L76.3989 214.626L87.619 223.742L110.467 239.441H149.534L172.382 223.742L183.602 214.626L151.655 229.596Z"
fill="#C0AD9E"
stroke="#C0AD9E"
strokeWidth="1.42167"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M149.023 197.914L144.127 194.571H115.873L110.977 197.914L108.325 220.298L110.773 218.07H149.227L151.777 220.298L149.023 197.914Z"
fill="#161616"
stroke="#161616"
strokeWidth="0.142167"
strokeMiterlimit="10"
strokeLinejoin="round"
/>
<path
d="M159.325 142.409L150.859 160.033L179.726 151.626L159.325 142.409Z"
fill="#161616"
/>
<path
d="M100.675 142.409L109.141 160.033L80.377 151.626L100.675 142.409Z"
fill="#161616"
/>
</g>
<path
d="M116.318 0L68.514 35.3718L77.4034 14.526L116.318 0Z"
fill="#E17726"
stroke="#E17726"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M6.05249 0L53.4311 35.702L44.9672 14.526L6.05249 0Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M99.1075 82.0154L86.3881 101.446L113.624 108.945L121.426 82.4398L99.1075 82.0154Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M0.99292 82.4398L8.7475 108.945L35.9358 101.446L23.2637 82.0154L0.99292 82.4398Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M34.4699 49.1904L26.9044 60.6037L53.8563 61.83L52.9579 32.8251L34.4699 49.1904Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M87.9012 49.1902L69.1295 32.4948L68.5148 61.8298L95.4667 60.6035L87.9012 49.1902Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M35.9357 101.446L52.2487 93.5703L38.2053 82.6287L35.9357 101.446Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M70.1218 93.5703L86.3875 101.446L84.1652 82.6287L70.1218 93.5703Z"
fill="#E27625"
stroke="#E27625"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M86.3879 101.446L70.1222 93.5702L71.4461 104.135L71.3043 108.615L86.3879 101.446Z"
fill="#D5BFB2"
stroke="#D5BFB2"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M35.9359 101.446L51.0668 108.615L50.9722 104.135L52.2489 93.5703L35.9359 101.446Z"
fill="#D5BFB2"
stroke="#D5BFB2"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M51.3504 75.6485L37.8271 71.6869L47.3785 67.3008L51.3504 75.6485Z"
fill="#233447"
stroke="#233447"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M71.0199 75.6485L74.9918 67.3008L84.5904 71.6869L71.0199 75.6485Z"
fill="#233447"
stroke="#233447"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M35.9357 101.446L38.2999 82.0154L23.2635 82.4398L35.9357 101.446Z"
fill="#CC6228"
stroke="#CC6228"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M84.0706 82.0154L86.3875 101.446L99.1069 82.4398L84.0706 82.0154Z"
fill="#CC6228"
stroke="#CC6228"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M95.4661 60.6036L68.5142 61.8299L71.0202 75.6484L74.9921 67.3007L84.5907 71.6868L95.4661 60.6036Z"
fill="#CC6228"
stroke="#CC6228"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M37.827 71.6868L47.3784 67.3007L51.3503 75.6484L53.8563 61.8299L26.9044 60.6036L37.827 71.6868Z"
fill="#CC6228"
stroke="#CC6228"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M26.9044 60.6038L38.2053 82.6286L37.827 71.6869L26.9044 60.6038Z"
fill="#E27525"
stroke="#E27525"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M84.5912 71.6868L84.1656 82.6285L95.4665 60.6036L84.5912 71.6868Z"
fill="#E27525"
stroke="#E27525"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M53.8565 61.83L51.3505 75.6485L54.5185 91.9667L55.2278 70.4607L53.8565 61.83Z"
fill="#E27525"
stroke="#E27525"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M68.5146 61.83L67.1907 70.4135L67.8526 91.9667L71.0207 75.6485L68.5146 61.83Z"
fill="#E27525"
stroke="#E27525"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M71.0207 75.6484L67.8527 91.9666L70.1223 93.5701L84.1656 82.6284L84.5912 71.6868L71.0207 75.6484Z"
fill="#F5841F"
stroke="#F5841F"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M37.8271 71.6868L38.2054 82.6284L52.2488 93.5701L54.5184 91.9666L51.3504 75.6484L37.8271 71.6868Z"
fill="#F5841F"
stroke="#F5841F"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M71.3044 108.615L71.4462 104.135L70.2168 103.097H52.1543L50.9722 104.135L51.0668 108.615L35.9359 101.446L41.2317 105.785L51.9652 113.19H70.3587L81.1394 105.785L86.388 101.446L71.3044 108.615Z"
fill="#C0AC9D"
stroke="#C0AC9D"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M70.122 93.5702L67.8523 91.9667H54.5182L52.2486 93.5702L50.9719 104.135L52.154 103.097H70.2165L71.4459 104.135L70.122 93.5702Z"
fill="#161616"
stroke="#161616"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M118.352 37.6828L122.371 18.1575L116.319 0L70.1222 34.1928L87.901 49.1904L113.009 56.5006L118.541 50.0393L116.13 48.2943L119.96 44.8043L117.028 42.5405L120.858 39.6164L118.352 37.6828Z"
fill="#763E1A"
stroke="#763E1A"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M0 18.1575L4.06643 37.6828L1.4658 39.6164L5.34309 42.5405L2.41149 44.8043L6.24149 48.2943L3.83001 50.0393L9.36224 56.5006L34.4701 49.1904L52.2488 34.1928L6.05236 0L0 18.1575Z"
fill="#763E1A"
stroke="#763E1A"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M113.009 56.5005L87.9011 49.1903L95.4665 60.6036L84.1656 82.6285L99.1074 82.4398H121.425L113.009 56.5005Z"
fill="#F5841F"
stroke="#F5841F"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M34.47 49.1903L9.36219 56.5005L0.99292 82.4398H23.2637L38.2054 82.6285L26.9046 60.6036L34.47 49.1903Z"
fill="#F5841F"
stroke="#F5841F"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
<path
d="M68.5148 61.83L70.1225 34.1929L77.4042 14.5261H44.9674L52.2491 34.1929L53.8568 61.83L54.4715 70.5079L54.5188 91.9668H67.8529L67.9002 70.5079L68.5148 61.83Z"
fill="#F5841F"
stroke="#F5841F"
strokeWidth="0.353718"
strokeLinecap="round"
strokeLinejoin="round"
/>
</g>
<defs>
<linearGradient
id="paint0_linear"
x1="130"
y1="30.6899"
x2="130"
y2="194.572"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#21FF47" />
<stop offset="1" stopColor="#BCD8F0" />
</linearGradient>
<linearGradient
id="paint1_linear"
x1="218.384"
y1="104.021"
x2="218.384"
y2="174.821"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1CAD68" />
<stop offset="1" stopColor="#77BDD4" />
</linearGradient>
<linearGradient
id="paint2_linear"
x1="41.6674"
y1="104.021"
x2="41.6674"
y2="174.821"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#1CAD68" />
<stop offset="1" stopColor="#77BDD4" />
</linearGradient>
<linearGradient
id="paint3_linear"
x1="161.926"
y1="151.626"
x2="161.926"
y2="197.914"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7BCBC8" />
<stop offset="1" stopColor="#87B9E6" />
</linearGradient>
<linearGradient
id="paint4_linear"
x1="98.1246"
y1="151.626"
x2="98.1246"
y2="197.914"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7BCBC8" />
<stop offset="1" stopColor="#87B9E6" />
</linearGradient>
<linearGradient
id="paint5_linear"
x1="204.512"
y1="0"
x2="204.512"
y2="119.518"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#007715" />
<stop offset="1" stopColor="#0A3424" />
</linearGradient>
<linearGradient
id="paint6_linear"
x1="55.4884"
y1="0"
x2="55.4884"
y2="119.518"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#007715" />
<stop offset="1" stopColor="#0A3424" />
</linearGradient>
<linearGradient
id="paint7_linear"
x1="69.1567"
y1="128.229"
x2="69.1567"
y2="174.821"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#42C4A0" />
<stop offset="1" stopColor="#51ACC7" />
</linearGradient>
<linearGradient
id="paint8_linear"
x1="190.844"
y1="128.229"
x2="190.844"
y2="174.821"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#42C4A0" />
<stop offset="1" stopColor="#51ACC7" />
</linearGradient>
<linearGradient
id="paint9_linear"
x1="220.781"
y1="174.415"
x2="220.781"
y2="230.427"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5BAECB" />
<stop offset="1" stopColor="#4160C1" />
</linearGradient>
<linearGradient
id="paint10_linear"
x1="39.2704"
y1="174.415"
x2="39.2704"
y2="230.427"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5BAECB" />
<stop offset="1" stopColor="#4160C1" />
</linearGradient>
<linearGradient
id="paint11_linear"
x1="61.9144"
y1="0"
x2="61.9144"
y2="72.3186"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#01EA28" />
<stop offset="1" stopColor="#10D24F" />
</linearGradient>
<linearGradient
id="paint12_linear"
x1="198.085"
y1="0"
x2="198.085"
y2="72.3186"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#01EA28" />
<stop offset="1" stopColor="#10D24F" />
</linearGradient>
<linearGradient
id="paint13_linear"
x1="85.7828"
y1="72.3186"
x2="85.7828"
y2="130.761"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#12DB56" />
<stop offset="1" stopColor="#4CC9A3" />
</linearGradient>
<linearGradient
id="paint14_linear"
x1="174.217"
y1="72.3186"
x2="174.217"
y2="130.761"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#12DB56" />
<stop offset="1" stopColor="#4CC9A3" />
</linearGradient>
<linearGradient
id="paint15_linear"
x1="93.6881"
y1="174.821"
x2="93.6881"
y2="214.626"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5BAECB" />
<stop offset="1" stopColor="#4160C1" />
</linearGradient>
<linearGradient
id="paint16_linear"
x1="166.313"
y1="174.821"
x2="166.313"
y2="214.626"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5BAECB" />
<stop offset="1" stopColor="#4160C1" />
</linearGradient>
<linearGradient
id="paint17_linear"
x1="65.3318"
y1="174.415"
x2="65.3318"
y2="214.626"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32809D" />
<stop offset="1" stopColor="#477DD5" />
</linearGradient>
<linearGradient
id="paint18_linear"
x1="194.72"
y1="174.415"
x2="194.72"
y2="214.626"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#32809D" />
<stop offset="1" stopColor="#477DD5" />
</linearGradient>
<linearGradient
id="paint19_linear"
x1="174.218"
y1="128.229"
x2="174.218"
y2="160.033"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#239777" />
<stop offset="1" stopColor="#2C8A8D" />
</linearGradient>
<linearGradient
id="paint20_linear"
x1="85.7833"
y1="128.229"
x2="85.7833"
y2="160.033"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#239777" />
<stop offset="1" stopColor="#2C8A8D" />
</linearGradient>
<linearGradient
id="paint21_linear"
x1="147.493"
y1="130.761"
x2="147.493"
y2="194.571"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#42C4A0" />
<stop offset="1" stopColor="#51ACC7" />
</linearGradient>
<linearGradient
id="paint22_linear"
x1="112.507"
y1="130.761"
x2="112.507"
y2="194.571"
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#42C4A0" />
<stop offset="1" stopColor="#51ACC7" />
</linearGradient>
<clipPath id="clip0">
<rect width="1533" height="242" fill="white" />
</clipPath>
<clipPath id="clip1">
<rect width="260" height="239.948" fill="white" />
<clipPath id="clip0_3375_9161">
<rect
width="723"
height="114.133"
fill="var(--color-text-default)"
/>
</clipPath>
</defs>
</svg>

@ -0,0 +1,33 @@
import React from 'react';
import Typography from '../typography';
import MetaFoxLogo from '.';
export default {
title: 'Components/UI/MetaFoxLogo',
id: __filename,
argTypes: {
onClick: {
action: 'onClick',
},
unsetIconHeight: {
control: 'boolean',
},
isOnboarding: {
control: 'boolean',
},
},
};
export const DefaultStory = (args) => (
<>
<MetaFoxLogo {...args} />
<Typography marginTop={4} as="p">
To view the different logo types change the build type in:
ui/components/ui/metafox-logo/horizontal-logo.js
</Typography>
</>
);
DefaultStory.storyName = 'Default';

@ -1,6 +1,3 @@
///: BEGIN:ONLY_INCLUDE_IN(beta)
import betaJson from '../../../app/build-types/beta/images/beta-mascot.json';
///: END:ONLY_INCLUDE_IN
///: BEGIN:ONLY_INCLUDE_IN(flask)
import flaskJson from '../../../app/build-types/flask/images/flask-mascot.json';
///: END:ONLY_INCLUDE_IN
@ -12,7 +9,7 @@ const assetList = {
},
///: BEGIN:ONLY_INCLUDE_IN(beta)
beta: {
foxMeshJson: betaJson,
foxMeshJson: undefined,
},
///: END:ONLY_INCLUDE_IN
///: BEGIN:ONLY_INCLUDE_IN(flask)

@ -18,6 +18,20 @@
&__mascot-container {
margin-top: 24px;
position: relative;
&__beta {
/* these colors should be used on both light and dark mode */
background: var(--brand-colors-blue-blue500);
color: var(--brand-colors-white-white000);
padding: 3px 6px;
font-size: 16px;
position: absolute;
bottom: 10px;
right: 0;
border-radius: 10px;
text-transform: uppercase;
}
}
&__title {

@ -12,6 +12,7 @@ import {
CONTEXT_PROPS,
} from '../../../shared/constants/metametrics';
import { SUPPORT_LINK } from '../../../shared/lib/ui-utils';
import { isBeta } from '../../helpers/utils/build-types';
export default class UnlockPage extends Component {
static contextTypes = {
@ -176,6 +177,11 @@ export default class UnlockPage extends Component {
width="120"
height="120"
/>
{isBeta() ? (
<div className="unlock-page__mascot-container__beta">
{t('beta')}
</div>
) : null}
</div>
<h1 className="unlock-page__title">{t('welcomeBack')}</h1>
<div>{t('unlockMessage')}</div>

Loading…
Cancel
Save