From acb63805af179f8ff8889be269a1a0e9f0c7a53a Mon Sep 17 00:00:00 2001
From: James Clarke <james@edgedb.com>
Date: Fri, 26 Apr 2024 17:53:26 +0100
Subject: [PATCH] Update auth ext disabled screen styling to match ai ext
 disabled screen

---
 shared/studio/tabs/auth/authAdmin.module.scss | 28 ++++++++++++++-----
 1 file changed, 21 insertions(+), 7 deletions(-)

diff --git a/shared/studio/tabs/auth/authAdmin.module.scss b/shared/studio/tabs/auth/authAdmin.module.scss
index 0bac4903..bf43c8e6 100644
--- a/shared/studio/tabs/auth/authAdmin.module.scss
+++ b/shared/studio/tabs/auth/authAdmin.module.scss
@@ -30,27 +30,34 @@
 }
 
 .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;
@@ -58,8 +65,15 @@
   }
 
   a {
-    color: var(--app-accent-green);
-    text-decoration: none;
+    color: #b044c2;
+
+    @include darkTheme {
+      color: #ac86f6;
+    }
+  }
+
+  @include darkTheme {
+    color: #ccc;
   }
 }