diff --git a/app/src/components/globals/DescriptionRow.vue b/app/src/components/globals/DescriptionRow.vue
index 878d00c0..4cf80387 100644
--- a/app/src/components/globals/DescriptionRow.vue
+++ b/app/src/components/globals/DescriptionRow.vue
@@ -37,7 +37,7 @@ export default {
   @include media-breakpoint-up(md) {
     margin: .25rem 0;
     &:hover {
-      background-color: rgba(0, 0, 0, 0.05);
+      background-color: rgba($black, 0.05);
       border-radius: 0.2rem;
     }
   }
diff --git a/app/src/components/globals/Icon.vue b/app/src/components/globals/Icon.vue
index 0799be35..077e7817 100644
--- a/app/src/components/globals/Icon.vue
+++ b/app/src/components/globals/Icon.vue
@@ -39,13 +39,9 @@ export default {
     @each $color, $value in $theme-colors {
       &.#{$color} {
         background-color: $value;
-        color: $white;
+        color: color-yiq($value);
       }
     }
-
-    &.warning {
-      color: $black;
-    }
   }
 }
 </style>
diff --git a/app/src/components/globals/formItems/TagsSelectizeItem.vue b/app/src/components/globals/formItems/TagsSelectizeItem.vue
index 0177bb83..158d3a51 100644
--- a/app/src/components/globals/formItems/TagsSelectizeItem.vue
+++ b/app/src/components/globals/formItems/TagsSelectizeItem.vue
@@ -150,7 +150,7 @@ export default {
     padding-top: .5rem;
     position: sticky;
     top: 0;
-    background-color: white;
+    background-color: $white;
   }
 }
 </style>
diff --git a/app/src/scss/_variables.scss b/app/src/scss/_variables.scss
index 8d193cd9..de23611d 100644
--- a/app/src/scss/_variables.scss
+++ b/app/src/scss/_variables.scss
@@ -101,8 +101,6 @@ $b-toast-background-opacity: 100%;
 @import '~bootstrap-vue/src/variables';
 
 
-$body-color: $gray-800;
-
 $hr-border-color: $gray-200;
 
 $list-group-action-color: $gray-800;
diff --git a/app/src/scss/main.scss b/app/src/scss/main.scss
index fe051ba7..a6f58f7d 100644
--- a/app/src/scss/main.scss
+++ b/app/src/scss/main.scss
@@ -178,7 +178,7 @@ body {
 .row-line {
   @include media-breakpoint-up(md) {
     &:hover {
-      background-color: rgba(0, 0, 0, 0.05);
+      background-color: rgba($black, 0.05);
       border-radius: 0.2rem;
     }
   }