Feat(Theme): Support dark mode

src/components/common/LoadingMask.tsx

@@ -1,7 +1,6 @@
 import { PropsWithChildren, ReactNode } from 'react'
 import Icon from '@ant-design/icons'
-import styles from '@/assets/css/components/common/loading-mask.module.less'
-import { COLOR_FONT_MAIN } from '@/constants/common.constants'
+import useStyles from '@/assets/css/components/common/loading-mask.style'
 
 interface LoadingMaskProps extends PropsWithChildren {
     hidden?: boolean
@@ -9,11 +8,13 @@ interface LoadingMaskProps extends PropsWithChildren {
 }
 
 const LoadingMask = (props: LoadingMaskProps) => {
+    const { styles, theme } = useStyles()
+
     const loadingIcon = (
         <>
             <Icon
                 component={IconOxygenLoading}
-                style={{ fontSize: 24, color: COLOR_FONT_MAIN }}
+                style={{ fontSize: 24, color: theme.colorText }}
                 spin
             />
         </>