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

* fix: font weight added * fix: change color hex * fix: change color again * fix: text-ut-burntorange * fix: importance (tailwind wise)
knownotunknown · Mar 30, 2024 · bae1da4 · bae1da4
1 parent a3f5e0f
commit bae1da4
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/src/shared/types/ThemeColors.ts b/src/shared/types/ThemeColors.ts
@@ -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
     },
     theme: {
-        red: '#AF2E2D',
+        red: '#BF0000',
         black: '#1A2024',
     },
 } as const satisfies Record<string, Record<string, string>>;

diff --git a/src/views/components/PopupMain.tsx b/src/views/components/PopupMain.tsx
@@ -112,7 +112,7 @@ export default function PopupMain(): JSX.Element {
                         <CourseStatus status='CANCELLED' size='mini' />
                     </div>
                     <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)}
                         </Text>
                         <button

diff --git a/src/views/components/calendar/CalenderHeader.tsx b/src/views/components/calendar/CalenderHeader.tsx
@@ -51,7 +51,7 @@ export default function CalendarHeader({ onSidebarToggle }: CalendarHeaderProps)
                     totalCourses={activeSchedule.courses.length}
                 />
                 <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)}
                     </Text>
                     <button className='inline-block h-4 w-4 bg-transparent p-0 btn'>

diff --git a/src/views/components/common/LogoIcon.tsx b/src/views/components/common/LogoIcon.tsx
@@ -30,7 +30,7 @@ export function SmallLogo({ className }: { className?: string }): JSX.Element {
             <LogoIcon />
             <div className='flex flex-col text-lg font-medium leading-[1em]'>
                 <p className='text-nowrap text-ut-burntorange'>UT Registration</p>
-                <p className='text-ut-orange'>
+                <p className='text-ut-burntorange'>
                     Plus{' '}
                     <span className='text-xs'>
                         {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' />
             <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-ut-orange'>
+                <p className='text-ut-burntorange'>
                     Plus{' '}
                     <span className='text-sm'>
                         {import.meta.env.VITE_BETA_BUILD ? `(${import.meta.env.VITE_PACKAGE_VERSION})` : ''}