MOBILE-3401 login: Add darkmode styles for login

Author: crazyserver

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

@@ -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 @@ <h2 text-wrap>{{site.name}}<ng-container *ngIf="site.alias"> ({{site.alias}})</n
 
             <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.html

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