Make social icons links pretty

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

@@ -68,16 +68,35 @@
         margin-left: 5px;
       }
 
+      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: 20px;
+            width: 25px;
-        margin: 5px;
+            text-align: center;
+          }
         }
       }
 
+    }
 
     #birthdays_content {
       ul.birthdays_year {

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);