From ce7f17d8304c0f7e5631b2c46b2d97f35adb44ca Mon Sep 17 00:00:00 2001
From: Fuwn <contact@fuwn.me>
Date: Wed, 31 Jan 2024 03:36:22 -0800
Subject: refactor: global opacity class

---
 src/lib/Media/Anime/Airing/AiringTime.svelte | 2 +-
 src/lib/Media/Anime/Airing/time.ts           | 4 ++--
 src/lib/Media/Anime/episodes.ts              | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

(limited to 'src/lib/Media')

diff --git a/src/lib/Media/Anime/Airing/AiringTime.svelte b/src/lib/Media/Anime/Airing/AiringTime.svelte
index da61ea11..8ab9e754 100644
--- a/src/lib/Media/Anime/Airing/AiringTime.svelte
+++ b/src/lib/Media/Anime/Airing/AiringTime.svelte
@@ -41,7 +41,7 @@
 				(anime as unknown as MediaPrequel).startDate.day
 			) < new Date()
 		)
-			return `<span style="opacity: 50%">on ${new Date(
+			return `<span class="opaque">on ${new Date(
 				anime.startDate.year,
 				(anime as unknown as MediaPrequel).startDate.month,
 				(anime as unknown as MediaPrequel).startDate.day
diff --git a/src/lib/Media/Anime/Airing/time.ts b/src/lib/Media/Anime/Airing/time.ts
index 2936f1b6..83642687 100644
--- a/src/lib/Media/Anime/Airing/time.ts
+++ b/src/lib/Media/Anime/Airing/time.ts
@@ -31,7 +31,7 @@ export const airingTime = (
 			(anime as unknown as MediaPrequel).startDate.day
 		) < new Date()
 	)
-		return `<span style="opacity: 50%">on ${new Date(
+		return `<span class="opaque">on ${new Date(
 			anime.startDate.year,
 			(anime as unknown as MediaPrequel).startDate.month,
 			(anime as unknown as MediaPrequel).startDate.day
@@ -108,7 +108,7 @@ export const airingTime = (
 		if (upcoming)
 			return `<span title="${dateString}" style="opacity: ${opacity}%;">${nextEpisode}${totalEpisodes(
 				anime
-			)} in ${timeFrame} <span style="opacity: 50%">${
+			)} in ${timeFrame} <span class="opaque">${
 				few && get(settings).displayCoverMode ? '<br>' : ''
 			}${few ? `(${time})` : ''}</span></span>`;
 		else
diff --git a/src/lib/Media/Anime/episodes.ts b/src/lib/Media/Anime/episodes.ts
index 65a5d873..cbcfb7ad 100644
--- a/src/lib/Media/Anime/episodes.ts
+++ b/src/lib/Media/Anime/episodes.ts
@@ -1,4 +1,4 @@
 import type { Media } from '$lib/AniList/media';
 
 export const totalEpisodes = (anime: Media) =>
-	anime.episodes === null ? '' : `<span style="opacity: 50%">/${anime.episodes}</span>`;
+	anime.episodes === null ? '' : `<span class="opaque">/${anime.episodes}</span>`;
-- 
cgit v1.2.3