peter/doneit-web
1
0
Fork 0
mirror of https://code.equilibrium.co.ao/ITO/doneit-web.git synced 2026-04-18 20:47:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

add theme

Browse Source
This commit is contained in:
Peter Maquiran
2022-10-20 15:45:10 +01:00
parent 46296f5f3e
commit a10f85a7d2
124 changed files with 1040 additions and 69 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/theme/variables.scss
+117 -22
View File
@@ -651,6 +651,8 @@ body {
--button-text-color: #fff !important;
--button-text-color-hover: #fff !important;
--inicio-open-page-from-box: #c63527;
--background-mobile: var(--color);
--background-desktop: var(--color);
--header-tab-top-border: #000;
--header-tab-text-white: rgb(0, 0, 0);
@@ -742,6 +744,8 @@ body {
--button-text-color: white;
--inicio-open-page-from-box: #c63527;
--PinBackground: #e1e7eb;
--background-mobile: var(--color);
--background-desktop: var(--color);
--header-tab-top-border: #000;
--header-tab-text-white: rgb(0, 0, 0);
@@ -815,34 +819,30 @@ body {
}
// blue
.default, .doneIt {
--a: #FFFFFF;
--b: #F0F4FF;
--c: #4E67EB;
--d: #291D89;
//
.default {
--login-label-text: #fff;
--chat-alert-msg-color: #fef4c5;
--chat-incoming-msg-color: #e4f4fe;
--ion-color-primary: #3880ff;
--ion-color-secondary: #e4e8eb75;
--login-background: linear-gradient(180deg, #291D89 0%, #0782c9 100%) !important;
--button-hover: #291D89;
--inicio-open-page-from-box: #291D89;
--login-background: linear-gradient(180deg, #42b9fe 0%, #0782c9 100%) !important;
--button-hover: #42b9fe;
--inicio-open-page-from-box: #42b9fe;
--button-color: #e0e9ee;
--button-text-color: #061b52;
--header-tab-top-border: white;
--header-tab-text-white: white;
--mat-selected: #291D89;
--mat-selected: #87cefa;
--mat-selected-hover: rgb(216 240 255);
--mat-calendar-body-selected: #291D89 ;
--mat-calendar-body-selected: #42b9fe ;
--monthview-selected: lightskyblue;
--PinDots: #291D89;
--PinTextColor: #291D89;
--background-desktop: linear-gradient(270deg, var(--color2) 0%, var(--color3) 23.44%, var(--color4) 78.13%, var(--color5) 100%) !important;
--background-mobile: var(--color) !important;
--PinDots: #44b5ea;
--PinTextColor: #44b5ea;
--PinCircleBackground: url(/assets/background/auth.svg);
--PinBackground: white !important;
--Event-approve-header-color: #291D89;
--Event-approve-header-color: #42b9fe;
--header-container-background: linear-gradient(
@@ -888,26 +888,121 @@ body {
var(--color4) 78.13%,
var(--color5) 100%
) !important;
--font-awesome: #291D89;
--font-awesome-1: #291D89;
--font-awesome: #42b9fe;
--font-awesome-1: #42b9fe;
--color: #0782c9;
--color2: #45baff;
--color3: #0782c9;
--color4: #0782c9f0;
--color5: #45baff;
--title-text-color: #243a5e;
--title-text-color: #0d89d1;
--subtitle-text-color: #000;
--label-bg-color: #4E67EB;
--label-bg-color: #ffb703;
--gabinete-title-container: #ecf8ff;
--gabinete-main-container: #ecf8ff;
--gabinete-active-hove-background: #291D89;
--gabinete-active-hove-box-border: 1px solid #291D89;
--gabinete-active-hove-background: #42b9fe;
--gabinete-active-hove-box-border: 1px solid #42b9fe;
--box-hover-background-color: #e6f6ff75;
--box-hover-background-border-color: 1px solid #291D89;
--box-hover-background-border-color: 1px solid #42b9fe;
--profile-text-color: #ffffff;
--box-container-color: #fff;
--box-border-color: #e9e9e9;
--box-border-color-shadow: rgb(0 0 0 / 7%);
.bg-blue {
--background: #0782c9;
background: #0782c9;
--background-color: #0782c9;
background-color: #0782c9;
color: #ffffff;
--color: #ffffff;
}
.bg-1{
background: #4cb9f825;
.bg-2{
background: #61bdf2b4;
.bg-3{
background: #96d3f8be;
.bg-4{
background: rgba(255, 255, 255, 0.918);
}
}
}
}
}
.doneIt {
--a: #69B3E7;
--b: #FFFFFF;
--c: #F0F7FD;
--d: #D2E8F8;
--e: #A5D1F1;
//
--login-label-text: #fff;
--chat-alert-msg-color: #fef4c5;
--chat-incoming-msg-color: #e4f4fe;
--ion-color-primary: #3880ff;
--ion-color-secondary: #e4e8eb75;
--button-hover: #69B3E7;
--inicio-open-page-from-box: #69B3E7;
--button-color: #e0e9ee;
--button-text-color: #243a5e;
--header-tab-top-border: white;
--header-tab-text-white: white;
--mat-selected: #69B3E7;
--mat-selected-hover: rgb(216 240 255);
--mat-calendar-body-selected: #69B3E7 ;
--monthview-selected: lightskyblue;
--PinDots: #69B3E7;
--PinTextColor: #69B3E7;
--PinCircleBackground: url(/assets/background/auth.svg);
--PinBackground: white !important;
--Event-approve-header-color: #69B3E7;
// --login-background: linear-gradient(180deg, #291D89 0%, #0782c9 100%) !important;
--header-container-background: var(--color);
--header-bottom-line-background: transparent;
--header-bottom-line-background-image: transparent;
--login-background: var(--color);
--background-desktop: var(--color);
--background-mobile: var(--color);
--border-color: var(--color);
--color-checked: #69B3E7 !important;
--font-awesome: #69B3E7;
--font-awesome-1: #69B3E7;
--color: #69B3E7;
--color2: #A5D1F1;
--color3: #69B3E7;
--color4: #69B3E7;
--color5: #A5D1F1;
--title-text-color: #243a5e;
--subtitle-text-color: #69B3E7;
--label-bg-color: #A5D1F1;
--gabinete-title-container: #ecf8ff;
--gabinete-main-container: #ecf8ff;
--gabinete-active-hove-background: #69B3E7;
--gabinete-active-hove-box-border: 1px solid #D2E8F8;
--box-hover-background-color: #e6f6ff75;
--box-hover-background-border-color: 1px solid #D2E8F8;
--profile-text-color: #ffffff;