This repository has been archived by the owner on Aug 5, 2022. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
theme.js
166 lines (161 loc) · 14.4 KB
/
theme.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
import ApollosConfig from '@apollosproject/config';
import Svg, { Path } from 'react-native-svg';
import FRAGMENTS from '@apollosproject/ui-fragments';
import { makeIcon } from '@apollosproject/ui-kit';
import { Appearance } from 'react-native';
const deviceColorScheme = Appearance.getColorScheme();
const THEME = {
colors: {
primary: deviceColorScheme === 'light' ? '#000' : '#8e8e93',
secondary: deviceColorScheme === 'light' ? '#000' : '#b1b1b8',
tertiary: deviceColorScheme === 'light' ? '#000' : '#8e8e93',
},
typography: {},
overrides: {},
};
const ICONS = {
BrandIcon: makeIcon(({ size = 32, fill } = {}) => (
<Svg
width={size}
height={size}
viewBox="0 0 498 498"
fill="none"
xmlns="http://www.w3.org/2000/Svg"
>
<Path
fill-rule="evenodd"
clip-rule="evenodd"
d="M178.667 191.696C178.667 191.504 178.768 191.604 178.768 191.696C196.668 232.203 216.363 270.888 245.327 300.4C246.088 299.139 246.843 297.877 247.697 296.733C228.279 270.415 209.901 243.873 198.471 209.844C194.64 198.451 191.759 185.767 192.16 170.853C206.247 214.755 227.944 251.035 255.257 281.644C255.391 279.835 257.125 278.255 257.008 276.612C256.957 275.343 253.48 271.424 252.667 270.18C242.283 255.636 232.981 239.487 225.413 222.436C216.363 202.151 209.809 180.655 208.704 153.397C227.643 151.327 244.371 156.36 258.533 161.916C272.676 167.473 285.716 174.579 297.935 181.808C310.204 189.165 321.769 197.483 332.915 206.157C366.353 232.257 395.82 261.192 421.699 295.572C430.163 306.636 438.375 318.313 445.768 330.787C453.159 343.484 459.964 357.107 465.211 371.103C437.403 419.119 397.612 456.286 343.909 478.663C316.84 489.976 285.264 497.431 248.259 497.431C211.083 497.431 180.059 489.716 153.04 478.352C126.456 467.227 103.409 452.096 82.9615 434.003C63.0162 416.29 45.4172 394.584 32.0084 370.679C11.8287 334.727 -2.6453 289.011 0.78177 231.5C1.82084 213.96 5.3079 198.065 9.12977 182.725C27.7418 217.709 50.6636 248.768 76.5084 276.913C102.263 304.951 130.295 330.633 161.789 353.121C182.816 368.052 205.065 381.843 230.525 391.907C243.768 397.203 257.343 401.88 274.033 402.336C283.219 402.596 291.029 401.247 297.164 398.465C303.197 395.951 307.707 391.132 312.433 386.937C317.143 382.839 321.952 378.632 326.813 374.412C331.524 370.159 336.72 366.175 340.121 360.932C343.743 355.325 345.872 348.876 346.543 340.333C347.195 332.317 346.157 323.715 344.497 315.908C341.613 301.863 335.68 288.717 330.015 276.524C313.003 239.859 290.056 208.52 266.277 178.899C265.505 179.837 264.988 181.028 264.24 181.996C276.799 198.904 288.347 216.532 298.656 235.589C308.88 254.617 317.913 275.456 321.952 300.4C313.355 280.844 303.516 262.025 292.956 244.267C282.364 226.496 270.748 209.613 256.74 195.621C256.137 197.009 255.391 198.292 254.871 199.712C273.499 225.059 291.515 250.427 302.444 283.521C306.097 294.627 309.097 306.899 308.477 321.037C294.549 279.985 273.916 245.667 248.259 216.401C248.243 218.371 246.432 220.408 246.643 222.301C246.776 223.396 249.969 227.151 250.689 228.311C260.311 242.211 269.021 257.056 276.213 273.277C284.693 292.316 291.029 312.292 291.9 338.196C273.228 340.497 256.521 335.347 242.427 329.799C228.096 324.293 215.172 317.169 202.996 309.873C178.199 295.204 155.872 277.337 135.7 258.648C105.345 230.372 77.549 198.292 55.3068 161.183C47.747 148.603 40.7402 135.183 35.6036 121.036C64.1896 75.4787 103.46 39.3053 156.703 18.1773C183.628 7.49734 214.628 0.569336 251.043 0.569336C287.375 0.569336 317.612 8.51465 344.045 19.484C395.969 41.04 435.861 77.1253 463.484 123.995C484.049 158.815 498.296 201.544 497.223 257.839C496.855 275.64 493.955 291.903 490.436 307.149C478.032 283.785 463.533 262.323 447.661 242.373C431.856 222.457 414.76 203.613 396.221 186.181C377.868 169.023 358.676 152.316 337.457 137.491C316.455 122.741 293.895 108.612 268.468 99.0667C255.013 94.0133 241.052 89.6013 224.516 89.2653C215.24 89.0267 208 90.836 202.132 93.7987C196.317 96.648 191.799 101.593 187.148 105.641C182.439 109.789 177.663 114.004 172.784 118.304C168.056 122.391 162.844 126.42 159.611 131.935C152.931 143.043 152.755 161.916 156.056 177.424C159.091 191.504 164.496 204.879 170.119 217.111C187.013 253.8 210.103 285.256 233.593 314.865C235 314.013 235.839 312.493 236.996 311.34C218.457 285.889 200.556 258.992 188.323 226.811C184.181 215.916 180.545 203.923 178.667 191.696Z"
fill={fill}
/>
<Path
fill-rule="evenodd"
clip-rule="evenodd"
d="M485.004 325.45C485.004 325.45 483.664 330.327 481.5 336.403C481.5 336.403 444.56 249.891 349.257 171.667C349.257 171.667 441.124 228.802 485.004 325.45Z"
fill={fill}
/>
<Path
fill-rule="evenodd"
clip-rule="evenodd"
d="M477.111 346.3C477.111 346.3 474.344 351.281 472.283 357.057C472.283 357.057 439.315 278.004 356.732 201.12C356.732 201.12 435.744 255.292 477.111 346.3Z"
fill={fill}
/>
<Path
fill-rule="evenodd"
clip-rule="evenodd"
d="M15.675 165.796C15.675 165.796 16.9901 160.973 19.2026 154.846C19.2026 154.846 56.0943 241.425 151.423 319.641C151.423 319.641 59.5969 262.449 15.675 165.796Z"
fill={fill}
/>
<Path
fill-rule="evenodd"
clip-rule="evenodd"
d="M23.5684 144.988C23.5684 144.988 26.3433 139.997 28.4214 134.185C28.4214 134.185 61.3313 213.284 143.963 290.109C143.963 290.109 64.9772 236.025 23.5684 144.988Z"
fill={fill}
/>
</Svg>
)),
BrandLogo: makeIcon(({ size = 32, fill } = {}) => (
<Svg
width={size * 4}
height={size}
viewBox="0 0 1007 99"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<Path
d="M51.172 53.8428C44.556 47.3734 38.084 46.1987 33.6744 46.1987C26.9099 46.1987 22.6457 48.992 19.9984 51.6387C17.3515 54.2867 14.7041 58.9919 14.7041 65.9028C14.7041 73.1095 17.4984 77.96 20.2927 80.7534C23.5271 83.8428 28.0869 85.7548 33.3787 85.7548C39.2613 85.7548 46.1733 83.4012 51.172 77.8132V93.8398C47.6427 96.048 41.908 98.6934 32.3489 98.6934C22.0557 98.6934 14.7041 95.7518 8.82134 89.5788C4.41147 85.0184 0 77.6668 0 66.3439C0 54.7278 4.85254 46.9334 9.40987 42.3747C14.264 37.5214 22.0557 33.2574 34.2615 33.2574C38.9667 33.2574 44.556 33.9934 51.172 37.6694V53.8428Z"
fill={fill}
/>
<Path
d="M103.221 57.5215C102.632 54.1387 101.017 51.1974 98.8093 49.1387C96.8987 47.3734 93.8107 45.6094 89.1053 45.6094C84.104 45.6094 80.8693 47.6694 78.9587 49.5814C76.9 51.4907 75.2827 54.4319 74.548 57.5215H103.221ZM117.485 82.6652C114.839 87.3704 111.015 91.4882 107.045 93.9882C102.044 97.2226 95.4267 98.6934 88.8093 98.6934C80.576 98.6934 73.8107 96.6362 67.9293 90.7534C62.0467 84.872 58.812 76.3428 58.812 67.0788C58.812 57.5215 62.1947 48.256 68.664 41.6387C73.8107 36.492 80.576 33.2574 89.3987 33.2574C99.2493 33.2574 105.575 37.5214 109.249 41.3454C117.189 49.5814 117.927 61.0491 117.927 67.5184V69.2851H73.5187C73.8107 73.696 75.7227 78.696 78.812 81.784C82.1933 85.1652 86.3107 85.7548 89.84 85.7548C93.8107 85.7548 96.752 84.872 99.6907 82.6652C102.192 80.7534 104.104 78.2559 105.427 75.9028L117.485 82.6652"
fill={fill}
/>
<Path
d="M144.385 -0.00016513V96.7822H129.976V-0.00016513H144.385Z"
fill={fill}
/>
<Path
d="M200.848 57.5215C200.259 54.1387 198.643 51.1974 196.436 49.1387C194.524 47.3734 191.437 45.6094 186.732 45.6094C181.731 45.6094 178.496 47.6694 176.584 49.5814C174.527 51.4907 172.908 54.4319 172.175 57.5215H200.848ZM215.112 82.6652C212.464 87.3704 208.64 91.4882 204.672 93.9882C199.671 97.2226 193.053 98.6934 186.436 98.6934C178.203 98.6934 171.437 96.6362 165.557 90.7534C159.673 84.872 156.439 76.3428 156.439 67.0788C156.439 57.5215 159.821 48.256 166.292 41.6387C171.437 36.492 178.203 33.2574 187.024 33.2574C196.877 33.2574 203.2 37.5214 206.876 41.3454C214.817 49.5814 215.553 61.0491 215.553 67.5184V69.2851H171.144C171.437 73.696 173.349 78.696 176.439 81.784C179.821 85.1652 183.937 85.7548 187.465 85.7548C191.437 85.7548 194.379 84.872 197.317 82.6652C199.819 80.7534 201.731 78.2559 203.053 75.9028L215.112 82.6652"
fill={fill}
/>
<Path
d="M241.129 66.196C241.129 79.1371 249.512 85.7548 258.629 85.7548C269.071 85.7548 275.833 76.784 275.833 66.0507C275.833 55.0215 269.071 46.1987 258.629 46.1987C249.512 46.1987 241.129 52.6679 241.129 66.196V66.196ZM242.013 42.08C247.896 34.4347 255.836 33.2574 260.393 33.2574C276.715 33.2574 290.539 45.6094 290.539 65.7548C290.539 82.8132 279.656 98.6934 260.541 98.6934C256.129 98.6934 248.336 97.6643 242.013 90.3122V96.7824H227.603V1.92668e-05H242.013V42.08"
fill={fill}
/>
<Path
d="M302.589 34.8758H317V40.4625C318.617 38.5518 320.969 36.4918 323.027 35.3158C325.821 33.6985 328.617 33.2572 331.852 33.2572C335.38 33.2572 339.204 33.8452 343.176 36.1985L337.292 49.2852C334.057 47.2278 331.411 47.0798 329.94 47.0798C326.852 47.0798 323.764 47.5212 320.969 50.4625C317 54.7276 317 60.6078 317 64.725V96.7822H302.589V34.8758Z"
fill={fill}
/>
<Path
d="M356.843 66.0507C356.843 76.784 363.608 85.7548 374.048 85.7548C383.167 85.7548 391.547 79.1371 391.547 66.196C391.547 52.6679 383.167 46.1987 374.048 46.1987C363.608 46.1987 356.843 55.0215 356.843 66.0507V66.0507ZM390.665 34.876H405.075V96.7824H390.665V90.3122C384.341 97.6643 376.548 98.6934 372.136 98.6934C353.02 98.6934 342.139 82.8132 342.139 65.7548C342.139 45.6094 355.961 33.2574 372.284 33.2574C376.843 33.2574 384.783 34.4347 390.665 42.08V34.876"
fill={fill}
/>
<Path
d="M435.212 48.1105V96.7822H420.799V48.1105H414.771V34.8758H420.799V12.2292H435.212V34.8758H446.24V48.1105H435.212Z"
fill={fill}
/>
<Path
d="M467.409 34.8758V96.7822H453V34.8758H467.409ZM460.205 0.0251659C465.499 0.0251659 469.469 3.9945 469.469 9.28783C469.469 14.5825 465.499 18.5518 460.205 18.5518C454.911 18.5518 450.941 14.5825 450.941 9.28783C450.941 3.9945 454.911 0.0251659 460.205 0.0251659Z"
fill={fill}
/>
<Path
d="M530.928 66.0507C530.928 51.9334 521.665 46.1987 512.548 46.1987C503.432 46.1987 494.167 51.9334 494.167 66.0507C494.167 77.96 501.225 85.7548 512.548 85.7548C523.871 85.7548 530.928 77.96 530.928 66.0507V66.0507ZM545.633 65.9028C545.633 84.872 531.223 98.6934 512.548 98.6934C493.873 98.6934 479.463 84.872 479.463 65.9028C479.463 46.7854 493.873 33.2574 512.548 33.2574C531.223 33.2574 545.633 46.7854 545.633 65.9028Z"
fill={fill}
/>
<Path
d="M557.537 34.8758H571.948V40.6105C578.124 33.6985 585.183 33.2572 588.712 33.2572C600.181 33.2572 605.033 38.9918 606.945 41.6385C609.297 45.0212 610.769 49.2852 610.769 58.8437V96.7822H596.356V62.3718C596.356 46.6398 590.476 46.1985 585.033 46.1985C578.565 46.1985 571.948 47.0798 571.948 67.0786V96.7822H557.537V34.8758"
fill={fill}
/>
<Path
d="M634.579 80.9011C639.432 80.9011 643.404 84.8719 643.404 89.7241C643.404 94.5771 639.432 98.5454 634.579 98.5454C629.729 98.5454 625.757 94.5771 625.757 89.7241C625.757 84.8719 629.729 80.9011 634.579 80.9011Z"
fill={fill}
/>
<Path
d="M706.336 53.8428C699.719 47.3734 693.248 46.1987 688.837 46.1987C682.072 46.1987 677.807 48.992 675.161 51.6387C672.516 54.2867 669.867 58.9919 669.867 65.9028C669.867 73.1095 672.661 77.96 675.455 80.7534C678.688 83.8428 683.248 85.7548 688.543 85.7548C694.424 85.7548 701.335 83.4012 706.336 77.8132V93.8398C702.805 96.048 697.071 98.6934 687.515 98.6934C677.221 98.6934 669.867 95.7518 663.985 89.5788C659.573 85.0184 655.161 77.6668 655.161 66.3439C655.161 54.7278 660.016 46.9334 664.572 42.3747C669.425 37.5214 677.221 33.2574 689.425 33.2574C694.131 33.2574 699.719 33.9934 706.336 37.6694V53.8428"
fill={fill}
/>
<Path
d="M717.212 -0.00016513H731.621V40.1705C737.797 33.8452 744.563 33.2572 748.239 33.2572C759.561 33.2572 764.708 39.1398 766.472 41.6385C770.295 47.2278 770.441 54.4317 770.441 58.8437V96.7822H756.031V60.1677C756.031 56.4917 756.031 52.5198 753.237 49.4332C751.619 47.6692 748.825 46.1985 745.149 46.1985C740.297 46.1985 736.475 48.5505 734.563 51.3452C732.504 54.2865 731.621 58.9917 731.621 66.9317V96.7822H717.212V-0.00016513"
fill={fill}
/>
<Path
d="M798.521 34.876V70.3122C798.521 73.9908 798.671 78.2559 801.169 81.4892C803.08 83.9882 806.461 85.7548 810.579 85.7548C814.699 85.7548 818.079 83.9882 819.991 81.4892C822.491 78.2559 822.639 73.9908 822.639 70.3122V34.876H837.049V70.7559C837.049 78.696 836.167 85.3132 830.431 91.0466C824.844 96.6362 817.196 98.6934 810.287 98.6934C803.961 98.6934 796.317 96.7824 790.731 91.0466C784.995 85.3132 784.113 78.696 784.113 70.7559V34.876H798.521"
fill={fill}
/>
<Path
d="M852.335 34.8758H866.744V40.4625C868.363 38.5518 870.716 36.4918 872.773 35.3158C875.567 33.6985 878.36 33.2572 881.595 33.2572C885.127 33.2572 888.949 33.8452 892.917 36.1985L887.037 49.2852C883.801 47.2278 881.155 47.0798 879.685 47.0798C876.596 47.0798 873.509 47.5212 870.716 50.4625C866.744 54.7276 866.744 60.6078 866.744 64.725V96.7822H852.335V34.8758"
fill={fill}
/>
<Path
d="M941.585 53.8428C934.968 47.3734 928.499 46.1987 924.087 46.1987C917.321 46.1987 913.057 48.992 910.411 51.6387C907.765 54.2867 905.117 58.9919 905.117 65.9028C905.117 73.1095 907.909 77.96 910.704 80.7534C913.941 83.8428 918.499 85.7548 923.793 85.7548C929.675 85.7548 936.584 83.4012 941.585 77.8132V93.8398C938.056 96.048 932.32 98.6934 922.764 98.6934C912.469 98.6934 905.117 95.7518 899.236 89.5788C894.824 85.0184 890.413 77.6668 890.413 66.3439C890.413 54.7278 895.264 46.9334 899.824 42.3747C904.676 37.5214 912.469 33.2574 924.676 33.2574C929.381 33.2574 934.968 33.9934 941.585 37.6694V53.8428Z"
fill={fill}
/>
<Path
d="M952.461 -0.00016513H966.871V40.1705C973.048 33.8452 979.811 33.2572 983.488 33.2572C994.811 33.2572 999.959 39.1398 1001.72 41.6385C1005.55 47.2278 1005.69 54.4317 1005.69 58.8437V96.7822H991.281V60.1677C991.281 56.4917 991.281 52.5198 988.487 49.4332C986.871 47.6692 984.075 46.1985 980.4 46.1985C975.548 46.1985 971.725 48.5505 969.812 51.3452C967.753 54.2865 966.871 58.9917 966.871 66.9317V96.7822H952.461V-0.00016513"
fill={fill}
/>
</Svg>
)),
};
const TABS = {
Home: {
showProfile: true,
showLogo: true,
showSearch: true,
headerHideShadow: true,
headerLargeTitle: false,
},
'Next Steps': {
showProfile: true,
},
Watch: {
showProfile: true,
},
Give: {
showProfile: true,
},
Connect: {
showProfile: true,
},
};
ApollosConfig.loadJs({ FRAGMENTS, THEME, ICONS, TABS });