adds light mode icons and styles

styles/_contribute.scss

@@ -1,4 +1,37 @@
 .page-community {
+    .main-title {
+        color: var(--black-black-0, #FFF);
+        text-align: center;
+
+        /* Desktop / H1 */
+        font-family: Work Sans;
+        font-size: 62px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 70px;
+
+        @media (max-width: 768px) {
+            font-size: 42px;
+        }
+    }
+
+    .get-funding-btn {
+        width: 90%;
+        margin: 0 auto;
+    }
+
+    @media (max-width: 768px) {
+        .cd-none-sm {
+            display: none !important;
+        }
+    }
+
+    @media (min-width: 769px) {
+        .cd-none-lg {
+            display: none !important;
+        }
+    }
+
     .icon-date {
         padding-right: 4px;
         content: url(../img/events/event-date.svg);
@@ -14,7 +47,6 @@
     }
 
     @media (min-width: 768px) {
-
         .builders-wrap {
             white-space: normal;
         }
@@ -69,7 +101,7 @@
         white-space: nowrap;
         overflow: auto;
         max-width: 65vw;
-
+        padding-left: 10px;
     }
 
     #community-table img {
@@ -80,8 +112,33 @@
     .td-img {
         padding: 10px;
         width: 69px;
+
+        .discord-icon {
+            content: url(../img/community/ic_Discord.png)
+        }
+
+        .twitter-icon {
+            content: url(../img/community/ic_Twitter.png);
+        }
+
+        .youtube-icon {
+            content: url(../img/community/ic_Youtube.png);
+        }
+
+        .xrpl-icon {
+            content: url(../img/community/ic_XRPL.png);
+        }
+
+        .github-icon {
+            content: url(../img/community/ic_GitHub.png);
+        }
+
+        .stackoverflow-icon {
+            content: url(../img/community/ic_StackOverflow.png);
+        }
     }
 
+
     .text-external-link {
         display: inline-flex;
         align-items: center;
@@ -117,6 +174,23 @@
         transform: translateY(-50%);
     }
 
+    @media (max-width: 768px) {
+        #community-table td {
+            white-space: nowrap;
+            overflow: scroll;
+        }
+
+        #community-table img {
+            width: 96px;
+            height: 29px;
+        }
+
+        .td-img {
+            min-width: 60px;
+            /* Remove fixed width for mobile view */
+        }
+    }
+
     .xrpl-events-section {
         margin-top: 150px;
         padding: 50px 40px;
@@ -301,6 +375,12 @@
         display: flex;
         justify-content: space-between;
         padding: 20px;
+
+        @media (max-width: 768px) {
+            flex-direction: column;
+            align-items: start;
+            text-align: start;
+        }
     }
 
     .stacked-stats {
@@ -313,6 +393,12 @@
         align-self: center;
         text-align: center;
         margin: 0 auto;
+
+        @media (max-width: 768px) {
+            margin: 0px;
+            text-align: start;
+            align-self: start;
+        }
     }
 
     .number {
@@ -325,10 +411,6 @@
             flex-direction: column-reverse;
         }
 
-        .stacked-stats {
-            gap: 25px;
-        }
-
         .funding-section,
         .stats {
             width: 100%;
@@ -340,17 +422,29 @@
         width: 950px;
         margin: 0 auto;
         margin-top: 106px;
+        max-width: 100%; // Make the carousel responsive
 
         .flex-align {
             display: flex;
             align-items: center;
         }
+
+        @media (max-width: 768px) {
+            width: 100%; // Make the carousel full width on small screens
+        }
     }
 
     .center-image-wrapper {
         position: relative;
         width: 60%;
         margin: 0 48px;
+
+        @media (max-width: 768px) {
+            margin: 0 auto; // Remove margin on small screens
+            position: relative;
+            width: 86%;
+            right: 11px;
+        }
     }
 
     .image-container {
@@ -373,6 +467,12 @@
     #right-image {
         width: 15%;
         opacity: 0.7;
+
+        // Styles for smaller screens
+        @media (max-width: 768px) {
+            display: none;
+            margin: 0; // Adjust center image margin on small screens
+        }
     }
 
     .nav-btn {
@@ -463,8 +563,14 @@
         width: 205px;
         background-color: #232325;
         box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
+
+        @media (max-width: 768px) {
+            width: 99%;
+        }
     }
 
+    // Styles for smaller screens
+
     .project-card.top-left {
         top: 0;
         left: 0;
@@ -576,7 +682,7 @@
         .com-card {
             padding: 36px;
             background: #232325;
-            width: 352px;
+            min-width: 352px;
             height: 442px;
             position: relative;
 

styles/_helpers.scss

@@ -429,6 +429,11 @@
     display: none;
   }
 }
+.d-none-lg {
+  @include media-breakpoint-up(lg) {
+    display: none;
+  }
+}
 .d-block {
   display: block;
 }

styles/light/_light-theme.scss

@@ -838,6 +838,51 @@ pre code {
 
 .page-docs-index,
 .page-community {
+  .main-title{
+    color: #111112;
+  }
+  .event-location{
+    color: #232325 !important;
+  }
+  .event-details{
+    color: #232325 !important;
+  }
+  .upcoming-event{
+    .event-name{
+      color: #111112;
+    }
+  }
+  .upcoming-label{
+    color: #232325 !important;
+  }
+  .description{
+    color: #232325;
+  }
+  .events-text{
+    color: #111112;
+  }
+  .discord-icon {
+      content: url(../img/community/ic_Discord_light.png)
+    }
+  
+    .twitter-icon {
+      content: url(../img/community/ic_Twitter_light.png);
+    }
+  
+    .youtube-icon {
+      content: url(../img/community/ic_Youtube_light.png);
+    }
+  
+    .xrpl-icon {
+      content: url(../img/community/ic_XRPL_light.png);
+    }
+    .github-icon {
+      content: url(../img/community/ic_GitHub_light.png);
+    }
+    
+    .stackoverflow-icon {
+      content: url(../img/community/ic_StackOverflow_light.png);
+    }
   #run-a-network-node .card-deck {
     .card:nth-child(4) .card-footer {
       background-image: url(../img/cards/lightmode/4col-light-green.svg);
@@ -1005,7 +1050,6 @@ $placeholder-color: $gray-600;
     filter: invert(100%) brightness(0.8);
   }
 }
-
 .page-impact {
 
   .connect-list {