From 5ac5098a2aecc574f22a297d85b5c8b4a431ab43 Mon Sep 17 00:00:00 2001
From: ajnart <ajnart@pm.me>
Date: Mon, 30 May 2022 09:20:16 +0200
Subject: [PATCH] :lipstick: Small UI changes

Changed the color to use one of mantine's
---
 src/components/AppShelf/AddAppShelfItem.tsx      | 2 +-
 src/components/Settings/SettingsMenu.tsx         | 4 ++--
 src/components/modules/calendar/MediaDisplay.tsx | 4 ++--
 3 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/AppShelf/AddAppShelfItem.tsx b/src/components/AppShelf/AddAppShelfItem.tsx
index 09e445637..424683c0e 100644
--- a/src/components/AppShelf/AddAppShelfItem.tsx
+++ b/src/components/AppShelf/AddAppShelfItem.tsx
@@ -253,7 +253,7 @@ export function AddAppShelfItemForm(props: { setOpened: (b: boolean) => void } &
                   alignSelf: 'center',
                   fontSize: '0.75rem',
                   textAlign: 'center',
-                  color: '#a0aec0',
+                  color: 'gray',
                 }}
               >
                 tip: Get your API key{' '}
diff --git a/src/components/Settings/SettingsMenu.tsx b/src/components/Settings/SettingsMenu.tsx
index 9bdf29b3e..fec303ca7 100644
--- a/src/components/Settings/SettingsMenu.tsx
+++ b/src/components/Settings/SettingsMenu.tsx
@@ -89,7 +89,7 @@ function SettingsMenu(props: any) {
           alignSelf: 'center',
           fontSize: '0.75rem',
           textAlign: 'center',
-          color: '#a0aec0',
+          color: 'gray',
         }}
       >
         tip: You can upload your config file by dragging and dropping it onto the page
@@ -113,7 +113,7 @@ function SettingsMenu(props: any) {
           style={{
             fontSize: '0.90rem',
             textAlign: 'center',
-            color: '#a0aec0',
+            color: 'gray',
           }}
         >
           Made with ❤️ by @
diff --git a/src/components/modules/calendar/MediaDisplay.tsx b/src/components/modules/calendar/MediaDisplay.tsx
index fc707c611..a13a3246c 100644
--- a/src/components/modules/calendar/MediaDisplay.tsx
+++ b/src/components/modules/calendar/MediaDisplay.tsx
@@ -47,7 +47,7 @@ function MediaDisplay(props: { media: IMedia }) {
             <Text
               style={{
                 textAlign: 'center',
-                color: '#a0aec0',
+                color: 'gray',
               }}
             >
               New release from {media.artist}
@@ -57,7 +57,7 @@ function MediaDisplay(props: { media: IMedia }) {
             <Text
               style={{
                 textAlign: 'center',
-                color: '#a0aec0',
+                color: 'gray',
               }}
             >
               Season {media.seasonNumber} episode {media.episodeNumber}