MOBILE-3401 login: Add darkmode styles for login

src/core/login/login.scss

@@ -97,4 +97,12 @@ ion-app.app-root page-core-login-site {
         max-width: 300px;
         margin: 5px auto;
     }
+
+    .item.item-block {
+        background: transparent;
+
+        @include darkmode() {
+            background: transparent;
+        }
+    }
 }

src/core/login/pages/forgotten-password/forgotten-password.scss

@@ -1,6 +0,0 @@
-ion-app.app-root page-core-login-forgotten-password {
-    .content {
-        background: -webkit-radial-gradient(white, $gray-light);
-        background: radial-gradient(white, $gray-light);
-    }
-}

src/core/login/pages/site/site.html

@@ -19,7 +19,7 @@
             <ng-container *ngIf="!fixedSites">
                 <ion-item>
                     <ion-label stacked><h2>{{ 'core.login.siteaddress' | translate }}</h2></ion-label>
-                    <ion-input type="url" name="url" placeholder="https://campus.example.edu" formControlName="siteUrl" [core-auto-focus]="showKeyboard" (ionChange)="searchSite($event, siteForm.value.siteUrl)"></ion-input>
+                    <ion-input name="url" placeholder="https://campus.example.edu" formControlName="siteUrl" [core-auto-focus]="showKeyboard" (ionChange)="searchSite($event, siteForm.value.siteUrl)"></ion-input>
                 </ion-item>
             </ng-container>
 
@@ -59,7 +59,7 @@
 
             <ng-container *ngIf="!fixedSites && showScanQR && !hasSites && !enteredSiteUrl">
                 <div class="core-login-site-qrcode-separator">{{ 'core.login.or' | translate }}</div>
-                <ion-item>
+                <ion-item class="core-login-site-qrcode">
                     <a ion-button block color="light" margin-top icon-start (click)="showInstructionsAndScanQR()">
                         <core-icon name="fa-qrcode" aria-hidden="true"></core-icon>
                         {{ 'core.scanqr' | translate }}

src/core/login/pages/site/site.scss

@@ -11,12 +11,14 @@ ion-app.app-root page-core-login-site {
         }
     }
 
-    .core-login-need-help.item {
-        background: transparent;
+    .item.item-block {
+        &.core-login-need-help.item {
             text-decoration: underline;
-
-        @include darkmode() {
-            background: transparent;
+        }
+        &.core-login-site-qrcode {
+            .item-inner {
+                border-bottom: 0;
+            }
         }
     }