Dark Mode: Permissions container (#14077)

ui/components/app/permission-page-container/index.scss

@@ -23,14 +23,6 @@
     }
   }
 
-  &__header {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-end;
-    border-bottom: 1px solid var(--geyser);
-    padding: 9px;
-  }
-
   &__title {
     @include H4;
 
@@ -43,13 +35,13 @@
     display: flex;
     overflow-y: auto;
     flex-direction: column;
-    color: #7c808e;
+    color: var(--color-text-default);
     padding-left: 24px;
     padding-right: 24px;
 
     a,
     a:hover {
-      color: var(--dodger-blue);
+      color: var(--color-primary-default);
     }
 
     &__requested {
@@ -69,7 +61,7 @@
         @include H6;
 
         margin-left: 16px;
-        color: var(--Black-100);
+        color: var(--color-text-default);
       }
     }
   }
@@ -88,7 +80,7 @@
   &__permissions-header {
     @include H6;
 
-    color: #6a737d;
+    color: var(--color-text-default);
   }
 
   &__permissions-container {

ui/css/utilities/colors.scss

@@ -75,5 +75,4 @@
   --athens-grey: #e9edf0;
   --geyser: #d2d8dd;
   --mid-gray: #5b5d67;
-  --dodger-blue: #3099f2;
 }