Make social icons links pretty

com/static/com/css/news-list.scss

@@ -68,17 +68,36 @@
         margin-left: 5px;
       }
 
-      li {
-        margin: 10px;
+      ul {
+        list-style: none;
+        margin-left: 0;
+
+        li {
+          margin: 10px;
+
+          .fa-facebook {
+            color: $faceblue;
+          }
+
+          .fa-discord {
+            color: $discordblurple;
+          }
+
+          .fa-square-instagram::before {
+            background: $instagradient;
+            background-clip: text;
+            -webkit-text-fill-color: transparent;
+          }
+
+          i {
+            width: 25px;
+            text-align: center;
+          }
+        }
       }
 
-      i {
-        width: 20px;
-        margin: 5px;
-      }
     }
 
-
     #birthdays_content {
       ul.birthdays_year {
         margin: 0;

com/templates/com/news_list.jinja

@@ -130,7 +130,7 @@
           <a rel="nofollow" target="#" href="https://www.facebook.com/@AEUTBM/">{% trans %}Facebook{% endtrans %}</a>
         </li>
         <li>
-          <i class="fa-brands fa-instagram fa-xl"></i>
+          <i class="fa-brands fa-square-instagram fa-xl"></i>
           <a rel="nofollow" target="#" href="https://www.instagram.com/ae_utbm">{% trans %}Instagram{% endtrans %}</a>
         </li>
       </ul>

core/static/core/colors.scss

@@ -24,6 +24,8 @@ $black-color: hsl(0, 0%, 17%);
 
 $faceblue: hsl(221, 44%, 41%);
 $twitblue: hsl(206, 82%, 63%);
+$discordblurple: #7289da;
+$instagradient: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285AEB 90%);
 
 $shadow-color: rgb(223, 223, 223);