style adjustments

Author: jakapozun

Spixi/Resources/Raw/html/css/spixiui-dark.css

@@ -4429,7 +4429,7 @@ img.emoji {
 }
 
 .loading-modal-container {
-    background: var(--colors-surface-01);
+    background: transparent;
     width: 100%;
     padding: 16px;
     display: flex;
@@ -5216,6 +5216,8 @@ img.emoji {
         flex-direction: column;
         gap: 8px;
         align-items: center;
+        color: var(--colors-text-01);
+        text-align: center;
 
         img {
             margin-top: 8px;
@@ -5270,12 +5272,14 @@ img.emoji {
 
     img {
         max-width: 80px;
+        border: 2px solid var(--colors-outline-action);
     }
 }
 
 .create-step {
     max-width: 350px;
     gap: 8px;
+    margin-bottom: 120px;
 }
 
 .create-account-username {
@@ -5285,6 +5289,8 @@ img.emoji {
     max-height: 44px;
     padding: 12px;
     outline: none;
+    background: transparent;
+    color: var(--colors-text-01);
 }
 
 .create-account-username:focus-visible,
@@ -5377,6 +5383,7 @@ input.create-account-username[type="password"] {
     align-items: center;
     text-align: center;
     margin-bottom: 40px;
+    color: var(--colors-text-01);
 }
 
 .join-footer {

Spixi/Resources/Raw/html/css/spixiui-light.css

@@ -4410,7 +4410,7 @@ img.emoji {
 }
 
 .loading-modal-container {
-    background: var(--colors-surface-01);
+    background: transparent;
     width: 100%;
     padding: 16px;
     display: flex;
@@ -5194,6 +5194,8 @@ img.emoji {
         flex-direction: column;
         gap: 8px;
         align-items: center;
+        color: var(--colors-text-01);
+        text-align: center;
 
         img {
             margin-top: 8px;
@@ -5248,12 +5250,14 @@ img.emoji {
 
     img {
         max-width: 80px;
+        border: 2px solid var(--colors-outline-action);
     }
 }
 
 .create-step {
     max-width: 350px;
     gap: 8px;
+    margin-bottom: 120px;
 }
 
 .create-account-username {
@@ -5263,6 +5267,8 @@ img.emoji {
     max-height: 44px;
     padding: 12px;
     outline: none;
+    background: transparent;
+    color: var(--colors-text-01);
 }
 
 .create-account-username:focus-visible,
@@ -5355,6 +5361,7 @@ input.create-account-username[type="password"] {
     align-items: center;
     text-align: center;
     margin-bottom: 40px;
+    color: var(--colors-text-01);
 }
 
 .join-footer {

Spixi/Resources/Raw/html/intro.html

@@ -7,7 +7,6 @@
     <title>Onboarding</title>
     <link rel="stylesheet" type="text/css" href="css/normalize.css">
         <link rel="stylesheet" type="text/css" href="css/*SL{SpixiThemeMode}">
-<!--    <link rel="stylesheet" type="text/css" href="css/spixiui-dark.css">-->
     <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
 
     <link rel="stylesheet" type="text/css" href="libs/fontawesome/css/fontawesome.min.css">
@@ -144,7 +143,6 @@ <h4>16. Entire Agreement</h4>
                     </div>
                 </div>
             </div>
-
         </div>
     </div>
 

Spixi/Resources/Raw/html/intro_new.html

@@ -27,7 +27,7 @@
                 *SL{create-account-new} <i
                     class="fa fa-arrow-right"></i></div>
             <span class="body-sm s-text-01">*SL{create-account-already}</span>
-            <span class="label-sm s-text-link" onclick="onRestoreAccount()" style="cursor: pointer">*SL{create-account-restore}</span>
+            <span class="label-sm s-text-action" onclick="onRestoreAccount()" style="cursor: pointer">*SL{create-account-restore}</span>
         </div>
         <div id="version" class="bottom-version body-xs">Spixi V</div>
     </section>