add theme to login

src/app/pages/login/login.page.scss

@@ -9,7 +9,7 @@ ion-content{
 }
 
 .main-wrapper{
-    background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%)  !important;
+    background: var(--login-background);
     display: flex;
     width: 100vw;
     height: 100vh;
@@ -101,14 +101,13 @@ ion-item{
     border-radius: 22.5px;
     margin: 10px 0 10px 0;
 }
+
 .btn-login{
     font-size: 16px;
-  }
-
-
-
-
-
+}
+.btn-login:hover{
+    background-color: var(--button-hover);;
+}
 
 .div-top-header{
   margin: 0 em(20px);
@@ -128,7 +127,6 @@ ion-item{
 }
 
 
-
 .circle{
     color: white;
     width: 70px;

src/app/services/theme.service.spec.ts

@@ -0,0 +1,16 @@
+import { TestBed } from '@angular/core/testing';
+
+import { ThemeService } from './theme.service';
+
+describe('ThemeService', () => {
+  let service: ThemeService;
+
+  beforeEach(() => {
+    TestBed.configureTestingModule({});
+    service = TestBed.inject(ThemeService);
+  });
+
+  it('should be created', () => {
+    expect(service).toBeTruthy();
+  });
+});

src/app/services/theme.service.ts

@@ -0,0 +1,17 @@
+import { Injectable } from '@angular/core';
+
+@Injectable({
+  providedIn: 'root'
+})
+export class ThemeService {
+
+  themes = [
+    'gov',
+    'default'
+  ]
+
+  constructor() { }
+
+  setTheme() {}
+
+}

src/app/shared/header/header.page.scss

@@ -86,10 +86,10 @@
 }
 
 .tab:hover{
-  border-top: 7px solid white;
+  border-top: 7px solid var(--header-tab-text-white);
 }
 .active{
-  border-top: 7px solid white;
+  border-top: 7px solid var(--header-tab-text-white);
 }
 
 
@@ -113,3 +113,8 @@
     width: 20px;
   }
 }
+
+
+.tab {
+  color: var(--header-tab-text-white);
+}