feat: some small changes for colors and font (#201)

* fix: font weight added

* fix: change color hex

* fix: change color again

* fix: text-ut-burntorange

* fix: importance (tailwind wise)
This commit is contained in:
2024-03-30 11:44:15 -05:00
committed by GitHub
parent a3f5e0f27f
commit bae1da43d3
4 changed files with 5 additions and 5 deletions

View File

@@ -18,7 +18,7 @@ export const colors = {
red: '#B91C1C', // Not sure if this should be here, but it's used for remove course, and add course is ut-green red: '#B91C1C', // Not sure if this should be here, but it's used for remove course, and add course is ut-green
}, },
theme: { theme: {
red: '#AF2E2D', red: '#BF0000',
black: '#1A2024', black: '#1A2024',
}, },
} as const satisfies Record<string, Record<string, string>>; } as const satisfies Record<string, Record<string, string>>;

View File

@@ -112,7 +112,7 @@ export default function PopupMain(): JSX.Element {
<CourseStatus status='CANCELLED' size='mini' /> <CourseStatus status='CANCELLED' size='mini' />
</div> </div>
<div className='inline-flex items-center self-center gap-1'> <div className='inline-flex items-center self-center gap-1'>
<Text variant='mini' className='text-ut-gray'> <Text variant='mini' className='text-ut-gray !font-normal'>
DATA LAST UPDATED: {getUpdatedAtDateTimeString(activeSchedule.updatedAt)} DATA LAST UPDATED: {getUpdatedAtDateTimeString(activeSchedule.updatedAt)}
</Text> </Text>
<button <button

View File

@@ -51,7 +51,7 @@ export default function CalendarHeader({ onSidebarToggle }: CalendarHeaderProps)
totalCourses={activeSchedule.courses.length} totalCourses={activeSchedule.courses.length}
/> />
<div className='flex items-center gap-1 screenshot:hidden'> <div className='flex items-center gap-1 screenshot:hidden'>
<Text variant='mini' className='text-ut-gray'> <Text variant='mini' className='text-ut-gray font-normal'>
DATA LAST UPDATED: {getUpdatedAtDateTimeString(activeSchedule.updatedAt)} DATA LAST UPDATED: {getUpdatedAtDateTimeString(activeSchedule.updatedAt)}
</Text> </Text>
<button className='inline-block h-4 w-4 bg-transparent p-0 btn'> <button className='inline-block h-4 w-4 bg-transparent p-0 btn'>

View File

@@ -30,7 +30,7 @@ export function SmallLogo({ className }: { className?: string }): JSX.Element {
<LogoIcon /> <LogoIcon />
<div className='flex flex-col text-lg font-medium leading-[1em]'> <div className='flex flex-col text-lg font-medium leading-[1em]'>
<p className='text-nowrap text-ut-burntorange'>UT Registration</p> <p className='text-nowrap text-ut-burntorange'>UT Registration</p>
<p className='text-ut-orange'> <p className='text-ut-burntorange'>
Plus{' '} Plus{' '}
<span className='text-xs'> <span className='text-xs'>
{import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''} {import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''}
@@ -53,7 +53,7 @@ export function LargeLogo({ className }: { className?: string }): JSX.Element {
<LogoIcon className='h-12 w-12' /> <LogoIcon className='h-12 w-12' />
<div className='hidden flex-col text-[1.35rem] font-medium leading-[1em] md:flex screenshot:flex'> <div className='hidden flex-col text-[1.35rem] font-medium leading-[1em] md:flex screenshot:flex'>
<p className='text-nowrap text-ut-burntorange'>UT Registration</p> <p className='text-nowrap text-ut-burntorange'>UT Registration</p>
<p className='text-ut-orange'> <p className='text-ut-burntorange'>
Plus{' '} Plus{' '}
<span className='text-sm'> <span className='text-sm'>
{import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''} {import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''}