adjust various font sizes, weights around the app

src/renderer/components/item-card/item-card.module.css

@@ -108,6 +108,10 @@
     }
 }
 
+.row.bold {
+    font-weight: 500;
+}
+
 .row.muted {
     color: var(--theme-colors-foreground-muted);
 }

src/renderer/components/item-card/item-card.tsx

@@ -1082,11 +1082,13 @@ const ItemCardRow = ({
     return (
         <Text
             className={clsx(styles.row, alignmentClass, {
+                [styles.bold]: index === 0,
                 [styles.compact]: type === 'compact',
                 [styles.default]: type === 'default',
                 [styles.muted]: isMuted,
                 [styles.poster]: type === 'poster',
             })}
+            size={index > 0 ? 'sm' : 'md'}
         >
             {row.format(data)}
         </Text>

src/renderer/features/shared/components/library-header.module.css

@@ -104,6 +104,7 @@
     -webkit-line-clamp: 2;
     line-clamp: 2;
     font-size: 2rem;
+    font-weight: 800;
     line-height: 1.2;
     color: var(--theme-colors-foreground);
     -webkit-box-orient: vertical;

src/renderer/features/sidebar/components/sidebar-item.module.css

@@ -20,6 +20,7 @@
     align-content: center;
     overflow: hidden;
     text-overflow: ellipsis;
+    font-weight: 500;
     white-space: nowrap;
 }
 

src/renderer/features/sidebar/components/sidebar.tsx

@@ -133,7 +133,7 @@ export const Sidebar = () => {
                 >
                     <Accordion.Item value="library">
                         <Accordion.Control>
-                            <Text fw={600} variant="secondary">
+                            <Text fw={700} variant="secondary">
                                 {t('page.sidebar.myLibrary', {
                                     postProcess: 'titleCase',
                                 })}