Merge pull request #38 from csalmeida/themes-v4-calendar-more-fixes

Themes v4 Calendar styles

18 files changed, 134 insertions, 17 deletions

diff --git a/templates/@theme-base/_full.scss b/templates/@theme-base/_full.scss
index e0240c1..a3c37b0 100644
--- a/templates/@theme-base/_full.scss
+++ b/templates/@theme-base/_full.scss
@@ -419,4 +419,24 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: $highlight;
   background: transparent;
+}
+
+// Calendar weekday (monthview)
+.calendar-daygrid-weeknumber {
+  // border-color: white;
+  // border-bottom: 1px solid #dde6ec;
+  // border-bottom: 1px solid var(--bordercolor-input,#dde6ec);
+  // border-right: 1px solid #dde6ec;
+  // border-right: 1px solid var(--bordercolor-input,#dde6ec);
+  background-color: darken($base, 10%); 
+}
+
+// Calendar event text color
+.calendar-dayeventcell-inner {
+  color: $text_color;
+}
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: darken($base, 10%);
 }
\ No newline at end of file
diff --git a/templates/@theme-base/_styles.scss b/templates/@theme-base/_styles.scss
index 65096ea..2d2076c 100644
--- a/templates/@theme-base/_styles.scss
+++ b/templates/@theme-base/_styles.scss
@@ -233,6 +233,7 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number, 
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: darken($highlight, 25%);
 }
\ No newline at end of file
diff --git a/themes/blue_and_orange/blue_and_orange.css b/themes/blue_and_orange/blue_and_orange.css
index 926bd71..72168db 100644
--- a/themes/blue_and_orange/blue_and_orange.css
+++ b/themes/blue_and_orange/blue_and_orange.css
@@ -162,5 +162,6 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #99420e; }
diff --git a/themes/blue_and_orange/blue_and_orange_full.css b/themes/blue_and_orange/blue_and_orange_full.css
index 8e3ec97..81af940 100644
--- a/themes/blue_and_orange/blue_and_orange_full.css
+++ b/themes/blue_and_orange/blue_and_orange_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #99420e; }
 
 body {
@@ -454,3 +455,13 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: #ED7D3A;
   background: transparent; }
