fix: some styles

inertia/components/dashboard/link/link_favicon.tsx

@@ -17,11 +17,13 @@ const Favicon = styled.div({
   alignItems: 'center',
   justifyContent: 'center',
 });
+
 const FaviconLoader = styled.div(({ theme }) => ({
   position: 'absolute',
   top: 0,
   left: 0,
-  backgroundColor: theme.colors.white,
+  color: theme.colors.font,
+  backgroundColor: theme.colors.secondary,
 
   '& > *': {
     animation: `${rotate} 1s both reverse infinite linear`,

inertia/components/dashboard/link_list/link_controls.tsx

@@ -69,7 +69,7 @@ export default function LinkControls({ link }: { link: Link }) {
   console.log(link.favorite, link.favorite ? 'oui' : 'non');
   return (
     <Dropdown
-      label={<BsThreeDotsVertical />}
+      label={<BsThreeDotsVertical css={{ color: theme.colors.grey }} />}
       css={{ backgroundColor: theme.colors.secondary }}
     >
       <StartItem onClick={onFavorite}>

inertia/components/dashboard/link_list/link_item.tsx

@@ -13,7 +13,6 @@ const LinkWrapper = styled.li(({ theme }) => ({
   color: theme.colors.primary,
   backgroundColor: theme.colors.secondary,
   padding: '0.75em 1em',
-  border: `1px solid ${theme.colors.lightGrey}`,
   borderRadius: theme.border.radius,
 
   '&:hover': {

inertia/components/dashboard/link_list/link_list.tsx

@@ -20,8 +20,8 @@ const LinksWrapper = styled.div({
 
 const CollectionHeaderWrapper = styled.h2(({ theme }) => ({
   fontWeight: 400,
-  color: theme.colors.primary,
-  paddingInline: '1em',
+  color: theme.colors.font,
+  paddingInline: '0.8em 1.1em',
   display: 'flex',
   gap: '0.4em',
   alignItems: 'center',