diff --git a/src/screens/Home/components/PlayerPortrait/components/PlayInfo.js b/src/screens/Home/components/PlayerPortrait/components/PlayInfo.js
index c8173439..83878c37 100644
--- a/src/screens/Home/components/PlayerPortrait/components/PlayInfo.js
+++ b/src/screens/Home/components/PlayerPortrait/components/PlayInfo.js
@@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
 
 export default () => {
   const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
+  const theme = useGetter('common', 'theme')
 
   return (
     <>
@@ -30,7 +31,7 @@ export default () => {
         </View>
         <View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
           <PlayTimeCurrent timeStr={curTimeStr} />
-          <Text style={{ fontSize: 12 }}> / </Text>
+          <Text style={{ fontSize: 12, color: theme.normal }}> / </Text>
           <PlayTimeMax timeStr={maxTimeStr} />
         </View>
       </View>
diff --git a/src/screens/PlayDetail/Landscape/PlayBar/index.js b/src/screens/PlayDetail/Landscape/PlayBar/index.js
index 44dd668c..1ec12e8f 100644
--- a/src/screens/PlayDetail/Landscape/PlayBar/index.js
+++ b/src/screens/PlayDetail/Landscape/PlayBar/index.js
@@ -21,6 +21,7 @@ export default () => {
   const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
   const { window } = useDimensions()
   const size = useMemo(() => window.width * 0.4 * 0.4 * 0.125, [window.width])
+  const theme = useGetter('common', 'theme')
 
   return (
     <View style={styles.container} nativeID="player">
@@ -31,7 +32,7 @@ export default () => {
         </View>
         <View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
           <PlayTimeCurrent size={size} timeStr={curTimeStr} />
-          <Text style={{ fontSize: size }}> / </Text>
+          <Text style={{ fontSize: size, color: theme.normal }}> / </Text>
           <PlayTimeMax size={size} timeStr={maxTimeStr} />
         </View>
       </View>
diff --git a/src/screens/PlayDetail/Portrait/Player/components/PlayInfo.js b/src/screens/PlayDetail/Portrait/Player/components/PlayInfo.js
index 8fb5b3b1..8ae7a4ef 100644
--- a/src/screens/PlayDetail/Portrait/Player/components/PlayInfo.js
+++ b/src/screens/PlayDetail/Portrait/Player/components/PlayInfo.js
@@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
 
 export default () => {
   const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
+  const theme = useGetter('common', 'theme')
 
   return (
     <>
@@ -29,7 +30,7 @@ export default () => {
         </View>
         <View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
           <PlayTimeCurrent timeStr={curTimeStr} />
-          <Text style={{ fontSize: 14 }}> / </Text>
+          <Text style={{ fontSize: 14, color: theme.normal }}> / </Text>
           <PlayTimeMax timeStr={maxTimeStr} />
         </View>
       </View>
diff --git a/src/screens/SonglistDetail/PlayerPortrait/components/PlayInfo.js b/src/screens/SonglistDetail/PlayerPortrait/components/PlayInfo.js
index edbac347..3de417ad 100644
--- a/src/screens/SonglistDetail/PlayerPortrait/components/PlayInfo.js
+++ b/src/screens/SonglistDetail/PlayerPortrait/components/PlayInfo.js
@@ -19,6 +19,7 @@ const PlayTimeMax = memo(({ timeStr }) => {
 
 export default () => {
   const { curTimeStr, maxTimeStr, progress, bufferedProgress, duration } = usePlayTime()
+  const theme = useGetter('common', 'theme')
 
   return (
     <>
@@ -30,7 +31,7 @@ export default () => {
         </View>
         <View style={{ flexGrow: 0, flexShrink: 0, flexDirection: 'row' }} >
           <PlayTimeCurrent timeStr={curTimeStr} />
-          <Text style={{ fontSize: 12 }}> / </Text>
+          <Text style={{ fontSize: 12, color: theme.normal }}> / </Text>
           <PlayTimeMax timeStr={maxTimeStr} />
         </View>
       </View>