Update auth ext disabled screen styling to match ai ext disabled screen

edgedb · Apr 26, 2024 · acb6380 · acb6380
1 parent 24bc7de
commit acb6380
Showing 1 changed file with 21 additions and 7 deletions.
diff --git a/shared/studio/tabs/auth/authAdmin.module.scss b/shared/studio/tabs/auth/authAdmin.module.scss
@@ -30,36 +30,50 @@
 }
 
 .extDisabled {
-  flex-grow: 1;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
-  padding: 16px;
+  margin: auto;
+  font-family: "Roboto Flex Variable", sans-serif;
+  color: #4d4d4d;
 
   h2 {
-    font-size: 20px;
+    color: inherit;
+    font-size: 18px;
+    font-style: normal;
     font-weight: 500;
+    line-height: 26px;
+    margin: 0;
   }
+
   p {
-    margin: 0 8px;
+    margin: 8px 0;
   }
 
   pre {
-    background: #e6e6e6;
+    background: #eee;
     margin: 12px;
     padding: 12px 16px;
     border-radius: 6px;
+    user-select: text;
 
     @include darkTheme {
       background: #383838;
     }
   }
 
   a {
-    color: var(--app-accent-green);
-    text-decoration: none;
+    color: #b044c2;
+
+    @include darkTheme {
+      color: #ac86f6;
+    }
+  }
+
+  @include darkTheme {
+    color: #ccc;
   }
 }