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:
@@ -15,10 +15,9 @@ export const colors = {
|
|||||||
gray: '#9CADB7',
|
gray: '#9CADB7',
|
||||||
offwhite: '#D6D2C4',
|
offwhite: '#D6D2C4',
|
||||||
concrete: '#95A5A6',
|
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: {
|
theme: {
|
||||||
red: '#BF0000',
|
red: '#D10000',
|
||||||
black: '#1A2024',
|
black: '#1A2024',
|
||||||
},
|
},
|
||||||
} as const satisfies Record<string, Record<string, string>>;
|
} as const satisfies Record<string, Record<string, string>>;
|
||||||
|
|||||||
@@ -47,7 +47,7 @@ function MigrationButtons({ close }: { close: () => void }): JSX.Element {
|
|||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
{error && (
|
{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. (
|
An error occurred while migrating your courses. Please try again later in settings. (
|
||||||
{error.substring(0, 8)})
|
{error.substring(0, 8)})
|
||||||
</Text>
|
</Text>
|
||||||
|
|||||||
@@ -92,7 +92,7 @@ export default function ScheduleListItem({ schedule, dragHandleProps, onClick }:
|
|||||||
</Button>
|
</Button>
|
||||||
<Button
|
<Button
|
||||||
variant='filled'
|
variant='filled'
|
||||||
color='ut-red'
|
color='theme-red'
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
close();
|
close();
|
||||||
deleteSchedule(schedule.id);
|
deleteSchedule(schedule.id);
|
||||||
@@ -191,7 +191,7 @@ export default function ScheduleListItem({ schedule, dragHandleProps, onClick }:
|
|||||||
as='button'
|
as='button'
|
||||||
variant='small'
|
variant='small'
|
||||||
onClick={handleDelete}
|
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
|
Delete
|
||||||
</Text>
|
</Text>
|
||||||
|
|||||||
@@ -410,7 +410,7 @@ export default function Settings(): JSX.Element {
|
|||||||
</div>
|
</div>
|
||||||
<Button
|
<Button
|
||||||
variant='outline'
|
variant='outline'
|
||||||
color='ut-red'
|
color='theme-red'
|
||||||
icon={DeleteForeverIcon}
|
icon={DeleteForeverIcon}
|
||||||
onClick={handleEraseAll}
|
onClick={handleEraseAll}
|
||||||
>
|
>
|
||||||
@@ -427,7 +427,7 @@ export default function Settings(): JSX.Element {
|
|||||||
</div>
|
</div>
|
||||||
<Text
|
<Text
|
||||||
variant='h2-course'
|
variant='h2-course'
|
||||||
className={clsx('text-center text-ut-red !font-normal', {
|
className={clsx('text-center text-theme-red !font-normal', {
|
||||||
'line-through': highlightConflicts,
|
'line-through': highlightConflicts,
|
||||||
})}
|
})}
|
||||||
>
|
>
|
||||||
@@ -489,7 +489,7 @@ export default function Settings(): JSX.Element {
|
|||||||
<p className='text-xs text-ut-green'>
|
<p className='text-xs text-ut-green'>
|
||||||
{githubStats.adminGitHubStats[admin.githubUsername]?.linesAdded} ++
|
{githubStats.adminGitHubStats[admin.githubUsername]?.linesAdded} ++
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs text-ut-red'>
|
<p className='text-xs text-theme-red'>
|
||||||
{githubStats.adminGitHubStats[admin.githubUsername]?.linesDeleted} --
|
{githubStats.adminGitHubStats[admin.githubUsername]?.linesDeleted} --
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -535,7 +535,7 @@ export default function Settings(): JSX.Element {
|
|||||||
<p className='text-xs text-ut-green'>
|
<p className='text-xs text-ut-green'>
|
||||||
{githubStats.userGitHubStats[swe.githubUsername]?.linesAdded} ++
|
{githubStats.userGitHubStats[swe.githubUsername]?.linesAdded} ++
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs text-ut-red'>
|
<p className='text-xs text-theme-red'>
|
||||||
{githubStats.userGitHubStats[swe.githubUsername]?.linesDeleted} --
|
{githubStats.userGitHubStats[swe.githubUsername]?.linesDeleted} --
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
@@ -583,7 +583,7 @@ export default function Settings(): JSX.Element {
|
|||||||
<p className='text-xs text-ut-green'>
|
<p className='text-xs text-ut-green'>
|
||||||
{githubStats.userGitHubStats[username]?.linesAdded} ++
|
{githubStats.userGitHubStats[username]?.linesAdded} ++
|
||||||
</p>
|
</p>
|
||||||
<p className='text-xs text-ut-red'>
|
<p className='text-xs text-theme-red'>
|
||||||
{githubStats.userGitHubStats[username]?.linesDeleted} --
|
{githubStats.userGitHubStats[username]?.linesDeleted} --
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -10,7 +10,7 @@ $turquoise: #00a9b7;
|
|||||||
$bluebonnet: #005f86;
|
$bluebonnet: #005f86;
|
||||||
$shade: #9cadb7;
|
$shade: #9cadb7;
|
||||||
$limestone: #d6d2c4;
|
$limestone: #d6d2c4;
|
||||||
$speedway_brick: #af2e2d;
|
$speedway_brick: #d10000;
|
||||||
|
|
||||||
//scss hover active focus color calculation
|
//scss hover active focus color calculation
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user