Fix Dark Mode Colors (#1099)

- fix dark mode colors

front/src/modules/ui/section/components/Section.tsx

@@ -5,6 +5,7 @@ type OwnProps = {
   children: ReactNode;
   alignment?: SectionAlignment;
   fullWidth?: boolean;
+  fontColor?: SectionFontColor;
 };
 
 export enum SectionAlignment {
@@ -12,10 +13,18 @@ export enum SectionAlignment {
   Center = 'center',
 }
 
+export enum SectionFontColor {
+  Primary = 'primary',
+  Secondary = 'secondary',
+  Tertiary = 'tertiary',
+}
+
 const StyledSection = styled.div<{
   alignment: SectionAlignment;
   fullWidth: boolean;
+  fontColor: SectionFontColor;
 }>`
+  color: ${({ theme, fontColor }) => theme.font.color[fontColor]};
   margin-bottom: ${({ theme }) => theme.spacing(4)};
   margin-top: ${({ theme }) => theme.spacing(4)};
   text-align: ${({ alignment }) => alignment};
@@ -26,9 +35,14 @@ export function Section({
   children,
   alignment = SectionAlignment.Left,
   fullWidth = true,
+  fontColor = SectionFontColor.Primary,
 }: OwnProps) {
   return (
-    <StyledSection alignment={alignment} fullWidth={fullWidth}>
+    <StyledSection
+      alignment={alignment}
+      fullWidth={fullWidth}
+      fontColor={fontColor}
+    >
       {children}
     </StyledSection>
   );