accomadesc 0.2.33 → 0.2.36

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.
@@ -270,6 +270,7 @@
270
270
 
271
271
  .month-header {
272
272
  text-align: center;
273
+ color: var(--occuplan-main-font-color);
273
274
  }
274
275
 
275
276
  .hidden {
@@ -306,6 +307,7 @@
306
307
 
307
308
  .day {
308
309
  text-align: center;
310
+ color: var(--occuplan-main-font-color);
309
311
  }
310
312
 
311
313
  .weekend {
@@ -358,6 +360,10 @@
358
360
  column-gap: 1rem;
359
361
  text-transform: capitalize;
360
362
  font-variant: small-caps;
363
+
364
+ span {
365
+ color: var(--occuplan-main-font-color);
366
+ }
361
367
  }
362
368
  .header-controls {
363
369
  width: 2rem;
@@ -414,6 +414,7 @@
414
414
 
415
415
  .month-header {
416
416
  text-align: center;
417
+ color: var(--occuplan-main-font-color);
417
418
  }
418
419
 
419
420
  .hidden {
@@ -453,6 +454,7 @@
453
454
  position: relative;
454
455
  font-size: 1.15rem;
455
456
  padding: 0.2rem;
457
+ color: var(--occuplan-main-font-color);
456
458
  }
457
459
 
458
460
  .weekend {
@@ -506,6 +508,9 @@
506
508
  column-gap: 1rem;
507
509
  text-transform: capitalize;
508
510
  font-variant: small-caps;
511
+ span {
512
+ color: var(--occuplan-main-font-color);
513
+ }
509
514
  }
510
515
  .header-controls {
511
516
  width: 2rem;
@@ -517,6 +522,9 @@
517
522
  align-items: center;
518
523
  font-size: 1.05rem;
519
524
  font-weight: bold;
525
+ span {
526
+ color: var(--occuplan-main-font-color);
527
+ }
520
528
  }
521
529
 
522
530
  .header-label {
@@ -253,6 +253,10 @@
253
253
  column-gap: 1rem;
254
254
  text-transform: capitalize;
255
255
  font-variant: small-caps;
256
+
257
+ span {
258
+ color: var(--occuplan-main-font-color);
259
+ }
256
260
  }
257
261
 
258
262
  .legend-entry-marker {
@@ -320,6 +324,7 @@
320
324
  h3 {
321
325
  padding-top: 0;
322
326
  padding-bottom: 0.2rem;
327
+ color: var(--occuplan-main-font-color);
323
328
  }
324
329
  }
325
330
 
@@ -359,6 +364,9 @@
359
364
  container-name: year-label;
360
365
  text-decoration: underline;
361
366
  height: 100%;
367
+ span {
368
+ color: var(--occuplan-main-font-color);
369
+ }
362
370
  }
363
371
 
364
372
  @container year-label (min-width: 0) {
@@ -314,12 +314,12 @@ export class OccupationState {
314
314
  occupationStyle = (d, highlightWeekend = false, maxDate) => {
315
315
  const valid = validDay(d);
316
316
  if (!valid) {
317
- return 'background-color: var(--occuplan-invalid-days-bg-color);';
317
+ return 'background-color: var(--occuplan-invalid-days-bg-color); color: var(--occuplan-invalid-days-font-color);';
318
318
  }
319
319
  const day = luxon.utc(d.year, d.month, d.day);
320
320
  const outOfScope = day >= maxDate;
321
321
  if (outOfScope) {
322
- return 'background-color: var(--occuplan-invalid-days-bg-color);';
322
+ return 'background-color: var(--occuplan-invalid-days-bg-color); color: var(--occuplan-invalid-days-font-color);';
323
323
  }
324
324
  const o = this.fullOccupation(day);
325
325
  const oStarts = this.startingOccupation(day);
@@ -341,7 +341,8 @@ export class OccupationState {
341
341
  const ef = occupationTypeFormattingByOccupation(oEnds);
342
342
  if (isWeekend && highlightWeekend) {
343
343
  return `
344
- background: radial-gradient(var(--occuplan-weekend-bg-color), var(--occuplan-main-bg-color), var(--occuplan-main-bg-color)), linear-gradient(90deg, ${ef.bgColor}, ${sf.bgColor});
344
+ background: radial-gradient(var(--occuplan-weekend-bg-color), transparent, transparent),
345
+ linear-gradient(90deg, ${ef.bgColor}, ${sf.bgColor});
345
346
  `;
346
347
  }
347
348
  return `
@@ -352,7 +353,9 @@ export class OccupationState {
352
353
  const sf = occupationTypeFormattingByOccupation(oStarts);
353
354
  if (isWeekend && highlightWeekend) {
354
355
  return `
355
- background: radial-gradient( var(--occuplan-weekend-bg-color), var(--occuplan-main-bg-color), var(--occuplan-main-bg-color)), linear-gradient(90deg, var(--occuplan-main-bg-color), ${sf.bgColor});
356
+ background:
357
+ radial-gradient(var(--occuplan-weekend-bg-color), transparent, transparent),
358
+ linear-gradient(90deg, var(--occuplan-main-bg-color), ${sf.bgColor});
356
359
  `;
357
360
  }
358
361
  return `
@@ -363,7 +366,10 @@ export class OccupationState {
363
366
  const ef = occupationTypeFormattingByOccupation(oEnds);
364
367
  if (isWeekend && highlightWeekend) {
365
368
  return `
366
- background: radial-gradient( var(--occuplan-weekend-bg-color), var(--occuplan-main-bg-color), var(--occuplan-main-bg-color)), linear-gradient(90deg, ${ef.bgColor}, var(--occuplan-main-bg-color));
369
+ background:
370
+ radial-gradient(
371
+ var(--occuplan-weekend-bg-color), transparent, transparent),
372
+ linear-gradient(90deg, ${ef.bgColor}, var(--occuplan-main-bg-color));
367
373
  `;
368
374
  }
369
375
  return `
@@ -16,8 +16,7 @@
16
16
  >
17
17
  <path
18
18
  d="M14 6V10H4V32H26V22H30V34C30 34.5304 29.7893 35.0391 29.4142 35.4142C29.0391 35.7893 28.5304 36 28 36H2C1.46957 36 0.960859 35.7893 0.585786 35.4142C0.210714 35.0391 0 34.5304 0 34V8C0 7.46957 0.210714 6.96086 0.585786 6.58579C0.960859 6.21071 1.46957 6 2 6H14ZM36 0V18L28.412 10.414L16.414 22.414L13.586 19.586L25.584 7.586L18 0H36Z"
19
- fill="var(--picture-link-font-color, 'black')"
19
+ fill="var(--picture-link-font-color, black)"
20
20
  />
21
21
  </svg>
22
22
  </div>
23
-
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "accomadesc",
3
- "version": "0.2.33",
3
+ "version": "0.2.36",
4
4
  "scripts": {
5
5
  "dev": "vite dev",
6
6
  "build": "vite build && npm run package",