feat: verified signin and registration pages

stylesheets/_global.scss

@@ -215,6 +215,7 @@ $loading-height: 16px;
   }
   .message {
     -webkit-user-select: text;
+    user-select: text;
     max-width: 35em;
   }
 

ts/components/registration/SignInTab.tsx

@@ -191,7 +191,7 @@ export const SignInTab = () => {
             left: 0,
             right: 0,
             pointerEvents: 'all',
-            backgroundColor: '#00000088',
+            backgroundColor: 'var(--background-primary-color)',
           }}
         >
           <SessionSpinner loading={true} />

ts/themes/colors.tsx

@@ -118,7 +118,7 @@ type ThemeColors = {
   COLOR4: string;
   COLOR5: string;
   COLOR6: string;
-  COLOR7?: string; // Only used with Ocean Light
+  COLOR7?: string; // Only used with Ocean Themes
 };
 type Themes = Record<ThemeNames, ThemeColors>;