-
+
diff --git a/src/global.scss b/src/global.scss
index 58fc73799..9b9ecfed5 100644
--- a/src/global.scss
+++ b/src/global.scss
@@ -54,13 +54,13 @@ td.monthview-primary-with-event {
// current date
td.monthview-current{
- border-bottom: 1px solid lightskyblue !important;
+ border-bottom: 1px solid var(--monthview-selected) !important;
color: black !important;
background-color: white !important;
}
// selected date =============================
td.monthview-selected {
- background-color: lightskyblue !important;
+ background-color: var(--monthview-selected) !important;
color: white !important;
}
@@ -1003,7 +1003,7 @@ background: rgb(92, 92, 92);
// calendar
.mat-calendar-body-selected {
- background-color: #42b9fe !important;
+ background-color: var(--mat-calendar-body-selected) !important;
}
// select background
@@ -1073,7 +1073,7 @@ background: rgb(92, 92, 92);
.mat-selected {
- background-color: #87cefa !important;
+ background-color: var(--mat-selected) !important;
span {
color: white !important;
}
diff --git a/src/theme/variables.scss b/src/theme/variables.scss
index 7fad252f3..2b4f299cb 100644
--- a/src/theme/variables.scss
+++ b/src/theme/variables.scss
@@ -706,6 +706,7 @@ body {
.gov {
--ion-color-primary: #000;
+ --ion-color-secondary: #e4e8eb75;
--login-background: linear-gradient(180deg, #c63527 60%, #000 100%) !important;
--button-hover: #c63527;
--button-color: #ffb81c;
@@ -719,6 +720,9 @@ body {
--header-bottom-line-background-image: linear-gradient(to right, #c63527, #ffb81c, #ffc72c);
--font-awesome: #ffb81c;
--font-awesome-1: #c63527;
+ --mat-selected: #c63527;
+ --mat-calendar-body-selected: #c63527;
+ --monthview-selected: rgb(198 53 39 / 49%);
--color: #d9d9d9;
--color2: #f0f0f0;
@@ -775,6 +779,7 @@ body {
.default {
--ion-color-primary: #3880ff;
+ --ion-color-secondary: #e4e8eb75;
--login-background: linear-gradient(180deg, #42b9fe 0%, #0782c9 100%) !important;
--button-hover: #42b9fe;
--inicio-open-page-from-box: #42b9fe;
@@ -782,6 +787,9 @@ body {
--button-text-color: #white;
--header-tab-top-border: white;
--header-tab-text-white: white;
+ --mat-selected: #87cefa;
+ --mat-calendar-body-selected: #42b9fe ;
+ --monthview-selected: lightskyblue;
--header-container-background: linear-gradient(
270deg,
var(--color2) 0%,