CSS fixes

app/styles/components/columns.scss

@@ -480,11 +480,11 @@
 
   &.active {
     color: var(--primary-text-color);
-    background: var(--brand-color--med);
+    background: var(--accent-color--med);
 
     &:hover {
       color: var(--primary-text-color);
-      background: var(--brand-color--med);
+      background: var(--accent-color--med);
     }
   }
 }

app/styles/components/modal.scss

@@ -340,7 +340,7 @@
 
 .actions-modal {
   .status {
-    background: #ffffff;
+    background: var(--background-color);
     border-bottom-color: var(--background-color);
     padding-top: 10px;
     padding-bottom: 10px;
@@ -465,7 +465,7 @@
     width: 100%;
     margin: 0;
     color: var(--primary-text-color);
-    background: #ffffff;
+    background: var(--background-color);
     padding: 10px;
     font-family: inherit;
     font-size: 14px;

app/styles/loading.scss

@@ -181,7 +181,7 @@
   font-size: 16px;
   font-weight: 500;
   color: var(--primary-text-color);
-  background: var(--brand-color--med);
+  background: var(--accent-color--faint);
   cursor: default;
   display: flex;
   flex: 1 1 auto;