ACM community logos updated

apps/web/src/screens/HomePage/sections/Events/index.tsx

@@ -140,6 +140,7 @@ const ImgImg: AnyStyledComponent = styled.img`
   width: 25px;
   height: 25px;
   border-radius: 50%;
+  filter: grayscale(100%);
 `;
 
 const SigWrapper: AnyStyledComponent = styled.div`
@@ -308,13 +309,13 @@ const Events: React.FC<{}> = (): JSX.Element => {
               <h3>Filter</h3>
               <Sigs>
                 <ImgWrapper>
-                  <ImgImg src={`${config.CDN_URI}/static/comp-dark.png`} />
-                  <ImgImg src={`${config.CDN_URI}/static/data-dark.png`} />
-                  <ImgImg src={`${config.CDN_URI}/static/arcade-dark.png`} />
+                  <ImgImg src={`${config.CDN_URI}/static/comp-updated.png`} />
+                  <ImgImg src={`${config.CDN_URI}/static/data-updated.png`} />
+                  <ImgImg src={`${config.CDN_URI}/static/game-updated.png`} />
                   <ImgImg src={`${config.CDN_URI}/static/acm-dark.png`} />
-                  <ImgImg src={`${config.CDN_URI}/static/hack-dark.png`} />
-                  <ImgImg src={`${config.CDN_URI}/static/sec-dark.png`} />
-                  <ImgImg src={`${config.CDN_URI}/static/acm-w-dark.png`} />
+                  <ImgImg src={`${config.CDN_URI}/static/hack-updated.png`} />
+                  <ImgImg src={`${config.CDN_URI}/static/security-updated.png`} />
+                  <ImgImg src={`${config.CDN_URI}/static/women-updated.png`} />
                 </ImgWrapper>
                 <SigWrapper>
                   <h4>ACM Comp</h4>

apps/web/src/screens/HomePage/sections/SIGs/SIGList.tsx

@@ -43,6 +43,7 @@ const Logo: any = styled.img`
   height: 34px;
   border-radius: 50%;
   margin: 0 10px 0 10px;
+  filter: grayscale(100%);
 `;
 
 function SIGListItem(props: any): any {

apps/web/src/screens/HomePage/sections/SIGs/index.tsx

@@ -26,8 +26,8 @@ const SIGsData: ISIG[] = [
       "Interested in software engineering, web development, or development operations? In ACM Web, we build industry-grade websites using top software engineering practices. ACM Web is developing the https://mstacm.org/ website and much more. Moreover, we host workshops on various skills in web development, Typescript, and Git.",
     discord: "https://discord.gg/eKtkR4k",
     email: "acm@mst.edu",
-    logoLink: "web.png",
-    logoLinkDark: "web-dark.png",
+    logoLink: "web-updated.png",
+    logoLinkDark: "web-updated.png",
     name: "Web",
     website: "https://mstacm.org"
   },
@@ -37,8 +37,8 @@ const SIGsData: ISIG[] = [
       "ACM Competition focuses on competitive programming, a mind-sport in which computer science problems are solved as quickly as possible. If you are interested in sharpening your algorithmic problem-solving skills, then this is the community for you.",
     discord: "https://discord.gg/4t954Ad",
     email: "acm@mst.edu",
-    logoLink: "comp.png",
-    logoLinkDark: "comp-dark.png",
+    logoLink: "comp-updated.png",
+    logoLinkDark: "comp-updated.png",
     name: "Competition",
     website: "https://comp.mstacm.org"
   },
@@ -48,8 +48,8 @@ const SIGsData: ISIG[] = [
       "ACM Security helps develop the cybersecurity profession for the student body of Missouri University of Science and Technology by sponsoring high-quality workshops and lectures from both local and natinal industry professionals, as well as hosting on campus security events and competitions.",
     discord: "https://discord.gg/BfPyeHw",
     email: "crawlins@mst.edu",
-    logoLink: "sec.png",
-    logoLinkDark: "sec-dark.png",
+    logoLink: "security-updated.png",
+    logoLinkDark: "security-updated.png",
     name: "Security",
     website: "https://acmsec.mst.edu"
   },
@@ -59,8 +59,8 @@ const SIGsData: ISIG[] = [
       "ACM Data is a data focused org covering topics like Data Science, Data Mining, Data Analytics, and Data Engineering. Data Science, commonly seen as a combination of most data professions, is a new field with an infinite landscape. Our goal is to catalyze a new era of Data Science by using our curiosity to explore this landscape and push new standards. In ACM Data, we participate in competition sites such as Kaggle, tell stories using data, learn what’s new in Data Science, and whatever is necessary to be cutting edge.",
     discord: "https://discord.gg/pm2KJtt",
     email: "acm@mst.edu",
-    logoLink: "data.png",
-    logoLinkDark: "data-dark.png",
+    logoLink: "data-updated.png",
+    logoLinkDark: "data-updated.png",
     name: "Data",
     website: "https://modata.blog"
   },
@@ -70,8 +70,8 @@ const SIGsData: ISIG[] = [
       "ACM-W aims to facilitate a thriving community of women in computing through the organizing of great activities, networking, and mentorship programs. We aim to address the issue of retention of women in computer science by creating a support system for academic and professional pursuits and empowering our members to pursue their goals through knowledge and education about women's contribution to technology. This group is open to all students (male or female) that wish to promote women in computing.",
     discord: "https://discord.gg/hh2wkmq",
     email: "acmw@mst.edu",
-    logoLink: "acm-w.png",
-    logoLinkDark: "acm-w-dark.png",
+    logoLink: "women-updated.png",
+    logoLinkDark: "women-updated.png",
     name: "Women",
     website: "https://women.mstacm.org"
   },
@@ -81,8 +81,8 @@ const SIGsData: ISIG[] = [
       "ACM Hack introduces students to the world of hackathons: weekend long events where students come together to turn ideas into reality. We organize travel and attendance to these events, which take place across the Midwest and the country.  We also run PickHacks, the annual student-run hackathon held at S&T in March. Alongside hackathons, we also host events about various design thinking concepts, hackathon preparation, and much more. Skill level and major doesn’t matter here — as long as you like building new things and meeting awesome people, ACM Hack is right for you.",
     discord: "https://discord.gg/zkwtu9p",
     email: "pickhacks@mst.edu",
-    logoLink: "hack.png",
-    logoLinkDark: "hack-dark.png",
+    logoLink: "hack-updated.png",
+    logoLinkDark: "hack-updated.png",
     name: "Hack",
     website: "https://pickhacks.io"
   },
@@ -92,8 +92,8 @@ const SIGsData: ISIG[] = [
       "Focuses on improving and utilizing technical, and soft skills to create a game for the community’s arcade machine(s) on campus every semester/year. This community will also host game jams, so non-members can experience the game development process.",
     discord: "https://discord.gg/RZCYUpT",
     email: "acm@mst.edu",
-    logoLink: "arcade.png",
-    logoLinkDark: "arcade-dark.png",
+    logoLink: "game-updated.png",
+    logoLinkDark: "game-updated.png",
     name: "Game",
     website: "https://discord.gg/RZCYUpT"
   },