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>
This commit is contained in:
Brianna-Flo
2024-10-22 16:00:14 -05:00
committed by GitHub
parent 768ac776ed
commit 83d76f72da
5 changed files with 10 additions and 11 deletions

View File

@@ -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>>;

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -10,7 +10,7 @@ $turquoise: #00a9b7;
$bluebonnet: #005f86;
$shade: #9cadb7;
$limestone: #d6d2c4;
$speedway_brick: #af2e2d;
$speedway_brick: #d10000;
//scss hover active focus color calculation