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:
@@ -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>>;
|
||||||
|
|||||||
@@ -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
|
||||||
|
|||||||
@@ -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'>
|
||||||
|
|||||||
@@ -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})` : ''}
|
||||||
|
|||||||
Reference in New Issue
Block a user