fix theme scss

packages/preset-themes/src/styles/antarctic.scss

@@ -14,11 +14,13 @@
 }
 
 .nologin {
-  background: unset !important;
-  background-image: url('/images/themes/antarctic/topimage.svg');
-  background-attachment: fixed;
-  background-position: center center;
-  background-size: cover;
+  background-image: unset !important;
+  .page-wrapper{
+    background-image: url('../images/antarctic/topimage.svg');
+    background-attachment: fixed;
+    background-position: 50%;
+    background-size: cover;
+  }
 }
 
 .grw-navbar {

packages/preset-themes/src/styles/christmas.scss

@@ -159,7 +159,7 @@
 
     .nologin-header,
     .nologin-dialog {
-      background-color: rgba(#ccc, 0.5);
+      background-color: rgba(#ccc, 0.5) !important;
       a.link-switch {
         color: #bd3425;
       }

packages/preset-themes/src/styles/hufflepuff.scss

@@ -146,14 +146,15 @@
   // login and register
   .nologin {
     background: unset !important;
-    background-image: url('../images/hufflepuff/badger-light.png');
-    background-attachment: fixed;
-    background-position: bottom;
-    background-size: cover;
-
+    .page-wrapper{
+      background-image: url('../images/hufflepuff/badger-light.png');
+      background-attachment: fixed;
+      background-position: bottom;
+      background-size: cover;
+    }
     .nologin-header,
     .nologin-dialog {
-      background-color: rgba(black, 0.1);
+      background-color: rgba(black, 0.1) !important;
       a.link-switch  {
         color: #{hsl.darken(var(--color-global),10%)};
       }
@@ -341,14 +342,15 @@
   // login and register
   .nologin {
     background: unset !important;
-    background-image: url('../images/hufflepuff/badger-light.png');
-    background-attachment: fixed;
-    background-position: bottom;
-    background-size: cover;
-
+    .page-wrapper{
+      background-image: url('../images/hufflepuff/badger-light.png');
+      background-attachment: fixed;
+      background-position: bottom;
+      background-size: cover;
+    }
     .nologin-header,
     .nologin-dialog {
-      background-color: rgba(black, 0.1);
+      background-color: rgba(black, 0.1) !important;
     }
 
     .link-switch {

packages/preset-themes/src/styles/spring.scss

@@ -136,15 +136,18 @@
 
   // login and register
   .nologin {
-    background: unset !important;
-    background-image: url('../images/spring/spring.svg');
-    background-attachment: fixed;
-    background-position: bottom;
-    background-size: cover;
+    background-image: unset !important;
+    .page-wrapper{
+      background-color: #fff0f5;
+      background-image: url('../images/spring/spring.svg');
+      background-attachment: fixed;
+      background-position: bottom;
+      background-size: cover;
+    }
 
     .nologin-header,
     .nologin-dialog {
-      background-color: rgba(black, 0.1);
+      background-color: rgba(black, 0.1) !important;
       a.link-switch {
         color: var(--color-global);
       }

packages/preset-themes/src/styles/wood.scss

@@ -174,7 +174,7 @@
 
     .nologin-header,
     .nologin-dialog {
-      background-color: rgba(black, 0.1);
+      background-color: rgba(black, 0.1) !important;
       a.link-switch {
         color: rgba(black, 0.5);
       }