Tweak some colours

packages/web/components/patterns/LibraryCards/LibraryCardStyles.tsx

@@ -24,14 +24,16 @@ export const MenuStyle = {
 
 export const MetaStyle = {
   width: '100%',
-  color: '$thTextSubtle3',
+  color: '$thTextSubtle2',
   fontSize: '12px',
-  fontWeight: '400',
+  fontWeight: '500',
   fontFamily: '$display',
   maxLines: 1,
-  overflow: 'hidden',
   textOverflow: 'ellipsis',
   wordBreak: 'break-word',
+  lineHeight: 1.1,
+  overflowX: 'hidden',
+  overflowY: 'visible',
 }
 
 export const TitleStyle = {
@@ -71,7 +73,7 @@ export const AuthorInfoStyle = {
   textOverflow: 'ellipsis',
   whiteSpace: 'nowrap',
   maxWidth: '240px',
-  color: '$thTextSubtle3',
+  color: '$thNotebookSubtle',
   fontSize: '12px',
   fontWeight: '400',
   fontFamily: '$display',

packages/web/components/patterns/LibraryCards/LibraryGridCard.tsx

@@ -222,7 +222,6 @@ const LibraryGridCardContent = (props: LinkedItemCardProps): JSX.Element => {
           minHeight: '35px',
           pt: '15px',
           px: '15px',
-          color: '$grayText',
         }}
         distribution="start"
       >

packages/web/components/patterns/LibraryCards/LibraryListCard.tsx

@@ -273,10 +273,6 @@ export function LibraryListCardContent(
         <HStack
           css={{
             ...MetaStyle,
-            lineHeight: 1.1,
-            color: '$grayText',
-            overflowX: 'hidden',
-            overflowY: 'visible',
           }}
           distribution="start"
         >
@@ -289,9 +285,6 @@ export function LibraryListCardContent(
             css={{
               ...AuthorInfoStyle,
               maxWidth: '90%',
-
-              overflowX: 'hidden',
-              overflowY: 'visible',
             }}
           >
             {props.item.author}