From 824bbe45588412eaa16359b623d99ccb895524ff Mon Sep 17 00:00:00 2001
From: Steven Marks <marksie1988@users.noreply.github.com>
Date: Sun, 24 Sep 2023 19:16:48 +0100
Subject: [PATCH] refactor!: remove timeColor and timeSize options

---
 src/defaults.ts     |  2 --
 src/index.ts        | 13 ++++---------
 src/types/config.ts |  2 --
 3 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/src/defaults.ts b/src/defaults.ts
index 9a0699f9..bfd85034 100644
--- a/src/defaults.ts
+++ b/src/defaults.ts
@@ -46,8 +46,6 @@ export default {
 	showNoEventDays: false,
 
 
-	timeColor: 'var(--primary-color)', // Time text color (center bottom)
-	timeSize: 90, //Time text size
 	showHours: true, //shows the bottom line (time, duration of event)
 	showRelativeTime: true,
 
diff --git a/src/index.ts b/src/index.ts
index 47d3d2cf..994190b7 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -408,24 +408,19 @@ export class AtomicCalendarRevive extends LitElement {
 
 				// Show the hours
 				const hoursHTML = this._config.showHours
-					? html`<div
-							class="hours"
-							style="--time-color: ${this._config.timeColor}; --time-size: ${this._config.timeSize}%"
-					  >
-							${getHoursHTML(this._config, event)}
+					? html`<div class="hours">
+						${getHoursHTML(this._config, event)}
 					  </div>`
 					: html``;
 
 				// Show the relative time
 				if (this._config.showRelativeTime || this._config.showTimeRemaining) {
 					const now = dayjs()
-					var timeUntilRemaining = html`<div
-						class="relative-time time-remaining"
-						style="--time-color: ${this._config.timeColor}; --time-size: ${this._config.timeSize}%">
+					const timeUntilRemaining = html`<div class="relative-time time-remaining">
 						${this._config.showRelativeTime && (event.startDateTime.isAfter(now, 'minutes')) ? `(${event.startDateTime.fromNow()})` : this._config.showTimeRemaining && (event.startDateTime.isBefore(now, 'minutes') && event.endDateTime.isAfter(now, 'minutes')) ? `${dayjs.duration(event.endDateTime.diff(now)).humanize()}` : ''}
 			  		</div>`
 
-				} else { var timeUntilRemaining = html`` }
+				} else { const timeUntilRemaining = html`` }
 
 
 				const lastEventStyle = !this._config.compactMode && i == arr.length - 1 ? 'padding-bottom: 8px;' : '';
diff --git a/src/types/config.ts b/src/types/config.ts
index 1c9273e2..b27e61f6 100644
--- a/src/types/config.ts
+++ b/src/types/config.ts
@@ -52,8 +52,6 @@ export interface atomicCardConfig extends LovelaceCardConfig {
     showNoEventDays?: boolean;
     noEventText?: string;
     noEventsForNextDaysText?: string;
-    timeColor?: string;
-    timeSize?: number;
     showHours?: boolean;
     eventTitleColor?: string;
     locationIconColor?: string;