Added color

shaikhsajid1111 · Oct 6, 2024 · 79cce5c · 79cce5c
1 parent d1afab4
commit 79cce5c
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -45,9 +45,9 @@ <h1><a href="{{ "/" | absolute_url }}">{{ site.title | default: site.github.repo
 
       <div class="rounded-social-buttons">
         <a class="social-button linkedin" href="{{ site.social.linkedin }}" target="_blank"><i class="fab fa-linkedin"></i></a>
-        <a class="social-button stackoverflow" href="{{ site.social.stackoverflow }}" target="_blank"><i class="fab fa-stackoverflow"></i></a>
+        <a class="social-button stackoverflow" href="{{ site.social.stackoverflow }}" target="_blank"><i class="fab fa-stack-overflow"></i></a>
         <a class="social-button dev" href="{{ site.social.dev }}" target="_blank"><i class="fab fa-dev"></i></a>
-        <a class="social-button github" href="{{ site.social.github }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
+        <a class="social-button github" href="{{ site.social.github }}" target="_blank"><i class="fab fa-github"></i></a>
         <a class="social-button facebook" href="{{ site.social.facebook }}" target="_blank"><i class="fab fa-facebook-f"></i></a>
         <a class="social-button twitter" href="{{ site.social.twitter }}" target="_blank"><i class="fab fa-twitter"></i></a>
         <a class="social-button instagram" href="{{ site.social.instagram }}" target="_blank"><i class="fab fa-instagram"></i></a>

diff --git a/assets/css/custom_style.css b/assets/css/custom_style.css
@@ -114,6 +114,18 @@
   border-color: #125688;
 }
 
+.social-button.dev i {
+  color: #0A0A0A;
+}
+
+.social-button.github {
+  color: #181717;
+}
+
+.social-button.stackoverflow  {
+  color: #F48024;
+}
+
 /*.profile-picture {
   border-radius: 50%;
   object-fit: cover;