Finished dark mode! This means re-doing all sass variables in the

variables.scss file and defining css variables in :root and alterting
them based on prefered color scheme. This gives us a mechanism to set
custom color schemes for the entire site from one place and changing
between them just by setting a class to the body element. This is done
by overwriting the css variables and then our scss variables use these
changes and apply them downward. This seems like a really nice setup for
the switching between- and adding color schemes.
Also did a lot of cleanup of unused, duplicate or errors styling
throughout the application.

src/components/Profile.vue

@@ -93,6 +93,10 @@ export default {
 @import "./src/scss/variables";
 @import "./src/scss/media-queries";
 
+.button--group {
+  display: flex;
+}
+
 // DUPLICATE CODE
 .profile{
   &__header{
@@ -100,7 +104,17 @@ export default {
     align-items: center;
     justify-content: space-between;
     padding: 20px;
-    border-bottom: 1px solid rgba($c-dark, 0.05);
+    border-bottom: 1px solid $text-color-5;
+
+    @include mobile-only {
+      flex-direction: column;
+      align-items: flex-start;
+
+      .button--group {
+        padding-top: 2rem;
+      }
+    }
+
     @include tablet-min{
       padding: 29px 30px;
     }
@@ -115,7 +129,7 @@ export default {
     margin: 0;
     font-size: 16px;
     line-height: 16px;
-    color: $c-dark;
+    color: $text-color;
     font-weight: 300;
     @include tablet-min{
       font-size: 18px;