diff --git a/src/app/pages/login/login.page.scss b/src/app/pages/login/login.page.scss
index 103042085..ea799e883 100644
--- a/src/app/pages/login/login.page.scss
+++ b/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;
diff --git a/src/app/services/theme.service.spec.ts b/src/app/services/theme.service.spec.ts
new file mode 100644
index 000000000..1c2957ba8
--- /dev/null
+++ b/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();
+ });
+});
diff --git a/src/app/services/theme.service.ts b/src/app/services/theme.service.ts
new file mode 100644
index 000000000..74f0e7012
--- /dev/null
+++ b/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() {}
+
+}
diff --git a/src/app/shared/header/header.page.scss b/src/app/shared/header/header.page.scss
index 764111ce2..5aa464101 100644
--- a/src/app/shared/header/header.page.scss
+++ b/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);
+}
diff --git a/src/global.scss b/src/global.scss
index 8ce2723f5..3b7ca3f05 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -748,14 +748,14 @@ app-header-no-search .ion-toolbar{
body, .blue-background{ background: var(--color) !important;}
+
+// desktop
@media only screen and (min-width: 1365px) {
+ // set color to body
body{
background: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
}
- .blue-background {
- background: linear-gradient(270deg, #45BAFF 0%, #0782C9 23.44%, rgba(7, 130, 201, 0.9425) 78.13%, #45BAFF 100%) !important;
- }
}
diff --git a/src/index.html b/src/index.html
index 7ec5e3daf..5f652ec5f 100644
--- a/src/index.html
+++ b/src/index.html
@@ -67,7 +67,7 @@
-
+
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index a54eef907..4b807a945 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -613,39 +613,20 @@ body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
-
.gov{
- --login-background: linear-gradient(180deg, #C63527 60%, #000 100%) !important;
- --button-hover: #42B9FE;
- --inicio-open-page-from-box: #42B9FE;
- --color : hsl(195, 3%, 77%);
- --color2: #f0f0f0;
- --color3: #D9D9D9;
- --color4: #d9d9d9ee;
- --color5: #ececec;
- --header-tab-top-border: #000;
-}
-
-.gov2{
--login-background: linear-gradient(180deg, #C63527 60%, #000 100%) !important;
--button-hover: #FFB81C;
--inicio-open-page-from-box: #C63527;
- --color : hsl(0, 69%, 44%);
- --color2: #681a13e8;
- --color3: #C63527;
- --color4: #c63427e7;
- --color5: #681a13e8;
+
--header-tab-top-border: #000;
+ --header-tab-text-white: rgb(0, 0, 0);
}
.default {
--login-background: linear-gradient(180deg, #42B9FE 0%, #0782C9 100%) !important;
--button-hover: #42B9FE;
--inicio-open-page-from-box: #42B9FE;
- --color : hsl(195, 3%, 77%);
- --color2: #f0f0f0;
- --color3: #D9D9D9;
- --color4: #d9d9d9ee;
- --color5: #ececec;
+
--header-tab-top-border: white;
+ --header-tab-text-white: white;
}