Home page : Scrolling up: Make the color swap to white when on a black background

.firebase/hosting.ZGlzdFxsbXMtYXBwLW5ldw.cache

@@ -1,87 +1,87 @@
-index.html,1593875153528,7fa5e5bf7873745b13eec774d337c6c826c3e18212c37959653bb8c1668cd947
-favicon.ico,1593875152928,2c19690e9587bae12f419b34d2edeecc76808099540a9c9f4ea6194116cfc8f7
-manifest.webmanifest,1593875152928,85df3bc60281cf3acbb4dd59b930cb71f7b1fe05e64d03961ed088935ce25011
-ngsw.json,1593875153596,48c4be381b2759e697cf652913e2d374b9d4975d7888b27eb3c5e66f5c52b9ca
-3rdpartylicenses.txt,1593875152928,9e00326e0621cc7f187f340c53c6b2150f02d6542a453fe9bf37e8b93d1b9348
-runtime.7d7e9038a1cdbceb3d53.js,1593875152928,8351e28e6622d0d4825d766649b2ae0e8767c34304fff594f102bfe52b7e4e29
-polyfills.ea6af735e399b9217896.js,1593875152928,c77de5d5edc77e385e79e48caaaa2d657344852c77780c92a4a9eaacfea2027c
-safety-worker.js,1593875153597,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
-styles.8ab7aea7d916b2f4ca67.css,1593875152928,d990390d907c14cde0fe5c326026024a199635f3146a49f623ba51ac15e6ef09
-worker-basic.min.js,1593875153597,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
-assets/custom-icons/008-bell.svg,1593875152931,f598266b2854e92eac2853977e446e3a84698a3a86a888dc936a6b4beca175eb
-assets/custom-icons/010-moon.svg,1593875152931,01c9bde21173b06d794f9e2e9babbacb0ee990ec4f367a4c95aa6df7e5fac0a1
-assets/custom-icons/012-round.svg,1593875152931,1d94a54e5078a9b1e6bd6a3f225297f070446419e6019aa9a7d83bea9a48058b
-assets/custom-icons/015-login.svg,1593875152931,5382cd3f610f2ff9443879071b05b65eed3f2145b4a7ea0f5c8596d044bbd67b
-assets/custom-icons/017-share.svg,1593875152931,eec6ec0099ec603956e1685723c546d249a2f3b435a0ff939e82b6591c2e5cd3
-assets/custom-icons/019-favorites-button.svg,1593875152931,a9ceba371c9c7c0e8bb849e1cb1ba8e02f4676f2c85b2f44d6c2f508d1a2dc59
-assets/custom-icons/021-paint-brush.svg,1593875152931,5c613d4290a58fd4b6d98d9f6634b6c006050acc4faa72e2336bb8613230b9d4
-assets/custom-icons/add-person.svg,1593875152931,5d43642454bb12f632c317bab8a89c18f5ba9143da79623a3d24797cc0f92ef6
-assets/custom-icons/add.svg,1593875152931,0beaf5cea5310deddf58f5dc94cffc2c26cecfaa5890aae565ab9705ee342506
-assets/custom-icons/atomic.svg,1593875152931,48c2717734d3d37cbf7dabaf6fb22f0e5fcd662e319e9e61417c46461e236d8d
-assets/custom-icons/attendance-1.svg,1593875152931,a3173e6410386ae73d9dbf1e9f4890cc56e563b4ebc5fb2b0dcea7451da7fdac
-assets/custom-icons/attendance.svg,1593875152931,d58cc27e0a6d67073a1af7fb26a0b2738b2b205e0c4a307f8f2d330dce90d109
-assets/custom-icons/balance-sheet.svg,1593875152931,bc016780bfc19a6ef0e62332aa22139bcc237a6e19f070e51ce90e76919c66aa
-assets/custom-icons/beaker.svg,1593875152931,c836d3b961cb5b3d080bc58dcdc937e1e988b457727f03f71de388c6b7bb3f2d
-assets/custom-icons/bell.svg,1593875152931,634030948ed2ddb0fd90deddd47bc77b387668a6889c3fe4cf7349cd3a42bc93
-assets/custom-icons/book-1.svg,1593875152931,929aa072b6ed981800c87d0586c1f3a2485eb2698e134de2f3b8be20cb7d703b
-assets/custom-icons/book.svg,1593875152931,929aa072b6ed981800c87d0586c1f3a2485eb2698e134de2f3b8be20cb7d703b
-assets/custom-icons/bookmark.svg,1593875152931,557e6eab92592373a25eb4d7a00a66813ef95e94a3050646d838cc48296e0aed
-assets/custom-icons/calendar.svg,1593875152931,86593b34bb094a0308ff9aae96b373e7561d95737a97b62c5df257d9aa94730c
-assets/custom-icons/chat.svg,1593875152931,6f36ae9250ce6c7d9e8036f7eed1595dd5dbba2e5592c38e9aed208e462500e9
-assets/custom-icons/checkmark.svg,1593875152931,43eb6373652ac8270f0f7964cb43fe789f3bb5b1d9ec32bf2a9537f40130df2a
-assets/custom-icons/chat-color.svg,1593875152931,d95cfb15a1463cf4e6d1237d57ac7a7dfc34b45c0255790e354eb44c9285f0a5
-assets/custom-icons/clock.svg,1593875152931,3724d2024d7c81b11527950865f456bdc1bba508c29e2f245e30dacfac75aeca
-assets/custom-icons/class.svg,1593875152931,247c7db07bf3dcc9e76d80ce122becb73077679de93d389b92923c9147f38617
-assets/custom-icons/close-circle.svg,1593875152931,3365f8d2f9db966884b6012d1de562a477757fd1d20379fa65fe823829066810
-assets/custom-icons/close.svg,1593875152931,bda284bcf2ce73de2da27269744959dd96094126526d5dd021d8d58d3eb02083
-assets/custom-icons/cloud-computing.svg,1593875152931,4a6ce752f63c5ec1e6ed00bc9dd642e151b30916ee603a9d1d0a24fdb7781f7d
-assets/custom-icons/comment.svg,1593875152931,5a17f4ec1fc3120562f418c9692ce84706427830a9d8eaf573b9227975d19fd4
-assets/custom-icons/delete.svg,1593875152931,ecb168e66062b855ec3d8be4fe8d1df786c29b740fd2a7f4e4a68871b4c271c1
-assets/custom-icons/discuss.svg,1593875152931,41c4b861e256a256cba57c925e9958aa43f0296fecb0da38aaeb8cbee210f15e
-assets/custom-icons/document.svg,1593875152947,d5f9aee8b6a06ce794719fe4e074f944b9a0110fb7204e3f1ee91ad327defab6
-assets/custom-icons/down-arrow.svg,1593875152947,47f2b5d048be7bb7d04ece942053923e5caaa76df6b738313c7cf2ff3dc4f57c
-assets/custom-icons/download.svg,1593875152947,7c7c5b5be6ccf394d33dbaf2dbf99df2151df9c7e85ee5700c6d79fa0b8e2dd7
-assets/custom-icons/edit.svg,1593875152947,0a3c0ddf3e300c7f40214542758e7cb95907ba45f366dcf0cf5bbe7473aed3b5
-assets/custom-icons/flask.svg,1593875152947,ec753ec598159f42d7c1b5e8bdaf2768475e20308bbe1f9321b2b9b6ca3bc727
-assets/custom-icons/duel.svg,1593875152947,dcbb4dffba44a0e57a2cce161f27ea9c5c42ea3e4c5cfbc3b3fbfaa5c2f9affb
-polyfills-es5.015d8dc9f674c6ee1a1c.js,1593875152928,b1789c707fa9acb1cf26db21c2db772d2bfc4fd80fcd63b80655dcc18f2f0ebe
-assets/custom-icons/forum-outline.svg,1593875152947,412f3f8a159402989ed90032889045acd27f0fd076fecc66e9bca5ce5d17157c
-assets/custom-icons/forum.svg,1593875152947,a2653011964697eb2f57d08ac3573a14246995bc77cfee5282253f9837f436c2
-assets/custom-icons/hashtag.svg,1593875152947,49e2d3a41333c2c6ec84b6bb5e00c3a61ba1d4c4b02f321fa2fdd90dbb9d3a85
-assets/custom-icons/globe.svg,1593875152947,1fdc780fc12f486a70f2825e51064c7ebe497e6db5a308c2ffa5b6d86a552b41
-assets/custom-icons/home.svg,1593875152947,fcc78971c4496f782b894d47df39954b657488ceaa83189092978429c600493f
-assets/custom-icons/information.svg,1593875152947,2fb0cdf7a54fb27fcd5461b379a57dda72483f48e400217db1162fe2416b30ea
-assets/custom-icons/like.svg,1593875152963,5f9f0595bc0a37d973232a7722109f2910e0a9e8be91dbcb0f0fcd80340ab598
-assets/custom-icons/link.svg,1593875152963,2c07191acf4af240019f6da72c65e71dad9fef9deaf04d90f20145c1fb239841
-assets/custom-icons/list.svg,1593875152963,51afafed9e55dbd6447a1a949d9c30c7200c33454fd4204df669820309e31e3a
-assets/custom-icons/missed-class.svg,1593875152963,85d91f1db7ab592bdaa63d3a4134a39160cb811374ff187dc0b780db02078468
-assets/custom-icons/microscope.svg,1593875152963,8e3dfe16b2ff42e4a83050df2370c06c3251c106139bba9ff570db866135e031
-assets/custom-icons/money-growth.svg,1593875152963,fce9616268c9932e2531ff524accdb5a82ecbee149eb68100580146f09b85d9a
-assets/custom-icons/more.svg,1593875152963,8207372ec5304a64d33da1b21c92308d793d03f6cb83e0dd7c384f4db94de3f2
-assets/custom-icons/mortarboard.svg,1593875152963,226d6ad39b7ea5f7da6321237835319335d29a6571dce10378a88c42b5be4f2e
-assets/custom-icons/newspaper.svg,1593875152963,3b6d1b91044b650e42124be91b5161d988e2f900cff843f74018ce614216527c
-assets/custom-icons/play-button.svg,1593875152978,247291e419f46dbc2166588629cc5a21c19b0ec8a87e3ffe95a5b7c3fa4d5b52
-assets/custom-icons/plus.svg,1593875152978,a96d4d299742c206fe67437318fb570cc69359356a7f6ab9ccde30deee8e0af6
-assets/custom-icons/number-1-medal.svg,1593875152963,f52fb954e5e12c14af3671c2b419248932f49255049bcc820d9e50ae3f319200
-assets/custom-icons/question-mark.svg,1593875152978,a2cda20fd2f192049c662f7e3319cc36775e49a00e56549002eb494dfc8bb716
-assets/custom-icons/reply.svg,1593875152978,e40d9f0a18921d7e71be76da2a7454d9c15a18e601699c2538d8540106004dc9
-assets/custom-icons/search.svg,1593875152978,2d3d086b3f334f4bb05041da99196703e5ad5b61647aa20bbaa7b79a90be95c2
-assets/custom-icons/send.svg,1593875152978,86cd05b7a6ba434e49d98c8fdab09ea33a725c4b0db5a1ded3dbc3455807403e
-assets/custom-icons/settings.svg,1593875152978,b8064cc999c75e79d1ca9306425e1e9fe9fe5c0b52cdd4fe184418613435ed20
-assets/custom-icons/share.svg,1593875152978,ce33e77f3437923daddeefe080c52c8d91ac9216efc7b6e3ffdef54f2a096beb
-assets/custom-icons/tab.svg,1593875152978,e521af92e8d3b8cf4f57a85f1091e3839200f65b52a3177703a02233783660f0
-assets/custom-icons/star-medal.svg,1593875152978,70d31060ab666163c8c0397e4bacb9a0d5a32cab1437ea81f7c3b8569e24d046
-assets/custom-icons/warning.svg,1593875152978,5ea86bd525dfa83ebe77cf93d8367426202e54f7c07aab182301c7c46ccdbad7
-ngsw-worker.js,1593875153597,40433abc9774bdb2aa53890310f0ca5017fe5b764eaa087ba509ab1ab8ea7be3
-assets/icons/icon-128x128.png,1593875152978,1331bbcee85eb4c732d2b2468c0118ead141aa56c741dc1a93a54d4812e79d4d
-assets/icons/icon-144x144.png,1593875152978,ab4052ca6640d9378a090b7a6825df604c939ec738dae88d89500aee8eb7087f
-assets/icons/icon-152x152.png,1593875152978,b1cb2eb328c9eedac5eb3994d04c73040c462a73cf7254c38eafa2d582a078d6
-assets/custom-icons/xpcoins.svg,1593875152978,d3cb944e5836e7515bb76e42dd5c90dc8880680a31b680ddabeeb4e0a6343471
-assets/icons/icon-192x192.png,1593875152978,5b2471e9386f4fe3dcf1d2151c7048c3cc22d3c504161debeca3af3a2efd0a04
-assets/icons/icon-384x384.png,1593875152978,e28ae36bf6b6f9c9a5eb8716806f3077d2932c9723f89d0c0275fbde43dcdce9
-assets/icons/icon-512x512.png,1593875152978,cb62ee904d0aa462c04667e945abbefe928c1c874d9a919ec237f3ebc1822dc9
-assets/icons/icon-72x72.png,1593875152978,215a8d62891dff36be3e0a554c28e627bbd34dea95aca21b718414452b581dce
-assets/icons/icon-96x96.png,1593875152978,5dbec692238f9b1305461df3fe87c910306d95db26941804b8929cd0d99bd508
-assets/custom-icons/folder.svg,1593875152947,ff596b961aa3bf39968e69c946ca3197b64f83cc19d37820265e85020a966ad5
-assets/pattern.png,1593875152978,afa0bd6352d8eeeab2a589396ff5442da8c21c604cf5045543b63119636725c2
-main.34d60d611c3f1f5c3011.js,1593875152929,9336cde5c4559bf69ca9d000804bccd7f1e88f5bca5edae3afb9e5e225b016e9
+favicon.ico,1594312148677,2c19690e9587bae12f419b34d2edeecc76808099540a9c9f4ea6194116cfc8f7
+index.html,1594312149256,2c979fa94fa6f6959fe7f156de51ee6e3faca686069d612050ad7a8a7cce455f
+manifest.webmanifest,1594312148677,85df3bc60281cf3acbb4dd59b930cb71f7b1fe05e64d03961ed088935ce25011
+3rdpartylicenses.txt,1594312148677,9e00326e0621cc7f187f340c53c6b2150f02d6542a453fe9bf37e8b93d1b9348
+ngsw.json,1594312149325,4b92d3e2c57c5cf54fe50542744118df36062d6316ef87796eaa070da443dae9
+runtime.7d7e9038a1cdbceb3d53.js,1594312148677,8351e28e6622d0d4825d766649b2ae0e8767c34304fff594f102bfe52b7e4e29
+polyfills.ea6af735e399b9217896.js,1594312148677,c77de5d5edc77e385e79e48caaaa2d657344852c77780c92a4a9eaacfea2027c
+safety-worker.js,1594312149340,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
+styles.8ab7aea7d916b2f4ca67.css,1594312148677,d990390d907c14cde0fe5c326026024a199635f3146a49f623ba51ac15e6ef09
+worker-basic.min.js,1594312149340,9c834b5821056aa4ef323fa5def3ee00de16296003e10df0507113e7b859228a
+assets/custom-icons/008-bell.svg,1594312148685,f598266b2854e92eac2853977e446e3a84698a3a86a888dc936a6b4beca175eb
+assets/custom-icons/010-moon.svg,1594312148685,01c9bde21173b06d794f9e2e9babbacb0ee990ec4f367a4c95aa6df7e5fac0a1
+assets/custom-icons/012-round.svg,1594312148685,1d94a54e5078a9b1e6bd6a3f225297f070446419e6019aa9a7d83bea9a48058b
+assets/custom-icons/015-login.svg,1594312148685,5382cd3f610f2ff9443879071b05b65eed3f2145b4a7ea0f5c8596d044bbd67b
+assets/custom-icons/017-share.svg,1594312148685,eec6ec0099ec603956e1685723c546d249a2f3b435a0ff939e82b6591c2e5cd3
+assets/custom-icons/019-favorites-button.svg,1594312148685,a9ceba371c9c7c0e8bb849e1cb1ba8e02f4676f2c85b2f44d6c2f508d1a2dc59
+assets/custom-icons/021-paint-brush.svg,1594312148685,5c613d4290a58fd4b6d98d9f6634b6c006050acc4faa72e2336bb8613230b9d4
+assets/custom-icons/add-person.svg,1594312148685,5d43642454bb12f632c317bab8a89c18f5ba9143da79623a3d24797cc0f92ef6
+assets/custom-icons/add.svg,1594312148685,0beaf5cea5310deddf58f5dc94cffc2c26cecfaa5890aae565ab9705ee342506
+assets/custom-icons/atomic.svg,1594312148685,48c2717734d3d37cbf7dabaf6fb22f0e5fcd662e319e9e61417c46461e236d8d
+assets/custom-icons/attendance-1.svg,1594312148685,9cef7a02038f4bfe660a0027f0c51f0819d522cb7a169830aaad932912d5c375
+assets/custom-icons/attendance.svg,1594312148685,d58cc27e0a6d67073a1af7fb26a0b2738b2b205e0c4a307f8f2d330dce90d109
+assets/custom-icons/balance-sheet.svg,1594312148685,bc016780bfc19a6ef0e62332aa22139bcc237a6e19f070e51ce90e76919c66aa
+assets/custom-icons/beaker.svg,1594312148685,c836d3b961cb5b3d080bc58dcdc937e1e988b457727f03f71de388c6b7bb3f2d
+assets/custom-icons/bell.svg,1594312148685,634030948ed2ddb0fd90deddd47bc77b387668a6889c3fe4cf7349cd3a42bc93
+assets/custom-icons/book-1.svg,1594312148693,929aa072b6ed981800c87d0586c1f3a2485eb2698e134de2f3b8be20cb7d703b
+assets/custom-icons/book.svg,1594312148693,929aa072b6ed981800c87d0586c1f3a2485eb2698e134de2f3b8be20cb7d703b
+assets/custom-icons/bookmark.svg,1594312148693,557e6eab92592373a25eb4d7a00a66813ef95e94a3050646d838cc48296e0aed
+assets/custom-icons/calendar.svg,1594312148693,86593b34bb094a0308ff9aae96b373e7561d95737a97b62c5df257d9aa94730c
+assets/custom-icons/chat-color.svg,1594312148693,075591f79185a58920c181934a69fcbd877dc73e9e1ef856faa0e6d18594e89d
+assets/custom-icons/chat.svg,1594312148693,6f36ae9250ce6c7d9e8036f7eed1595dd5dbba2e5592c38e9aed208e462500e9
+assets/custom-icons/checkmark.svg,1594312148693,43eb6373652ac8270f0f7964cb43fe789f3bb5b1d9ec32bf2a9537f40130df2a
+assets/custom-icons/class.svg,1594312148693,6887d74b29a3b45cf985bbeabf1f198694dfaaaf650e050d2e7d13c95ed4d22e
+assets/custom-icons/clock.svg,1594312148693,3724d2024d7c81b11527950865f456bdc1bba508c29e2f245e30dacfac75aeca
+assets/custom-icons/close-circle.svg,1594312148693,3365f8d2f9db966884b6012d1de562a477757fd1d20379fa65fe823829066810
+assets/custom-icons/close.svg,1594312148693,bda284bcf2ce73de2da27269744959dd96094126526d5dd021d8d58d3eb02083
+assets/custom-icons/cloud-computing.svg,1594312148693,4a6ce752f63c5ec1e6ed00bc9dd642e151b30916ee603a9d1d0a24fdb7781f7d
+assets/custom-icons/comment.svg,1594312148693,5a17f4ec1fc3120562f418c9692ce84706427830a9d8eaf573b9227975d19fd4
+assets/custom-icons/delete.svg,1594312148693,ecb168e66062b855ec3d8be4fe8d1df786c29b740fd2a7f4e4a68871b4c271c1
+assets/custom-icons/discuss.svg,1594312148693,41c4b861e256a256cba57c925e9958aa43f0296fecb0da38aaeb8cbee210f15e
+assets/custom-icons/document.svg,1594312148701,d5f9aee8b6a06ce794719fe4e074f944b9a0110fb7204e3f1ee91ad327defab6
+assets/custom-icons/down-arrow.svg,1594312148701,47f2b5d048be7bb7d04ece942053923e5caaa76df6b738313c7cf2ff3dc4f57c
+assets/custom-icons/download.svg,1594312148701,7c7c5b5be6ccf394d33dbaf2dbf99df2151df9c7e85ee5700c6d79fa0b8e2dd7
+assets/custom-icons/edit.svg,1594312148701,0a3c0ddf3e300c7f40214542758e7cb95907ba45f366dcf0cf5bbe7473aed3b5
+assets/custom-icons/duel.svg,1594312148701,c5071c67da2caaaf23bc9d47b93744a19625d35b36d7c7104e05fbc401f073d3
+assets/custom-icons/flask.svg,1594312148701,ec753ec598159f42d7c1b5e8bdaf2768475e20308bbe1f9321b2b9b6ca3bc727
+polyfills-es5.015d8dc9f674c6ee1a1c.js,1594312148677,b1789c707fa9acb1cf26db21c2db772d2bfc4fd80fcd63b80655dcc18f2f0ebe
+assets/custom-icons/forum-outline.svg,1594312148701,412f3f8a159402989ed90032889045acd27f0fd076fecc66e9bca5ce5d17157c
+assets/custom-icons/forum.svg,1594312148701,535cdc149c1a5808de3a4f55d7375d90b2107eb0f2af62560fcdfd8f489dae57
+assets/custom-icons/hashtag.svg,1594312148701,49e2d3a41333c2c6ec84b6bb5e00c3a61ba1d4c4b02f321fa2fdd90dbb9d3a85
+assets/custom-icons/globe.svg,1594312148701,1fdc780fc12f486a70f2825e51064c7ebe497e6db5a308c2ffa5b6d86a552b41
+assets/custom-icons/home.svg,1594312148701,fcc78971c4496f782b894d47df39954b657488ceaa83189092978429c600493f
+assets/custom-icons/information.svg,1594312148701,2fb0cdf7a54fb27fcd5461b379a57dda72483f48e400217db1162fe2416b30ea
+assets/custom-icons/like.svg,1594312148701,5f9f0595bc0a37d973232a7722109f2910e0a9e8be91dbcb0f0fcd80340ab598
+assets/custom-icons/link.svg,1594312148701,2c07191acf4af240019f6da72c65e71dad9fef9deaf04d90f20145c1fb239841
+assets/custom-icons/list.svg,1594312148709,51afafed9e55dbd6447a1a949d9c30c7200c33454fd4204df669820309e31e3a
+assets/custom-icons/missed-class.svg,1594312148709,85d91f1db7ab592bdaa63d3a4134a39160cb811374ff187dc0b780db02078468
+assets/custom-icons/money-growth.svg,1594312148709,fce9616268c9932e2531ff524accdb5a82ecbee149eb68100580146f09b85d9a
+assets/custom-icons/microscope.svg,1594312148709,8e3dfe16b2ff42e4a83050df2370c06c3251c106139bba9ff570db866135e031
+assets/custom-icons/more.svg,1594312148709,8207372ec5304a64d33da1b21c92308d793d03f6cb83e0dd7c384f4db94de3f2
+assets/custom-icons/mortarboard.svg,1594312148709,226d6ad39b7ea5f7da6321237835319335d29a6571dce10378a88c42b5be4f2e
+assets/custom-icons/newspaper.svg,1594312148717,3b6d1b91044b650e42124be91b5161d988e2f900cff843f74018ce614216527c
+assets/custom-icons/play-button.svg,1594312148717,247291e419f46dbc2166588629cc5a21c19b0ec8a87e3ffe95a5b7c3fa4d5b52
+assets/custom-icons/number-1-medal.svg,1594312148717,f52fb954e5e12c14af3671c2b419248932f49255049bcc820d9e50ae3f319200
+assets/custom-icons/plus.svg,1594312148717,a96d4d299742c206fe67437318fb570cc69359356a7f6ab9ccde30deee8e0af6
+assets/custom-icons/question-mark.svg,1594312148717,a2cda20fd2f192049c662f7e3319cc36775e49a00e56549002eb494dfc8bb716
+assets/custom-icons/reply.svg,1594312148717,e40d9f0a18921d7e71be76da2a7454d9c15a18e601699c2538d8540106004dc9
+ngsw-worker.js,1594312149325,40433abc9774bdb2aa53890310f0ca5017fe5b764eaa087ba509ab1ab8ea7be3
+assets/custom-icons/search.svg,1594312148717,2d3d086b3f334f4bb05041da99196703e5ad5b61647aa20bbaa7b79a90be95c2
+assets/custom-icons/send.svg,1594312148717,86cd05b7a6ba434e49d98c8fdab09ea33a725c4b0db5a1ded3dbc3455807403e
+assets/custom-icons/settings.svg,1594312148717,b8064cc999c75e79d1ca9306425e1e9fe9fe5c0b52cdd4fe184418613435ed20
+assets/custom-icons/share.svg,1594312148717,ce33e77f3437923daddeefe080c52c8d91ac9216efc7b6e3ffdef54f2a096beb
+assets/custom-icons/tab.svg,1594312148717,e521af92e8d3b8cf4f57a85f1091e3839200f65b52a3177703a02233783660f0
+assets/custom-icons/star-medal.svg,1594312148717,70d31060ab666163c8c0397e4bacb9a0d5a32cab1437ea81f7c3b8569e24d046
+assets/custom-icons/warning.svg,1594312148717,5ea86bd525dfa83ebe77cf93d8367426202e54f7c07aab182301c7c46ccdbad7
+assets/icons/icon-128x128.png,1594312148717,1331bbcee85eb4c732d2b2468c0118ead141aa56c741dc1a93a54d4812e79d4d
+assets/custom-icons/xpcoins.svg,1594312148717,d3cb944e5836e7515bb76e42dd5c90dc8880680a31b680ddabeeb4e0a6343471
+assets/icons/icon-144x144.png,1594312148717,ab4052ca6640d9378a090b7a6825df604c939ec738dae88d89500aee8eb7087f
+assets/icons/icon-152x152.png,1594312148717,b1cb2eb328c9eedac5eb3994d04c73040c462a73cf7254c38eafa2d582a078d6
+assets/icons/icon-192x192.png,1594312148717,5b2471e9386f4fe3dcf1d2151c7048c3cc22d3c504161debeca3af3a2efd0a04
+assets/icons/icon-384x384.png,1594312148717,e28ae36bf6b6f9c9a5eb8716806f3077d2932c9723f89d0c0275fbde43dcdce9
+assets/icons/icon-512x512.png,1594312148717,cb62ee904d0aa462c04667e945abbefe928c1c874d9a919ec237f3ebc1822dc9
+assets/icons/icon-72x72.png,1594312148717,215a8d62891dff36be3e0a554c28e627bbd34dea95aca21b718414452b581dce
+assets/icons/icon-96x96.png,1594312148717,5dbec692238f9b1305461df3fe87c910306d95db26941804b8929cd0d99bd508
+assets/custom-icons/folder.svg,1594312148701,ff596b961aa3bf39968e69c946ca3197b64f83cc19d37820265e85020a966ad5
+assets/pattern.png,1594312148717,afa0bd6352d8eeeab2a589396ff5442da8c21c604cf5045543b63119636725c2
+main.29db42efa7405cf011ac.js,1594312148677,ad1f26466e30d3184407bf7cee7aa87c596a95bef06b7deb450ad120aa3ea250

