LoginBackground.tsx 19 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240
  1. import React, { Component } from 'react';
  2. const xCount = 50;
  3. const yCount = 50;
  4. function Cell({ x, y, flipIndex }) {
  5. const index = (y * xCount) + x;
  6. const bgColor1 = getColor(x, y);
  7. return (
  8. <div className={`login-bg__item ${flipIndex === index ? 'login-bg-flip' : ''}`} key={index} style={{background: bgColor1}} />
  9. );
  10. }
  11. function getRandomInt(min, max) {
  12. min = Math.ceil(min);
  13. max = Math.floor(max);
  14. return Math.floor(Math.random() * (max - min)) + min; //The maximum is exclusive and the minimum is inclusive
  15. }
  16. export default class LoginBackground extends Component<any, any> {
  17. cancelInterval: any;
  18. constructor(props) {
  19. super(props);
  20. this.state = {
  21. flipIndex: null,
  22. };
  23. this.flipElements = this.flipElements.bind(this);
  24. }
  25. flipElements() {
  26. const elementIndexToFlip = getRandomInt(0, (xCount * yCount) - 1);
  27. this.setState(prevState => {
  28. return {
  29. ...prevState,
  30. flipIndex: elementIndexToFlip,
  31. };
  32. });
  33. }
  34. componentWillMount() {
  35. this.cancelInterval = setInterval(this.flipElements, 3000);
  36. }
  37. componentWillUnmount() {
  38. clearInterval(this.cancelInterval);
  39. }
  40. render() {
  41. console.log('re-render!', this.state.flipIndex);
  42. return (
  43. <div className="login-bg">
  44. {Array.from(Array(yCount)).map((el, y) => {
  45. return (
  46. <div className="login-bg__row">
  47. {Array.from(Array(xCount)).map((el2, x) => {
  48. return (
  49. <Cell y={y} x={x} flipIndex={this.state.flipIndex} />
  50. );
  51. })}
  52. </div>
  53. );
  54. })}
  55. </div>
  56. );
  57. }
  58. }
  59. function getColor(x, y) {
  60. const colors = [
  61. '#14161A',
  62. '#111920',
  63. '#121E27',
  64. '#13212B',
  65. '#122029',
  66. '#101C24',
  67. '#0F1B23',
  68. '#0F1B22',
  69. '#111C24',
  70. '#101A22',
  71. '#101A21',
  72. '#111D25',
  73. '#101E27',
  74. '#101D26',
  75. '#101B23',
  76. '#11191E',
  77. '#131519',
  78. '#131518',
  79. '#101B21',
  80. '#121F29',
  81. '#10232D',
  82. '#11212B',
  83. '#0E1C25',
  84. '#0E1C24',
  85. '#111F29',
  86. '#11222B',
  87. '#101E28',
  88. '#102028',
  89. '#111F2A',
  90. '#11202A',
  91. '#11191F',
  92. '#121417',
  93. '#12191D',
  94. '#101D25',
  95. '#11212C',
  96. '#10242F',
  97. '#0F212B',
  98. '#0F1E27',
  99. '#0F1D26',
  100. '#0F1F29',
  101. '#0F2029',
  102. '#11232E',
  103. '#10212B',
  104. '#10222C',
  105. '#0F202A',
  106. '#112530',
  107. '#10252F',
  108. '#0F242E',
  109. '#10222D',
  110. '#10202A',
  111. '#0F1C24',
  112. '#0F1E28',
  113. '#0F212A',
  114. '#0F222B',
  115. '#14171A',
  116. '#0F1A20',
  117. '#0F1C25',
  118. '#10232E',
  119. '#0E202A',
  120. '#0E1E27',
  121. '#0E1D26',
  122. '#0F202B',
  123. '#11232F',
  124. '#102632',
  125. '#102530',
  126. '#122430',
  127. '#0F1B21',
  128. '#0F212C',
  129. '#0E1F29',
  130. '#112531',
  131. '#0F2734',
  132. '#0F2835',
  133. '#0D1B23',
  134. '#0F1A21',
  135. '#0F1A23',
  136. '#0F1D27',
  137. '#0F222D',
  138. '#102430',
  139. '#102531',
  140. '#10222E',
  141. '#0F232D',
  142. '#0E2633',
  143. '#0E2734',
  144. '#0F2834',
  145. '#0E2835',
  146. '#0F2633',
  147. '#0F2532',
  148. '#0E1A22',
  149. '#0D1C24',
  150. '#0F2735',
  151. '#0F2937',
  152. '#102A38',
  153. '#112938',
  154. '#102A39',
  155. '#0F2A38',
  156. '#102836',
  157. '#0E1B23',
  158. '#0F2938',
  159. '#102A3A',
  160. '#102D3D',
  161. '#0F3040',
  162. '#102D3E',
  163. '#0F2E3E',
  164. '#112C3B',
  165. '#102B3B',
  166. '#102B3A',
  167. '#102D3C',
  168. '#0F2A39',
  169. '#0F2634',
  170. '#0E2029',
  171. '#0E1A21',
  172. '#0F2B39',
  173. '#0F2D3D',
  174. '#0F2F40',
  175. '#0E3142',
  176. '#113445',
  177. '#122431',
  178. '#102E3E',
  179. '#0F3345',
  180. '#0E2F40',
  181. '#0F3143',
  182. '#102C3C',
  183. '#0F2B3A',
  184. '#0F1F28',
  185. '#0F3344',
  186. '#113548',
  187. '#113C51',
  188. '#144258',
  189. '#103A4E',
  190. '#103A4F',
  191. '#103547',
  192. '#10364A',
  193. '#103649',
  194. '#0F3448',
  195. '#102C3A',
  196. '#0F2836',
  197. '#103447',
  198. '#0F384C',
  199. '#123F55',
  200. '#15445A',
  201. '#133F55',
  202. '#103B50',
  203. '#113E54',
  204. '#103446',
  205. '#0F3A4F',
  206. '#0F3548',
  207. '#0D3142',
  208. '#102C3B',
  209. '#0E2937',
  210. '#103D52',
  211. '#0E3544',
  212. '#184C65',
  213. '#154760',
  214. '#14435B',
  215. '#15465F',
  216. '#124159',
  217. '#0F3D53',
  218. '#103C51',
  219. '#0F3447',
  220. '#0E3243',
  221. '#113143',
  222. '#113D53',
  223. '#184B64',
  224. '#184D67',
  225. '#184C66',
  226. '#174A63',
  227. '#15455C',
  228. '#13425A',
  229. '#14445A',
  230. '#10384C',
  231. '#0E3446',
  232. '#10181E',
  233. '#103243',
  234. '#0F384D',
  235. '#14455C',
  236. '#164761',
  237. '#164C66',
  238. '#1D627D',
  239. '#12425A',
  240. '#164A63',
  241. '#14465D',
  242. '#13435A',
  243. '#0A2B38',
  244. '#0F3446',
  245. '#0D2F40',
  246. '#0D2F3F',
  247. '#0F2531',
  248. '#102937',
  249. '#10384B',
  250. '#0F3649',
  251. '#184E68',
  252. '#1A5472',
  253. '#184D68',
  254. '#154A63',
  255. '#19506B',
  256. '#19536F',
  257. '#1A4F69',
  258. '#144760',
  259. '#114058',
  260. '#0E3A4F',
  261. '#0E3547',
  262. '#0C3042',
  263. '#0E1B24',
  264. '#11222C',
  265. '#154C65',
  266. '#1A5776',
  267. '#1B5675',
  268. '#113847',
  269. '#1A5371',
  270. '#194E68',
  271. '#0E2D3D',
  272. '#112D3B',
  273. '#113D52',
  274. '#18516D',
  275. '#1A5979',
  276. '#1B5878',
  277. '#19526E',
  278. '#1A526E',
  279. '#13435B',
  280. '#0F3E55',
  281. '#0B374C',
  282. '#0E3448',
  283. '#0D2E3F',
  284. '#0F2B3B',
  285. '#112E3E',
  286. '#113B50',
  287. '#15465D',
  288. '#1A526F',
  289. '#1E5E81',
  290. '#1D5B7B',
  291. '#1A5777',
  292. '#154456',
  293. '#113949',
  294. '#0D394E',
  295. '#0F3549',
  296. '#0F2C3B',
  297. '#0E2733',
  298. '#112E3D',
  299. '#123D52',
  300. '#10394C',
  301. '#1B5674',
  302. '#1A5370',
  303. '#144861',
  304. '#104058',
  305. '#104159',
  306. '#0E384C',
  307. '#0D2D3D',
  308. '#0E2533',
  309. '#112C3A',
  310. '#1B5979',
  311. '#1B5C7D',
  312. '#1A5675',
  313. '#104057',
  314. '#0F3C51',
  315. '#11425A',
  316. '#0E394D',
  317. '#0C3243',
  318. '#0E2735',
  319. '#112F3E',
  320. '#134158',
  321. '#1D5E7F',
  322. '#1D6083',
  323. '#1C5877',
  324. '#1A5573',
  325. '#184D66',
  326. '#164962',
  327. '#0F3D54',
  328. '#0E3D53',
  329. '#0E3447',
  330. '#0F2A3A',
  331. '#0F2936',
  332. '#101F28',
  333. '#103040',
  334. '#124056',
  335. '#164E69',
  336. '#144B64',
  337. '#164D66',
  338. '#0F3E54',
  339. '#0E3B51',
  340. '#0D3346',
  341. '#0E1F27',
  342. '#124158',
  343. '#164961',
  344. '#0E3C52',
  345. '#19506C',
  346. '#0F2C3C',
  347. '#0E3244',
  348. '#0E2A39',
  349. '#0E2938',
  350. '#113040',
  351. '#134057',
  352. '#1A5471',
  353. '#154B63',
  354. '#1C597A',
  355. '#164760',
  356. '#10374B',
  357. '#0E374C',
  358. '#0E384D',
  359. '#11242F',
  360. '#10394D',
  361. '#18526E',
  362. '#154B65',
  363. '#103F55',
  364. '#0D3345',
  365. '#102532',
  366. '#102029',
  367. '#113142',
  368. '#1B5973',
  369. '#1A516B',
  370. '#1C5979',
  371. '#1C5A7A',
  372. '#184A65',
  373. '#164C65',
  374. '#0D3041',
  375. '#123142',
  376. '#123E54',
  377. '#1B5877',
  378. '#1A5574',
  379. '#1C5878',
  380. '#13435C',
  381. '#0F374B',
  382. '#0C3143',
  383. '#112F40',
  384. '#123C51',
  385. '#174E68',
  386. '#1D5C7D',
  387. '#14465F',
  388. '#0F3F56',
  389. '#0B3041',
  390. '#123243',
  391. '#15435B',
  392. '#19516D',
  393. '#1D5D7E',
  394. '#1C5C7D',
  395. '#184F69',
  396. '#11374B',
  397. '#103E54',
  398. '#0E3143',
  399. '#0F2D3C',
  400. '#11242E',
  401. '#133445',
  402. '#1A5674',
  403. '#1D6184',
  404. '#1F658B',
  405. '#0D3A50',
  406. '#0C374B',
  407. '#154862',
  408. '#164B64',
  409. '#154961',
  410. '#0D384D',
  411. '#102631',
  412. '#113242',
  413. '#134259',
  414. '#185270',
  415. '#1D6386',
  416. '#1E678C',
  417. '#1C5978',
  418. '#0D3549',
  419. '#0F2632',
  420. '#184961',
  421. '#1D5E80',
  422. '#1E6488',
  423. '#1F678D',
  424. '#1E5B7C',
  425. '#164862',
  426. '#19526D',
  427. '#113C52',
  428. '#15455E',
  429. '#0F2F3F',
  430. '#144259',
  431. '#194D67',
  432. '#1D6991',
  433. '#195777',
  434. '#19516C',
  435. '#103F56',
  436. '#144660',
  437. '#0D2E3E',
  438. '#10212A',
  439. '#113141',
  440. '#16455C',
  441. '#1D5B7C',
  442. '#1F6589',
  443. '#1E668C',
  444. '#1E5F81',
  445. '#0F3B50',
  446. '#0D3244',
  447. '#164A64',
  448. '#184E69',
  449. '#0E364A',
  450. '#0E2E3E',
  451. '#10222B',
  452. '#19475E',
  453. '#1B5A7B',
  454. '#1E5D7F',
  455. '#1E678D',
  456. '#1E6184',
  457. '#19506A',
  458. '#1B5370',
  459. '#1B5573',
  460. '#0E3041',
  461. '#122E3E',
  462. '#16455B',
  463. '#195370',
  464. '#1D6489',
  465. '#1D6B93',
  466. '#164A65',
  467. '#154A64',
  468. '#1A5572',
  469. '#1D6082',
  470. '#1F6286',
  471. '#1D6C94',
  472. '#1E709A',
  473. '#174A65',
  474. '#1B526F',
  475. '#1E6589',
  476. '#1D6384',
  477. '#0D3143',
  478. '#0E2F3F',
  479. '#174760',
  480. '#1F6487',
  481. '#1D668C',
  482. '#0D2F41',
  483. '#103B4F',
  484. '#1C5C7E',
  485. '#1F688F',
  486. '#1C5B7C',
  487. '#164D68',
  488. '#1D6285',
  489. '#0D364A',
  490. '#1D5A7A',
  491. '#1E6990',
  492. '#1D6488',
  493. '#18516B',
  494. '#1A506B',
  495. '#0E3B50',
  496. '#0E3548',
  497. '#124259',
  498. '#13455C',
  499. '#14485F',
  500. '#1E5C7D',
  501. '#122D3C',
  502. '#1E6E98',
  503. '#1E6A91',
  504. '#1E6286',
  505. '#1E6C95',
  506. '#1D6990',
  507. '#101F29',
  508. '#174A62',
  509. '#10394E',
  510. '#1D6D96',
  511. '#1E688E',
  512. '#1D6E97',
  513. '#1E6C94',
  514. '#0E394E',
  515. '#112B39',
  516. '#195270',
  517. '#1E668B',
  518. '#1E6386',
  519. '#1D6385',
  520. '#0C3142',
  521. '#1E6083',
  522. '#1E729C',
  523. '#1F709A',
  524. '#1E6F98',
  525. '#1D5F81',
  526. '#1F688D',
  527. '#1C6488',
  528. '#1D6588',
  529. '#1C6A93',
  530. '#1E658B',
  531. '#1F6C95',
  532. '#0D3C52',
  533. '#1C6385',
  534. '#1E5F82',
  535. '#0E3D54',
  536. '#0F3244',
  537. '#18485F',
  538. '#1E6991',
  539. '#1C5B7B',
  540. '#1F6082',
  541. '#0F3346',
  542. '#18536F',
  543. '#114056',
  544. '#1D6B92',
  545. '#1B5776',
  546. '#0F3C52',
  547. '#1E6890',
  548. '#1F688E',
  549. '#0C394E',
  550. '#0F1D25',
  551. '#1F6386',
  552. '#1E688D',
  553. '#1F6488',
  554. '#20668C',
  555. '#1D5978',
  556. '#0F3D52',
  557. '#0F1E26',
  558. '#13465F',
  559. '#0D374C',
  560. '#1B5C7C',
  561. '#0E1A23',
  562. '#0F374A',
  563. '#1B5574',
  564. '#0F394C',
  565. '#0E2A38',
  566. '#102A37',
  567. '#18506B',
  568. '#1E5A7A',
  569. '#0F3245',
  570. '#0E2E3F',
  571. '#1E678E',
  572. '#1C5D7E',
  573. '#1A5A7A',
  574. '#0E2837',
  575. '#102733',
  576. '#0F3B51',
  577. '#15475E',
  578. '#1E6B93',
  579. '#1E648A',
  580. '#194961',
  581. '#0F3A4E',
  582. '#0E1D25',
  583. '#194F69',
  584. '#103345',
  585. '#0F394D',
  586. '#102B39',
  587. '#103E55',
  588. '#1B5572',
  589. '#164861',
  590. '#174861',
  591. '#113B4F',
  592. '#102936',
  593. '#0F3041',
  594. '#174961',
  595. '#113E53',
  596. '#134056',
  597. '#124057',
  598. '#194B63',
  599. '#0E364B',
  600. '#15445B',
  601. '#16475E',
  602. '#102F3F',
  603. '#16485F',
  604. '#0F2E3D',
  605. '#101920',
  606. '#12222C',
  607. '#122C3B',
  608. '#144157',
  609. '#123B50',
  610. '#16465D',
  611. '#184960',
  612. '#112B3A',
  613. '#12232F',
  614. '#132430',
  615. '#113344',
  616. '#11394C',
  617. '#113649',
  618. '#11364A',
  619. '#133F56',
  620. '#121D25',
  621. '#112733',
  622. '#112A38',
  623. '#0F1F2A',
  624. '#113447',
  625. '#113A4E',
  626. '#0F222C',
  627. '#13222B',
  628. '#112836',
  629. '#102F3E',
  630. '#113243',
  631. '#123445',
  632. '#12374B',
  633. '#121E26',
  634. '#122531',
  635. '#11303F',
  636. '#0D1D25',
  637. '#102835',
  638. '#112834',
  639. '#101C23',
  640. '#111C23',
  641. '#12212B',
  642. '#11222D',
  643. '#0E1B22',
  644. '#0E1D27',
  645. '#121C22',
  646. '#12202A',
  647. '#101A20',
  648. '#13191E',
  649. '#111E28',
  650. '#11212D',
  651. '#0F1B24',
  652. '#0F1C23',
  653. '#13181D',
  654. '#15171A',
  655. '#121D23',
  656. '#121F27',
  657. '#111E27',
  658. '#101B22',
  659. '#121F28',
  660. '#111E26',
  661. '#101D24',
  662. '#111C22',
  663. '#12161E',
  664. '#101925',
  665. '#121E2D',
  666. '#112033',
  667. '#111E2F',
  668. '#0F1B29',
  669. '#0F1A28',
  670. '#101B2A',
  671. '#0E1A27',
  672. '#101C2B',
  673. '#111D2D',
  674. '#111D2B',
  675. '#0F1B28',
  676. '#101923',
  677. '#13161D',
  678. '#13161C',
  679. '#0F1A26',
  680. '#101E2F',
  681. '#112235',
  682. '#102031',
  683. '#0F1B2A',
  684. '#112031',
  685. '#102032',
  686. '#101D2E',
  687. '#121F2F',
  688. '#112133',
  689. '#101E30',
  690. '#101F30',
  691. '#102336',
  692. '#101B2C',
  693. '#0F1C2B',
  694. '#111E2E',
  695. '#0F2134',
  696. '#102236',
  697. '#0F2133',
  698. '#101F31',
  699. '#0F2438',
  700. '#102337',
  701. '#102235',
  702. '#102133',
  703. '#11171E',
  704. '#101F2F',
  705. '#102030',
  706. '#102234',
  707. '#102132',
  708. '#12181F',
  709. '#0F1A25',
  710. '#0F2135',
  711. '#0F1F30',
  712. '#0F1C2D',
  713. '#101D2C',
  714. '#0F2033',
  715. '#0E2338',
  716. '#0F2237',
  717. '#0F2236',
  718. '#0B243B',
  719. '#0D2338',
  720. '#0E1A26',
  721. '#0F1D2E',
  722. '#0F2032',
  723. '#0D2339',
  724. '#0B253F',
  725. '#0A253F',
  726. '#0A253E',
  727. '#0C2439',
  728. '#0E1925',
  729. '#0E2135',
  730. '#0F2235',
  731. '#0A243A',
  732. '#08253E',
  733. '#09253E',
  734. '#0A263F',
  735. '#0A243C',
  736. '#0B233B',
  737. '#0E1A28',
  738. '#0D1A26',
  739. '#09253F',
  740. '#0A2743',
  741. '#0B2844',
  742. '#0B2641',
  743. '#0A2744',
  744. '#0A2844',
  745. '#0B2743',
  746. '#092745',
  747. '#0F2337',
  748. '#101D2D',
  749. '#092743',
  750. '#092846',
  751. '#0E2B4C',
  752. '#102E4F',
  753. '#0E2C4D',
  754. '#0B2A49',
  755. '#082947',
  756. '#0D2B4B',
  757. '#0C2A4A',
  758. '#092946',
  759. '#082845',
  760. '#0C2B4B',
  761. '#0F2D4E',
  762. '#103051',
  763. '#133257',
  764. '#0E2D4E',
  765. '#143156',
  766. '#112F51',
  767. '#0B243A',
  768. '#082744',
  769. '#092844',
  770. '#123054',
  771. '#143359',
  772. '#173A64',
  773. '#183F6E',
  774. '#173F6D',
  775. '#153961',
  776. '#163962',
  777. '#133358',
  778. '#15345B',
  779. '#14345A',
  780. '#102F50',
  781. '#0A2948',
  782. '#082844',
  783. '#092641',
  784. '#16375F',
  785. '#193C69',
  786. '#174170',
  787. '#173E6B',
  788. '#163A63',
  789. '#173D69',
  790. '#183D6A',
  791. '#15365E',
  792. '#112E50',
  793. '#0A2A49',
  794. '#082743',
  795. '#0E1927',
  796. '#173C68',
  797. '#13487E',
  798. '#164476',
  799. '#174375',
  800. '#193F6F',
  801. '#173B66',
  802. '#163B65',
  803. '#082A48',
  804. '#0A2641',
  805. '#09243C',
  806. '#174171',
  807. '#14477C',
  808. '#124980',
  809. '#14487F',
  810. '#174374',
  811. '#15467B',
  812. '#184172',
  813. '#17406F',
  814. '#184070',
  815. '#163C67',
  816. '#16355D',
  817. '#123256',
  818. '#0E1B29',
  819. '#0F1923',
  820. '#113052',
  821. '#184274',
  822. '#164579',
  823. '#13477C',
  824. '#193E6D',
  825. '#0A243E',
  826. '#0B233A',
  827. '#0D1A29',
  828. '#0B2742',
  829. '#17365E',
  830. '#163860',
  831. '#124A84',
  832. '#095191',
  833. '#114A83',
  834. '#0D4D8A',
  835. '#0C4D8C',
  836. '#104B85',
  837. '#15477E',
  838. '#174477',
  839. '#183862',
  840. '#0A233A',
  841. '#092947',
  842. '#09243D',
  843. '#173963',
  844. '#194173',
  845. '#085396',
  846. '#085394',
  847. '#114B87',
  848. '#144983',
  849. '#094F8E',
  850. '#075090',
  851. '#0F4C89',
  852. '#215287',
  853. '#0E1A29',
  854. '#184376',
  855. '#0C4D8B',
  856. '#07549A',
  857. '#0A4E8D',
  858. '#0F4C88',
  859. '#0A4E8C',
  860. '#174273',
  861. '#193C6A',
  862. '#0B2948',
  863. '#0B2C4B',
  864. '#0C4E8D',
  865. '#1259A4',
  866. '#0C579E',
  867. '#0D4D8B',
  868. '#095397',
  869. '#085397',
  870. '#085295',
  871. '#144880',
  872. '#173861',
  873. '#15335A',
  874. '#0F2C4D',
  875. '#0C2949',
  876. '#0B4E8D',
  877. '#08559C',
  878. '#07508F',
  879. '#154578',
  880. '#17365F',
  881. '#122F53',
  882. '#111D2C',
  883. '#092A48',
  884. '#08559D',
  885. '#08559E',
  886. '#0C56A1',
  887. '#164271',
  888. '#163E6A',
  889. '#194071',
  890. '#082642',
  891. '#0F1E30',
  892. '#0D2D4D',
  893. '#114C87',
  894. '#0E59A3',
  895. '#135BA6',
  896. '#085498',
  897. '#085497',
  898. '#095192',
  899. '#0E4D8B',
  900. '#0C4E8A',
  901. '#134982',
  902. '#17457B',
  903. '#121F2E',
  904. '#183E6C',
  905. '#153E69',
  906. '#07508E',
  907. '#173F6C',
  908. '#193D6B',
  909. '#112D4F',
  910. '#0A243B',
  911. '#072946',
  912. '#111E2D',
  913. '#0B2740',
  914. '#10497F',
  915. '#17406E',
  916. '#084F8D',
  917. '#104A80',
  918. '#0E2E4F',
  919. '#143358',
  920. '#16365D',
  921. '#0A2742',
  922. '#13477B',
  923. '#154474',
  924. '#104C86',
  925. '#095291',
  926. '#0B4F8E',
  927. '#114A80',
  928. '#095090',
  929. '#075296',
  930. '#163760',
  931. '#2D6DB5',
  932. '#0C2843',
  933. '#0C233A',
  934. '#153A62',
  935. '#14467A',
  936. '#075498',
  937. '#085293',
  938. '#09263F',
  939. '#122030',
  940. '#09559D',
  941. '#0F4B83',
  942. '#08549A',
  943. '#14375D',
  944. '#085499',
  945. '#075499',
  946. '#0A243D',
  947. '#143E68',
  948. '#10497E',
  949. '#074F8E',
  950. '#085496',
  951. '#0C58A3',
  952. '#065499',
  953. '#085190',
  954. '#0A2B4A',
  955. '#104C88',
  956. '#0D4F8E',
  957. '#0F58A2',
  958. '#0B569B',
  959. '#0D58A1',
  960. '#134A81',
  961. '#09559C',
  962. '#0A5293',
  963. '#114B86',
  964. '#0D2C4C',
  965. '#103255',
  966. '#16457A',
  967. '#074F8C',
  968. '#07559C',
  969. '#185DA9',
  970. '#1D61AD',
  971. '#175CA8',
  972. '#16406D',
  973. '#153C65',
  974. '#0E243A',
  975. '#144679',
  976. '#085192',
  977. '#1A5EAC',
  978. '#1D61AE',
  979. '#11497F',
  980. '#12487E',
  981. '#0C243C',
  982. '#123155',
  983. '#0F59A3',
  984. '#1B5FAB',
  985. '#1E61AD',
  986. '#145CA4',
  987. '#0E599F',
  988. '#11497E',
  989. '#094F8D',
  990. '#15345A',
  991. '#134A85',
  992. '#165CA8',
  993. '#2263AF',
  994. '#124466',
  995. '#0A518F',
  996. '#08569D',
  997. '#16416F',
  998. '#0B2B4A',
  999. '#124A83',
  1000. '#0C57A2',
  1001. '#1E60AD',
  1002. '#1E62AE',
  1003. '#165DA8',
  1004. '#1059A4',
  1005. '#15406C',
  1006. '#0A4F8E',
  1007. '#12365A',
  1008. '#0A5191',
  1009. '#16355C',
  1010. '#1C5EAB',
  1011. '#155CA7',
  1012. '#085292',
  1013. '#174478',
  1014. '#153258',
  1015. '#111F2F',
  1016. '#174272',
  1017. '#1159A5',
  1018. '#1C5EAC',
  1019. '#2F74BB',
  1020. '#0C58A2',
  1021. '#0D59A3',
  1022. '#14477D',
  1023. '#132F53',
  1024. '#155BA6',
  1025. '#195FAA',
  1026. '#2366B1',
  1027. '#2967B2',
  1028. '#14477E',
  1029. '#1B5EAB',
  1030. '#175DA8',
  1031. '#0F4C86',
  1032. '#065090',
  1033. '#1C5FAC',
  1034. '#185CA8',
  1035. '#0D58A3',
  1036. '#0C4E8C',
  1037. '#134981',
  1038. '#14416D',
  1039. '#0F5AA5',
  1040. '#1F63AF',
  1041. '#114B88',
  1042. '#09508E',
  1043. '#0A569D',
  1044. '#195DAA',
  1045. '#0F1D2F',
  1046. '#1059A2',
  1047. '#0E599E',
  1048. '#2063AF',
  1049. '#1F63AE',
  1050. '#1A5EAA',
  1051. '#0C57A0',
  1052. '#195EAA',
  1053. '#1A5EA9',
  1054. '#0E4E8A',
  1055. '#12487D',
  1056. '#185DAA',
  1057. '#175EAA',
  1058. '#0A508E',
  1059. '#1559A6',
  1060. '#0E58A3',
  1061. '#095399',
  1062. '#0B4E8B',
  1063. '#0B569F',
  1064. '#0C57A1',
  1065. '#2967B1',
  1066. '#2365B0',
  1067. '#2163AE',
  1068. '#1A5DAA',
  1069. '#195EAB',
  1070. '#1E5FAC',
  1071. '#2564AF',
  1072. '#2767B1',
  1073. '#2766B1',
  1074. '#0D5A9F',
  1075. '#2062AE',
  1076. '#1F61AD',
  1077. '#195FAB',
  1078. '#0D4E8D',
  1079. '#173760',
  1080. '#111D2E',
  1081. '#09518F',
  1082. '#1A5FAC',
  1083. '#135BA7',
  1084. '#085291',
  1085. '#183761',
  1086. '#0B2845',
  1087. '#113457',
  1088. '#075393',
  1089. '#185EA9',
  1090. '#2B69B3',
  1091. '#2A67B2',
  1092. '#2867B1',
  1093. '#155DA8',
  1094. '#135CA6',
  1095. '#135AA5',
  1096. '#114980',
  1097. '#2566B1',
  1098. '#2064AF',
  1099. '#2364AF',
  1100. '#13365B',
  1101. '#154475',
  1102. '#08549B',
  1103. '#164373',
  1104. '#085392',
  1105. '#144576',
  1106. '#12497E',
  1107. '#0E5392',
  1108. '#135BA3',
  1109. '#0C5395',
  1110. '#0C5291',
  1111. '#0E579C',
  1112. '#0E5290',
  1113. '#134C83',
  1114. '#2163AC',
  1115. '#195CA6',
  1116. '#0D4E8C',
  1117. '#082945',
  1118. '#133256',
  1119. '#0E2F50',
  1120. '#105AA6',
  1121. '#134677',
  1122. '#144475',
  1123. '#145BA7',
  1124. '#154270',
  1125. '#1D60AD',
  1126. '#09569B',
  1127. '#09243E',
  1128. '#134A86',
  1129. '#0E59A4',
  1130. '#0A4E8B',
  1131. '#0E4B83',
  1132. '#1D5EAC',
  1133. '#101C2A',
  1134. '#134A84',
  1135. '#0E518F',
  1136. '#145CA7',
  1137. '#0E5699',
  1138. '#145BA5',
  1139. '#095292',
  1140. '#15416E',
  1141. '#153D67',
  1142. '#153F6B',
  1143. '#125AA5',
  1144. '#16406E',
  1145. '#0E1B27',
  1146. '#0D4F8C',
  1147. '#0F58A3',
  1148. '#114A82',
  1149. '#09569C',
  1150. '#0C2339',
  1151. '#0E1B28',
  1152. '#0D59A4',
  1153. '#07559D',
  1154. '#08569E',
  1155. '#095190',
  1156. '#0B253E',
  1157. '#0C2B49',
  1158. '#2264AF',
  1159. '#09549A',
  1160. '#09569F',
  1161. '#163D68',
  1162. '#0C263F',
  1163. '#143960',
  1164. '#183A65',
  1165. '#075496',
  1166. '#0C579F',
  1167. '#085191',
  1168. '#102438',
  1169. '#075295',
  1170. '#082946',
  1171. '#102437',
  1172. '#0C2642',
  1173. '#101C29',
  1174. '#0C253E',
  1175. '#15355C',
  1176. '#0B2E4D',
  1177. '#0F3253',
  1178. '#154577',
  1179. '#16335B',
  1180. '#0F1925',
  1181. '#0C2742',
  1182. '#0B2946',
  1183. '#0E2C4B',
  1184. '#0E2B48',
  1185. '#0E2237',
  1186. '#102237',
  1187. '#0B253D',
  1188. '#0A2946',
  1189. '#0C2841',
  1190. '#0D2A47',
  1191. '#0C2C4A',
  1192. '#08253F',
  1193. '#08243D',
  1194. '#111C2B',
  1195. '#0C2844',
  1196. '#0C2945',
  1197. '#0D243A',
  1198. '#122134',
  1199. '#0B2642',
  1200. '#113154',
  1201. '#113255',
  1202. '#0A2642',
  1203. '#0A2945',
  1204. '#0B263F',
  1205. '#0D2E4E',
  1206. '#0F1E2E',
  1207. '#0A2845',
  1208. '#0D2439',
  1209. '#0F1A29',
  1210. '#101C2E',
  1211. '#111923',
  1212. '#13181F',
  1213. '#111D2F',
  1214. '#111F30',
  1215. '#121E30',
  1216. '#121E2E',
  1217. '#101B27',
  1218. '#101A27',
  1219. '#13171F',
  1220. ];
  1221. // let randX = getRandomInt(0, x);
  1222. // let randY = getRandomInt(0, y);
  1223. // let randIndex = randY * xCount + randX;
  1224. return colors[(y*xCount + x) % colors.length];
  1225. }