@nomideusz/svelte-calendar 0.7.3 → 0.7.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -949,8 +949,11 @@
949
949
  z-index: 6;
950
950
  border-radius: 6px;
951
951
  cursor: pointer;
952
- background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
952
+ background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
953
953
  border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
954
+ /* Solid stripe at the start edge — matches the week view, keeps the
955
+ pure tour color visible while the body stays a readable tint. */
956
+ border-left: 3px solid var(--ev-color);
954
957
  overflow: hidden;
955
958
  display: flex;
956
959
  align-items: center;
@@ -961,7 +964,7 @@
961
964
  top 180ms cubic-bezier(0.2, 0.8, 0.2, 1), height 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
962
965
  }
963
966
  .fs-event:hover {
964
- background: color-mix(in srgb, var(--ev-color) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
967
+ background: color-mix(in srgb, var(--ev-color) 32%, var(--dt-surface, var(--dt-bg, #ffffff)));
965
968
  box-shadow: 0 2px 12px color-mix(in srgb, var(--ev-color) 25%, transparent);
966
969
  }
967
970
  .fs-event--selected {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@nomideusz/svelte-calendar",
3
- "version": "0.7.3",
3
+ "version": "0.7.4",
4
4
  "description": "A themeable Svelte 5 calendar with Day and Week views — Planner and Agenda.",
5
5
  "type": "module",
6
6
  "license": "MIT",
@@ -242,8 +242,11 @@
242
242
  z-index: 6;
243
243
  border-radius: 6px;
244
244
  cursor: pointer;
245
- background: color-mix(in srgb, var(--ev-color) 15%, var(--dt-surface, var(--dt-bg, #ffffff)));
245
+ background: color-mix(in srgb, var(--ev-color) 22%, var(--dt-surface, var(--dt-bg, #ffffff)));
246
246
  border: 1px solid color-mix(in srgb, var(--ev-color) 40%, transparent);
247
+ /* Solid stripe at the start edge — matches the week view, keeps the
248
+ pure tour color visible while the body stays a readable tint. */
249
+ border-left: 3px solid var(--ev-color);
247
250
  overflow: hidden;
248
251
  display: flex;
249
252
  align-items: center;
@@ -254,7 +257,7 @@
254
257
  top 180ms cubic-bezier(0.2, 0.8, 0.2, 1), height 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
255
258
  }
256
259
  .fs-event.svelte-mrwdy7:hover {
257
- background: color-mix(in srgb, var(--ev-color) 25%, var(--dt-surface, var(--dt-bg, #ffffff)));
260
+ background: color-mix(in srgb, var(--ev-color) 32%, var(--dt-surface, var(--dt-bg, #ffffff)));
258
261
  box-shadow: 0 2px 12px color-mix(in srgb, var(--ev-color) 25%, transparent);
259
262
  }
260
263
  .fs-event--selected.svelte-mrwdy7 {