src/app/welcome/welcome.component.html

@@ -1,4 +1,4 @@
-<section class="page-container half-bg" color="black">
+<section class="page-container half-bg" color="black" (scroll)="onScroll($event)">
     <section class="upfold">
         <h1>
             Good Morning, <br>
@@ -11,7 +11,7 @@
 
     <div class="card-list-holder">
         <div class="card-list" *ngFor="let class of classList; let i = index">
-            <header id="list-header-{{ i }}" class="white-header">
+            <header id="list-header-{{ i }}">
                 <h5> {{ class.date }} </h5>
             </header>
             <app-class-card-list [hasLive]="hasLive" [classes]="class.classes"></app-class-card-list>

src/app/welcome/welcome.component.scss

@@ -44,8 +44,15 @@
     margin: 0 auto;
 
     .card-list {
+
+        &:first-child {
+            header {
+                color: white;
+            }
+        }
+
         header.white-header {
-            color: var(--light-grey);
+            color: white;
         }
     }
 

src/app/welcome/welcome.component.ts

@@ -15,6 +15,18 @@ export class WelcomeComponent implements OnInit {
         private demoService: DemoService
     ) { }
 
+    onScroll(e: any) {
+        for (let i = 0; i < this.classList.length; i += 1) {
+            let header: any = document.querySelector('#list-header-' + i);
+            console.log(e.srcElement.scrollTop + ' ------ ' + header.getBoundingClientRect().top);
+            if (e.srcElement.scrollTop > (header.getBoundingClientRect().top + 200)) {
+                header.classList.add('white-header');
+            } else {
+                header.classList.remove('white-header');
+            }
+        }
+    }
+
 	ngOnInit(): void {
         this.demoType = localStorage.demoType;
         if (this.demoType === 'Student') {