From 83d76f72da396e37a0486595a628018ce9744c58 Mon Sep 17 00:00:00 2001
From: Brianna-Flo <145514791+Brianna-Flo@users.noreply.github.com>
Date: Tue, 22 Oct 2024 16:00:14 -0500
Subject: [PATCH] chore: One red color of #D10000 (#377)

* chore: change UTRP red color

* chore: change UTRP Red

* chore: change red update

* chore: utrp red, consistent capitalization

---------

Co-authored-by: Samuel Gunter <sgunter@utexas.edu>
---
 src/shared/types/ThemeColors.ts                  |  3 +--
 src/views/components/common/MigrationDialog.tsx  |  2 +-
 src/views/components/common/ScheduleListItem.tsx |  4 ++--
 src/views/components/settings/Settings.tsx       | 10 +++++-----
 src/views/styles/colors.module.scss              |  2 +-
 5 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/src/shared/types/ThemeColors.ts b/src/shared/types/ThemeColors.ts
index b897b70c..a0a9005e 100644
--- a/src/shared/types/ThemeColors.ts
+++ b/src/shared/types/ThemeColors.ts
@@ -15,10 +15,9 @@ export const colors = {
         gray: '#9CADB7',
         offwhite: '#D6D2C4',
         concrete: '#95A5A6',
-        red: '#d10000', //   Not sure if this should be here, but it's used for remove course, and add course is ut-green
     },
     theme: {
-        red: '#BF0000',
+        red: '#D10000',
         black: '#1A2024',
     },
 } as const satisfies Record<string, Record<string, string>>;
diff --git a/src/views/components/common/MigrationDialog.tsx b/src/views/components/common/MigrationDialog.tsx
index c639c790..fc005335 100644
--- a/src/views/components/common/MigrationDialog.tsx
+++ b/src/views/components/common/MigrationDialog.tsx
@@ -47,7 +47,7 @@ function MigrationButtons({ close }: { close: () => void }): JSX.Element {
     return (
         <>
             {error && (
-                <Text variant='p' className='text-ut-red'>
+                <Text variant='p' className='text-theme-red'>
                     An error occurred while migrating your courses. Please try again later in settings. (
                     {error.substring(0, 8)})
                 </Text>
diff --git a/src/views/components/common/ScheduleListItem.tsx b/src/views/components/common/ScheduleListItem.tsx
index e454f545..70672b15 100644
--- a/src/views/components/common/ScheduleListItem.tsx
+++ b/src/views/components/common/ScheduleListItem.tsx
@@ -92,7 +92,7 @@ export default function ScheduleListItem({ schedule, dragHandleProps, onClick }:
                         </Button>
                         <Button
                             variant='filled'
-                            color='ut-red'
+                            color='theme-red'
                             onClick={() => {
                                 close();
                                 deleteSchedule(schedule.id);
@@ -191,7 +191,7 @@ export default function ScheduleListItem({ schedule, dragHandleProps, onClick }:
                                         as='button'
                                         variant='small'
                                         onClick={handleDelete}
-                                        className='w-full rounded bg-transparent p-2 text-left text-ut-red data-[focus]:bg-red-200/40'
+                                        className='w-full rounded bg-transparent p-2 text-left text-theme-red data-[focus]:bg-red-200/40'
                                     >
                                         Delete
                                     </Text>
diff --git a/src/views/components/settings/Settings.tsx b/src/views/components/settings/Settings.tsx
index 34477e33..21cf66aa 100644
--- a/src/views/components/settings/Settings.tsx
+++ b/src/views/components/settings/Settings.tsx
@@ -410,7 +410,7 @@ export default function Settings(): JSX.Element {
                                     </div>
                                     <Button
                                         variant='outline'
-                                        color='ut-red'
+                                        color='theme-red'
                                         icon={DeleteForeverIcon}
                                         onClick={handleEraseAll}
                                     >
@@ -427,7 +427,7 @@ export default function Settings(): JSX.Element {
                                     </div>
                                     <Text
                                         variant='h2-course'
-                                        className={clsx('text-center text-ut-red !font-normal', {
+                                        className={clsx('text-center text-theme-red !font-normal', {
                                             'line-through': highlightConflicts,
                                         })}
                                     >
@@ -489,7 +489,7 @@ export default function Settings(): JSX.Element {
                                             <p className='text-xs text-ut-green'>
                                                 {githubStats.adminGitHubStats[admin.githubUsername]?.linesAdded} ++
                                             </p>
-                                            <p className='text-xs text-ut-red'>
+                                            <p className='text-xs text-theme-red'>
                                                 {githubStats.adminGitHubStats[admin.githubUsername]?.linesDeleted} --
                                             </p>
                                         </div>
@@ -535,7 +535,7 @@ export default function Settings(): JSX.Element {
                                             <p className='text-xs text-ut-green'>
                                                 {githubStats.userGitHubStats[swe.githubUsername]?.linesAdded} ++
                                             </p>
-                                            <p className='text-xs text-ut-red'>
+                                            <p className='text-xs text-theme-red'>
                                                 {githubStats.userGitHubStats[swe.githubUsername]?.linesDeleted} --
                                             </p>
                                         </div>
@@ -583,7 +583,7 @@ export default function Settings(): JSX.Element {
                                                     <p className='text-xs text-ut-green'>
                                                         {githubStats.userGitHubStats[username]?.linesAdded} ++
                                                     </p>
-                                                    <p className='text-xs text-ut-red'>
+                                                    <p className='text-xs text-theme-red'>
                                                         {githubStats.userGitHubStats[username]?.linesDeleted} --
                                                     </p>
                                                 </div>
diff --git a/src/views/styles/colors.module.scss b/src/views/styles/colors.module.scss
index 45e74adf..99bc83a5 100644
--- a/src/views/styles/colors.module.scss
+++ b/src/views/styles/colors.module.scss
@@ -10,7 +10,7 @@ $turquoise: #00a9b7;
 $bluebonnet: #005f86;
 $shade: #9cadb7;
 $limestone: #d6d2c4;
-$speedway_brick: #af2e2d;
+$speedway_brick: #d10000;
 
 //scss hover active focus color calculation