From 58a0f360db17a69448cfa1363a79d1800149912b Mon Sep 17 00:00:00 2001
From: IrohDW <randomprogrammer@protonmail.com>
Date: Thu, 2 Jan 2025 16:59:59 -0700
Subject: [PATCH] User Experience Improvements:

Buttons are less bright for better contrast

Hyperlink color throughout the app changed so they are easier to see
---
 .../common/ImagePublisher/ImagePublisher-styles.tsx       | 4 ++--
 src/index.css                                             | 2 ++
 src/pages/Home/Home-styles.tsx                            | 8 ++++----
 vite.config.ts                                            | 1 +
 4 files changed, 9 insertions(+), 6 deletions(-)

diff --git a/src/components/common/ImagePublisher/ImagePublisher-styles.tsx b/src/components/common/ImagePublisher/ImagePublisher-styles.tsx
index 5fe8d33..f07eb1f 100644
--- a/src/components/common/ImagePublisher/ImagePublisher-styles.tsx
+++ b/src/components/common/ImagePublisher/ImagePublisher-styles.tsx
@@ -12,8 +12,8 @@ export const AddCoverImageButton = styled(Button)(({ theme }) => ({
   letterSpacing: "0.2px",
   color: theme.palette.text.primary,
   width: "170px",
-  backgroundColor: "#44c4ff",
-  "&:hover": { backgroundColor: "#01a9e9" },
+  backgroundColor: "#01A9E9",
+  "&:hover": { backgroundColor: "#005C96" },
   gap: "5px",
 }));
 
diff --git a/src/index.css b/src/index.css
index 96f9534..9736f5c 100644
--- a/src/index.css
+++ b/src/index.css
@@ -3,6 +3,8 @@
   src: url("./styles/fonts/Cambon-Light.ttf") format("truetype");
 }
 
+a:link { color: #8AB4F8}
+
 @font-face {
   font-family: 'Merriweather Sans';
   src: url("./styles/fonts/Merriweather Sans.ttf") format("truetype");
diff --git a/src/pages/Home/Home-styles.tsx b/src/pages/Home/Home-styles.tsx
index b24dbbd..ab44dd6 100644
--- a/src/pages/Home/Home-styles.tsx
+++ b/src/pages/Home/Home-styles.tsx
@@ -87,14 +87,14 @@ export const ChannelCard = styled(Grid)(({ theme }) => ({
 
 export const ThemeButton = styled(Button)(({ theme }) => ({
   color: theme.palette.text.primary,
-  backgroundColor: "#01a9e9",
+  backgroundColor: "#008FCD",
   fontSize: "18px",
-  "&:hover": { backgroundColor: "#008fcd" },
+  "&:hover": { backgroundColor: "#0075B1" },
 }));
 
 export const ThemeButtonBright = styled(Button)(({ theme }) => ({
   color: theme.palette.text.primary,
-  backgroundColor: "#44c4ff",
+  backgroundColor: "#01A9E9",
   fontSize: fontSizeSmall,
-  "&:hover": { backgroundColor: "#01a9e9" },
+  "&:hover": { backgroundColor: "#005C96" },
 }));
diff --git a/vite.config.ts b/vite.config.ts
index 2d60944..29d0554 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -4,6 +4,7 @@ import react from "@vitejs/plugin-react";
 // https://vitejs.dev/config/
 export default defineConfig({
   plugins: [react()],
+  server: { port: 3000 },
   base: "",
   build: {
     target: "esnext", //browsers can handle the latest ES features