Merge pull request #352 from uvarov-frontend/fix/color_scheme_styles

Fix color scheme styles
uvarov-frontend · Dec 18, 2024 · bb5269e · bb5269e
2 parents 41b70fc + 755edbf
commit bb5269e
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 4 deletions.
diff --git a/package/src/styles/themes/dark.css b/package/src/styles/themes/dark.css
@@ -48,7 +48,7 @@
 }
 
 [data-vc-theme='dark'] button.vc-week__day {
-  @apply  surehover:hover:text-slate-300;
+  @apply surehover:hover:text-slate-300;
 }
 
 [data-vc-theme='dark'] .vc-week__day[data-vc-week-day-off] {
@@ -106,16 +106,28 @@
   @apply bg-slate-800;
 }
 
+[data-vc-theme='dark'] .vc-date[data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-700 surehover:hover:bg-slate-700;
+}
+
 [data-vc-theme='dark'] .vc-date[data-vc-date-weekend] .vc-date__btn,
 [data-vc-theme='dark'] .vc-date[data-vc-date-holiday] .vc-date__btn {
-  @apply text-rose-500 surehover:hover:bg-slate-800 surehover:hover:text-rose-500;
+  @apply text-rose-500 surehover:hover:bg-slate-800;
 }
 
 [data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn,
 [data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn {
   @apply bg-slate-800 text-rose-500;
 }
 
+[data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-hover='first'] .vc-date__btn,
+[data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-700 surehover:hover:bg-slate-700;
+}
+
 [data-vc-theme='dark'] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn,
 [data-vc-theme='dark'] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn {
   @apply text-slate-700 opacity-80;

diff --git a/package/src/styles/themes/light.css b/package/src/styles/themes/light.css
@@ -106,6 +106,11 @@
   @apply bg-slate-100;
 }
 
+[data-vc-theme='light'] .vc-date[data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-200 surehover:hover:bg-slate-200;
+}
+
 [data-vc-theme='light'] .vc-date[data-vc-date-weekend] .vc-date__btn,
 [data-vc-theme='light'] .vc-date[data-vc-date-holiday] .vc-date__btn {
   @apply text-rose-500 surehover:hover:bg-rose-50;
@@ -116,6 +121,13 @@
   @apply bg-rose-50;
 }
 
+[data-vc-theme='light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='first'] .vc-date__btn,
+[data-vc-theme='light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-rose-100 surehover:hover:bg-rose-100;
+}
+
 [data-vc-theme='light'] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn,
 [data-vc-theme='light'] .vc-date[data-vc-date-holiday][data-vc-date-disabled] .vc-date__btn {
   @apply text-slate-300;

diff --git a/package/src/styles/themes/slate-light.css b/package/src/styles/themes/slate-light.css
@@ -106,14 +106,26 @@
   @apply bg-slate-200;
 }
 
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-300 surehover:hover:bg-slate-300;
+}
+
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend] .vc-date__btn,
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday] .vc-date__btn {
-  @apply text-red-500 surehover:hover:bg-red-100;
+  @apply text-red-500 surehover:hover:bg-slate-200;
 }
 
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-hover] .vc-date__btn,
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday][data-vc-date-hover] .vc-date__btn {
-  @apply bg-red-100;
+  @apply bg-slate-200;
+}
+
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='last'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-hover='first'] .vc-date__btn,
+[data-vc-theme='slate-light'] .vc-date[data-vc-date-holiday][data-vc-date-hover='first'] .vc-date__btn {
+  @apply bg-slate-300 surehover:hover:bg-slate-300;
 }
 
 [data-vc-theme='slate-light'] .vc-date[data-vc-date-weekend][data-vc-date-disabled] .vc-date__btn,