+
+.calendar-daygrid-weeknumber {
+  background-color: #082830; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #082830; }
diff --git a/themes/dark_bubble_gum/dark_bubble_gum.css b/themes/dark_bubble_gum/dark_bubble_gum.css
index f55dfbc..a68d978 100644
--- a/themes/dark_bubble_gum/dark_bubble_gum.css
+++ b/themes/dark_bubble_gum/dark_bubble_gum.css
@@ -162,5 +162,6 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #910b27; }
diff --git a/themes/dark_bubble_gum/dark_bubble_gum_full.css b/themes/dark_bubble_gum/dark_bubble_gum_full.css
index 6619243..dac2fda 100644
--- a/themes/dark_bubble_gum/dark_bubble_gum_full.css
+++ b/themes/dark_bubble_gum/dark_bubble_gum_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #910b27; }
 
 body {
@@ -454,3 +455,13 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: #EF2D56;
   background: transparent; }
+
+.calendar-daygrid-weeknumber {
+  background-color: #030303; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #030303; }
diff --git a/themes/deutera_one/deutera_one.css b/themes/deutera_one/deutera_one.css
index 5705b22..0ae3dd4 100644
--- a/themes/deutera_one/deutera_one.css
+++ b/themes/deutera_one/deutera_one.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #807700; }
 
 .pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
diff --git a/themes/deutera_one/deutera_one_full.css b/themes/deutera_one/deutera_one_full.css
index f124b4d..4c76e5b 100644
--- a/themes/deutera_one/deutera_one_full.css
+++ b/themes/deutera_one/deutera_one_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #807700; }
 
 body {
@@ -455,6 +456,16 @@ select.pm-field, select.pm-field-icon-container {
   border-color: #ffed00;
   background: transparent; }
 
+.calendar-daygrid-weeknumber {
+  background-color: #000043; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #000043; }
+
 .pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
   color: #fff;
   background-color: #08426b;
diff --git a/themes/dracula/dracula.css b/themes/dracula/dracula.css
index ba2af94..de8bd35 100644
--- a/themes/dracula/dracula.css
+++ b/themes/dracula/dracula.css
@@ -162,5 +162,6 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #f9008f; }
diff --git a/themes/dracula/dracula_full.css b/themes/dracula/dracula_full.css
index 7c6fa9a..160ba4f 100644
--- a/themes/dracula/dracula_full.css
+++ b/themes/dracula/dracula_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #f9008f; }
 
 body {
@@ -454,3 +455,13 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: #FF79C6;
   background: transparent; }
+
+.calendar-daygrid-weeknumber {
+  background-color: #121319; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #121319; }
diff --git a/themes/green_lume/green_lume.css b/themes/green_lume/green_lume.css
index 905789e..86809a4 100644
--- a/themes/green_lume/green_lume.css
+++ b/themes/green_lume/green_lume.css
@@ -162,5 +162,6 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #165934; }
diff --git a/themes/green_lume/green_lume_full.css b/themes/green_lume/green_lume_full.css
index 2bec342..73fcef1 100644
--- a/themes/green_lume/green_lume_full.css
+++ b/themes/green_lume/green_lume_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #165934; }
 
 body {
@@ -454,3 +455,13 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: #2FBF71;
   background: transparent; }
+
+.calendar-daygrid-weeknumber {
+  background-color: #030303; }
+
+.calendar-dayeventcell-inner {
+  color: #d6d6d6; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #030303; }
diff --git a/themes/monokai/monokai.css b/themes/monokai/monokai.css
index e74dc13..dd74586 100644
--- a/themes/monokai/monokai.css
+++ b/themes/monokai/monokai.css
@@ -162,5 +162,6 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #405d14; }
diff --git a/themes/monokai/monokai_full.css b/themes/monokai/monokai_full.css
index 4b34399..7aafc6c 100644
--- a/themes/monokai/monokai_full.css
+++ b/themes/monokai/monokai_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #405d14; }
 
 body {
@@ -454,3 +455,13 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: #89C62A;
   background: transparent; }
+
+.calendar-daygrid-weeknumber {
+  background-color: #030302; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #030302; }
diff --git a/themes/ochin/ochin.css b/themes/ochin/ochin.css
index 3929ebc..812c398 100644
--- a/themes/ochin/ochin.css
+++ b/themes/ochin/ochin.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #66b823; }
 
 .pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
diff --git a/themes/ochin/ochin_full.css b/themes/ochin/ochin_full.css
index 8cd1530..4f69270 100644
--- a/themes/ochin/ochin_full.css
+++ b/themes/ochin/ochin_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #66b823; }
 
 body {
@@ -455,6 +456,16 @@ select.pm-field, select.pm-field-icon-container {
   border-color: #A8E576;
   background: transparent; }
 
+.calendar-daygrid-weeknumber {
+  background-color: #1f252d; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #1f252d; }
+
 .pm-button--error, .pm-button--primary, .pm-button--warning, .pm-button-blue {
   color: #FFF;
   background-color: #7297C4;
diff --git a/themes/vitamin_c/vitamin_c.css b/themes/vitamin_c/vitamin_c.css
index be9729d..ce9fc98 100644
--- a/themes/vitamin_c/vitamin_c.css
+++ b/themes/vitamin_c/vitamin_c.css
@@ -162,5 +162,6 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #7e3a00; }
diff --git a/themes/vitamin_c/vitamin_c_full.css b/themes/vitamin_c/vitamin_c_full.css
index a10cf6e..cb0d065 100644
--- a/themes/vitamin_c/vitamin_c_full.css
+++ b/themes/vitamin_c/vitamin_c_full.css
@@ -162,7 +162,8 @@ a:active, a:focus, a:hover,
 .calendar-grid-heading[aria-pressed="true"]
 .calendar-grid-heading-number,
 .minicalendar-day[aria-pressed="true"],
-.minicalendar-day[aria-current="date"]::before {
+.minicalendar-day[aria-current="date"]::before,
+.calendar-monthgrid-day[aria-pressed="true"] .calendar-monthgrid-day-number {
   background: #7e3a00; }
 
 body {
@@ -454,3 +455,13 @@ select.pm-field, select.pm-field-icon-container {
 .pm-checkbox-fakecheck {
   border-color: #FD7400;
   background: transparent; }
+
+.calendar-daygrid-weeknumber {
+  background-color: #001c25; }
+
+.calendar-dayeventcell-inner {
+  color: #e6eaf0; }
+
+.calendar-dayeventcell-inner:focus,
+.calendar-dayeventcell-inner:hover {
+  background-color: #001c25; }