Feat(Theme): Support dark mode

src/pages/Tools/View.tsx

@@ -1,4 +1,4 @@
-import styles from '@/assets/css/pages/tools/view.module.less'
+import useStyles from '@/assets/css/pages/tools/view.style'
 import { DATABASE_NO_RECORD_FOUND, DATABASE_SELECT_SUCCESS } from '@/constants/common.constants'
 import { getLoginStatus } from '@/util/auth'
 import { navigateToRepository, navigateToRoot, navigateToView } from '@/util/navigation'
@@ -11,6 +11,7 @@ import Playground from '@/components/Playground'
 import Card from '@/components/common/Card'
 
 const View = () => {
+    const { styles } = useStyles()
     const navigate = useNavigate()
     const { username, toolId, ver } = useParams()
     const [searchParams] = useSearchParams({
@@ -114,7 +115,7 @@ const View = () => {
 
     return (
         <FitFullscreen className={styles.root}>
-            <Card className={styles.rootBox}>
+            <Card className={styles.content}>
                 <Playground.Output.Preview.Render
                     iframeKey={`${username}:${toolId}:${ver}`}
                     compiledCode={compiledCode}