Adjusted empty tag style (#6465)

Fixed Issue #6307  

corrected 
- border style
- font color
- font weight

added
- Empty Tag story

packages/twenty-front/src/modules/object-record/record-board/record-board-column/components/RecordBoardColumnHeader.tsx

@@ -88,6 +88,11 @@ export const RecordBoardColumnHeader = () => {
               : 'transparent'
           }
           text={columnDefinition.title}
+          weight={
+            columnDefinition.type === RecordBoardColumnDefinitionType.Value
+              ? 'regular'
+              : 'medium'
+          }
         />
         {!!boardColumnTotal && <StyledAmount>${boardColumnTotal}</StyledAmount>}
         <StyledNumChildren>{recordCount}</StyledNumChildren>

packages/twenty-ui/src/display/tag/components/Tag.tsx

@@ -26,7 +26,9 @@ const StyledTag = styled.h3<{
     color === 'transparent' ? color : theme.tag.background[color]};
   border-radius: ${BORDER_COMMON.radius.sm};
   color: ${({ color, theme }) =>
-    color === 'transparent' ? theme.tag.text['gray'] : theme.tag.text[color]};
+    color === 'transparent'
+      ? theme.font.color.tertiary
+      : theme.tag.text[color]};
   display: inline-flex;
   font-size: ${({ theme }) => theme.font.size.md};
   font-style: normal;
@@ -39,7 +41,7 @@ const StyledTag = styled.h3<{
   overflow: hidden;
   padding: 0 ${spacing2};
   border: ${({ variant, theme }) =>
-    variant === 'outline' ? `2px dashed ${theme.tag.background['gray']}` : ''};
+    variant === 'outline' ? `1px dashed ${theme.border.color.strong}` : ''};
 
   gap: ${spacing1};
 

packages/twenty-ui/src/display/tag/components/__stories__/Tag.stories.tsx

@@ -90,3 +90,16 @@ export const Catalog: CatalogStory<Story, typeof Tag> = {
   },
   decorators: [CatalogDecorator],
 };
+
+export const EmptyTag: Story = {
+  decorators: [ComponentDecorator],
+  args: {
+    color: 'transparent',
+    text: 'No Value',
+    variant: 'outline',
+    weight: 'medium',
+  },
+  parameters: {
+    container: { width: 'auto' },
+  },
+};