diff --git a/app/src/main/java/com/ztftrue/music/MainActivity.kt b/app/src/main/java/com/ztftrue/music/MainActivity.kt
index 31aa4ad..a2a6a2b 100644
--- a/app/src/main/java/com/ztftrue/music/MainActivity.kt
+++ b/app/src/main/java/com/ztftrue/music/MainActivity.kt
@@ -1176,7 +1176,9 @@ class MainActivity : ComponentActivity() {
                         Icon(
                             Icons.Filled.Search,
                             modifier = Modifier.size(30.dp),
-                            contentDescription = "Search"
+                            contentDescription = "Search",
+                            tint = MaterialTheme.colorScheme.onBackground
+
                         )
                     }
                 }
diff --git a/app/src/main/java/com/ztftrue/music/ui/home/AlbumGridView.kt b/app/src/main/java/com/ztftrue/music/ui/home/AlbumGridView.kt
index 1080e04..2c108cb 100644
--- a/app/src/main/java/com/ztftrue/music/ui/home/AlbumGridView.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/home/AlbumGridView.kt
@@ -246,7 +246,7 @@ fun AlbumItemView(
     }
     Column(modifier = Modifier
         .fillMaxWidth()
-        .background(MaterialTheme.colorScheme.primary, RoundedCornerShape(5.dp))
+        .background(MaterialTheme.colorScheme.surfaceVariant, RoundedCornerShape(5.dp))
         .clip(RoundedCornerShape(5.dp))
         .combinedClickable(
             onLongClick = {
@@ -269,6 +269,7 @@ fun AlbumItemView(
                 modifier = Modifier
                     .zIndex(0f)
                     .fillMaxWidth()
+                    .background(MaterialTheme.colorScheme.primaryContainer)
                     .aspectRatio(1f),
             )
             if (item.id == musicViewModel.playListCurrent.value?.id && item.type == musicViewModel.playListCurrent.value?.type) {
@@ -297,7 +298,7 @@ fun AlbumItemView(
         ) {
             Text(
                 text = item.name,
-                color = MaterialTheme.colorScheme.onPrimary,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 modifier = Modifier.horizontalScroll(rememberScrollState(0))
             )
             Row(
@@ -306,7 +307,7 @@ fun AlbumItemView(
             ) {
                 Text(
                     text = "$number song${if (number <= 1L) "" else "s"}",
-                    color = MaterialTheme.colorScheme.onPrimary,
+                    color = MaterialTheme.colorScheme.onSurfaceVariant,
                 )
                 IconButton(
                     modifier = Modifier
@@ -320,6 +321,7 @@ fun AlbumItemView(
                         modifier = Modifier
                             .size(20.dp)
                             .clip(CircleShape),
+                        tint = MaterialTheme.colorScheme.onSurfaceVariant
                     )
                 }
             }
diff --git a/app/src/main/java/com/ztftrue/music/ui/home/ArtistsGridView.kt b/app/src/main/java/com/ztftrue/music/ui/home/ArtistsGridView.kt
index fc2f850..db16776 100644
--- a/app/src/main/java/com/ztftrue/music/ui/home/ArtistsGridView.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/home/ArtistsGridView.kt
@@ -131,13 +131,16 @@ fun ArtistsGridView(
             LazyRow(
                 contentPadding = PaddingValues(5.dp),
                 state = rowListSate,
-                modifier = modifier.background(MaterialTheme.colorScheme.background).fillMaxWidth()
+                modifier = modifier
+                    .background(MaterialTheme.colorScheme.background)
+                    .fillMaxWidth()
             ) {
                 items(artistLists.size) { index ->
                     val item = artistLists[index]
                     Box(
                         modifier = Modifier
-                            .padding(5.dp).fillMaxSize()
+                            .padding(5.dp)
+                            .fillMaxSize()
                             .width(((configuration.screenWidthDp - 80) / musicViewModel.albumItemsCount.intValue).dp)
                     ) {
                         ArtistItemView(
@@ -157,7 +160,9 @@ fun ArtistsGridView(
                 columns = GridCells.Fixed(musicViewModel.artistItemsCount.intValue), // Number of columns in the grid
                 contentPadding = PaddingValues(5.dp),
                 state = listState,
-                modifier = modifier.background(MaterialTheme.colorScheme.background).fillMaxSize()
+                modifier = modifier
+                    .background(MaterialTheme.colorScheme.background)
+                    .fillMaxSize()
             ) {
                 items(artistLists.size) { index ->
                     val item = artistLists[index]
@@ -230,7 +235,7 @@ fun ArtistItemView(
     val number = item.trackNumber
     Column(modifier = Modifier
         .fillMaxWidth()
-        .background(MaterialTheme.colorScheme.primary, RoundedCornerShape(5.dp))
+        .background(MaterialTheme.colorScheme.surfaceVariant, RoundedCornerShape(5.dp))
         .clip(RoundedCornerShape(5.dp))
         .combinedClickable(
             onLongClick = {
@@ -264,9 +269,9 @@ fun ArtistItemView(
                 contentDescription = "Album cover",
                 modifier = Modifier
                     .fillMaxWidth()
-                    .background(MaterialTheme.colorScheme.secondary)
+                    .background(MaterialTheme.colorScheme.primaryContainer)
                     .aspectRatio(1f),
-                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onSecondary)
+                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimaryContainer)
             )
             if (item.id == musicViewModel.playListCurrent.value?.id && item.type == musicViewModel.playListCurrent.value?.type) {
                 Image(
@@ -294,7 +299,7 @@ fun ArtistItemView(
         ) {
             Text(
                 text = item.name,
-                color = MaterialTheme.colorScheme.onPrimary,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 modifier = Modifier.horizontalScroll(rememberScrollState(0))
             )
             Row(
@@ -303,7 +308,7 @@ fun ArtistItemView(
             ) {
                 Text(
                     text = "$number song${if (number <= 1L) "" else "s"}",
-                    color = MaterialTheme.colorScheme.onPrimary,
+                    color = MaterialTheme.colorScheme.onSurfaceVariant,
                 )
                 IconButton(
                     modifier = Modifier
@@ -317,6 +322,7 @@ fun ArtistItemView(
                         modifier = Modifier
                             .size(20.dp)
                             .clip(CircleShape),
+                        tint = MaterialTheme.colorScheme.onSurfaceVariant
                     )
                 }
             }
diff --git a/app/src/main/java/com/ztftrue/music/ui/home/GenreGridView.kt b/app/src/main/java/com/ztftrue/music/ui/home/GenreGridView.kt
index 284c6ef..a7bcf31 100644
--- a/app/src/main/java/com/ztftrue/music/ui/home/GenreGridView.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/home/GenreGridView.kt
@@ -225,7 +225,7 @@ fun GenreItemView(
     Column(
         modifier = Modifier
             .fillMaxWidth()
-            .background(MaterialTheme.colorScheme.primary, RoundedCornerShape(5.dp))
+            .background(MaterialTheme.colorScheme.surfaceVariant, RoundedCornerShape(5.dp))
             .clip(RoundedCornerShape(5.dp))
             .combinedClickable(onLongClick = {
                 showOperateDialog = true
@@ -246,9 +246,9 @@ fun GenreItemView(
                 modifier = Modifier
                     .zIndex(0f)
                     .fillMaxWidth()
-                    .background(MaterialTheme.colorScheme.secondary)
+                    .background(MaterialTheme.colorScheme.primaryContainer)
                     .aspectRatio(1f),
-                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onSecondary)
+                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimaryContainer)
             )
             if (item.id == musicViewModel.playListCurrent.value?.id && item.type == musicViewModel.playListCurrent.value?.type) {
                 Image(
@@ -276,7 +276,7 @@ fun GenreItemView(
         ) {
             Text(
                 text = item.name,
-                color = MaterialTheme.colorScheme.onPrimary,
+                color = MaterialTheme.colorScheme.onSurfaceVariant,
                 modifier = Modifier.horizontalScroll(rememberScrollState(0))
             )
             Row(
@@ -285,7 +285,7 @@ fun GenreItemView(
             ) {
                 Text(
                     text = "$number song${if (number <= 1L) "" else "s"}",
-                    color = MaterialTheme.colorScheme.onPrimary,
+                    color = MaterialTheme.colorScheme.onSurfaceVariant,
                 )
                 IconButton(
                     modifier = Modifier
@@ -299,6 +299,7 @@ fun GenreItemView(
                         modifier = Modifier
                             .size(20.dp)
                             .clip(CircleShape),
+                        tint = MaterialTheme.colorScheme.onSurfaceVariant
                     )
                 }
             }
diff --git a/app/src/main/java/com/ztftrue/music/ui/other/SearchPage.kt b/app/src/main/java/com/ztftrue/music/ui/other/SearchPage.kt
index 5a3e8f8..f84f1b2 100644
--- a/app/src/main/java/com/ztftrue/music/ui/other/SearchPage.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/other/SearchPage.kt
@@ -161,9 +161,9 @@ fun SearchPage(
                     BackButton(navController)
                     Row(verticalAlignment = Alignment.CenterVertically) {
                         CompositionLocalProvider(
-                            LocalContentColor provides MaterialTheme.colorScheme.onPrimary
+                            LocalContentColor provides MaterialTheme.colorScheme.onBackground
                         ) {
-                            ProvideTextStyle(TextStyle(color = MaterialTheme.colorScheme.onPrimary)) {
+                            ProvideTextStyle(TextStyle(color = MaterialTheme.colorScheme.onBackground)) {
                                 OutlinedTextField(
                                     value = keywords,
                                     onValueChange = {
@@ -195,26 +195,10 @@ fun SearchPage(
 
                                     },
                                     colors = TextFieldDefaults.colors(
-                                        focusedPlaceholderColor = Color.Red, // Set your desired text color here
-                                        unfocusedPlaceholderColor = Color.Red, // Set your desired text color here
-                                        disabledPlaceholderColor = Color.Red, // Set your desired text color here
-                                        errorPlaceholderColor = Color.Red, // Set your desired text color here
-                                        focusedLabelColor = Color.Red, // Set your desired text color here
-                                        unfocusedLabelColor = Color.Red, // Set your desired text color here
-                                        disabledLabelColor = Color.Red, // Set your desired text color here
-                                        errorLabelColor = Color.Red, // Set your desired text color here
                                         focusedContainerColor = MaterialTheme.colorScheme.background, // Set your desired text color here
                                         unfocusedContainerColor = MaterialTheme.colorScheme.background, // Set your desired text color here
                                         disabledContainerColor = MaterialTheme.colorScheme.background, // Set your desired text color here
                                         errorContainerColor = MaterialTheme.colorScheme.background, // Set your desired text color here
-                                        focusedTextColor = Color.Red, // Set your desired text color here
-                                        unfocusedTextColor = Color.Red, // Set your desired text color here
-                                        disabledTextColor = Color.Red, // Set your desired text color here
-                                        errorTextColor = Color.Red, // Set your desired text color here
-                                        focusedSupportingTextColor = Color.Red, // Set your desired text color here
-                                        unfocusedSupportingTextColor = Color.Red, // Set your desired text color here
-                                        disabledSupportingTextColor = Color.Red, // Set your desired text color here
-                                        errorSupportingTextColor = Color.Red, // Set your desired text color here
                                         cursorColor = MaterialTheme.colorScheme.onBackground, // Set your desired text color here
                                         errorCursorColor =MaterialTheme.colorScheme.onBackground, // Set your desired text color here
                                     )
diff --git a/app/src/main/java/com/ztftrue/music/ui/other/SettingsPage.kt b/app/src/main/java/com/ztftrue/music/ui/other/SettingsPage.kt
index 1eb1ba0..c09e7f3 100644
--- a/app/src/main/java/com/ztftrue/music/ui/other/SettingsPage.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/other/SettingsPage.kt
@@ -215,7 +215,7 @@ fun SettingsPage(
                             modifier = Modifier
                                 .fillMaxWidth()
                                 .background(
-                                    MaterialTheme.colorScheme.primary
+                                    MaterialTheme.colorScheme.tertiaryContainer
                                 ),
                             offset = DpOffset(
                                 x = 0.dp,
@@ -227,7 +227,7 @@ fun SettingsPage(
                                     text = {
                                         Text(
                                             item,
-                                            color = MaterialTheme.colorScheme.onBackground
+                                            color = MaterialTheme.colorScheme.onTertiaryContainer
                                         )
                                     },
                                     onClick = {
diff --git a/app/src/main/java/com/ztftrue/music/ui/play/LyricsView.kt b/app/src/main/java/com/ztftrue/music/ui/play/LyricsView.kt
index 6ecb574..6cfd4d7 100644
--- a/app/src/main/java/com/ztftrue/music/ui/play/LyricsView.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/play/LyricsView.kt
@@ -302,11 +302,7 @@ fun LyricsView(
         ) {
             val textToolbar = LocalTextToolbar.current
             val focusManager = LocalFocusManager.current
-            val colorI: Int = getContrastingColor(
-                MaterialTheme.colorScheme.background.toArgb().toAndroidColor(),
-                MaterialTheme.colorScheme.onBackground.toArgb().toAndroidColor()
-            )
-            val color = Color(colorI)
+
             SelectionContainer(
                 modifier = Modifier,
                 content = {
@@ -393,7 +389,7 @@ fun LyricsView(
                                     text = annotatedString,
                                     style = TextStyle(
                                         color = if (currentI == listIndex && musicViewModel.autoHighLight.value) {
-                                            MaterialTheme.colorScheme.onPrimary
+                                            MaterialTheme.colorScheme.onTertiaryContainer
                                         } else {
                                             MaterialTheme.colorScheme.onBackground
                                         },
@@ -409,7 +405,7 @@ fun LyricsView(
                                     modifier = Modifier
                                         .fillMaxWidth()
                                         .background(
-                                            if (currentI == listIndex && musicViewModel.autoHighLight.value) MaterialTheme.colorScheme.primaryContainer.copy(
+                                            if (currentI == listIndex && musicViewModel.autoHighLight.value) MaterialTheme.colorScheme.tertiaryContainer.copy(
                                                 alpha = 0.3f
                                             ) else MaterialTheme.colorScheme.background
                                         )
diff --git a/app/src/main/java/com/ztftrue/music/ui/play/PlayingPage.kt b/app/src/main/java/com/ztftrue/music/ui/play/PlayingPage.kt
index bb9db51..f096e1c 100644
--- a/app/src/main/java/com/ztftrue/music/ui/play/PlayingPage.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/play/PlayingPage.kt
@@ -360,7 +360,7 @@ fun PlayingPage(
                 popupWindow = false
             }
         ) {
-            val color = MaterialTheme.colorScheme.onPrimary
+            val color = MaterialTheme.colorScheme.secondary
             val configuration = LocalConfiguration.current
             Column(
                 modifier = Modifier
@@ -376,7 +376,7 @@ fun PlayingPage(
                     )
                     .border(
                         1.dp,
-                        color = Color.Black,
+                        color = MaterialTheme.colorScheme.primary,
                         RoundedCornerShape(10.dp)
                     )
             ) {
@@ -421,7 +421,7 @@ fun PlayingPage(
                                             )
                                         }
                                     },
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -460,7 +460,7 @@ fun PlayingPage(
                                             )
                                         }
                                     },
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -499,7 +499,7 @@ fun PlayingPage(
                                             )
                                         }
                                     },
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -537,7 +537,7 @@ fun PlayingPage(
                                                 style = Stroke(4f)
                                             )
                                     },
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -561,7 +561,7 @@ fun PlayingPage(
                                 modifier = Modifier
                                     .width(24.dp)
                                     .height(24.dp),
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -584,7 +584,7 @@ fun PlayingPage(
                                 modifier = Modifier
                                     .width(24.dp)
                                     .height(24.dp),
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -690,7 +690,7 @@ fun PlayingPage(
                                 modifier = Modifier
                                     .width(24.dp)
                                     .height(24.dp),
-                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                             )
                         }
                     }
@@ -1035,7 +1035,7 @@ fun PlayingPage(
                                         modifier = Modifier
                                             .width(24.dp)
                                             .height(24.dp),
-                                        colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                                        colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onBackground)
                                     )
                                 }
 
diff --git a/app/src/main/java/com/ztftrue/music/ui/public/BackButton.kt b/app/src/main/java/com/ztftrue/music/ui/public/BackButton.kt
index e2fcc58..7290403 100644
--- a/app/src/main/java/com/ztftrue/music/ui/public/BackButton.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/public/BackButton.kt
@@ -4,6 +4,7 @@ import androidx.compose.material.icons.Icons
 import androidx.compose.material.icons.filled.ArrowBack
 import androidx.compose.material3.Icon
 import androidx.compose.material3.IconButton
+import androidx.compose.material3.MaterialTheme
 import androidx.compose.runtime.Composable
 import androidx.navigation.NavHostController
 import com.ztftrue.music.Router
@@ -22,7 +23,7 @@ fun BackButton(
     IconButton(onClick = {
         navController.navigateBack { }
     }) {
-        Icon(Icons.Filled.ArrowBack, contentDescription = "Back")
+        Icon(Icons.Filled.ArrowBack, contentDescription = "Back",  tint = MaterialTheme.colorScheme.onBackground)
     }
 }
 
diff --git a/app/src/main/java/com/ztftrue/music/ui/public/TopBar.kt b/app/src/main/java/com/ztftrue/music/ui/public/TopBar.kt
index 557cdc3..0966369 100644
--- a/app/src/main/java/com/ztftrue/music/ui/public/TopBar.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/public/TopBar.kt
@@ -112,7 +112,8 @@ fun TopBar(
                 Icon(
                     Icons.Filled.Search,
                     modifier = Modifier.size(30.dp),
-                    contentDescription = "Search"
+                    contentDescription = "Search",
+                    tint = MaterialTheme.colorScheme.onBackground
                 )
             }
             content()
@@ -231,7 +232,7 @@ fun SleepTimeDialog(musicViewModel: MusicViewModel, onDismiss: () -> Unit) {
                     }
                 }
                 Row {
-                    ProvideTextStyle(TextStyle(color = MaterialTheme.colorScheme.onPrimary)) {
+                    ProvideTextStyle(TextStyle(color = MaterialTheme.colorScheme.onBackground)) {
                         TextField(
                             value = inputMinutes,
                             onValueChange = {
diff --git a/app/src/main/java/com/ztftrue/music/ui/public/TracksListView.kt b/app/src/main/java/com/ztftrue/music/ui/public/TracksListView.kt
index 7a2d0fd..8cc4df1 100644
--- a/app/src/main/java/com/ztftrue/music/ui/public/TracksListView.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/public/TracksListView.kt
@@ -121,7 +121,7 @@ fun TracksListView(
                             contentDescription = "find current playing music",
                             modifier = Modifier
                                 .size(30.dp),
-                            colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimary)
+                            colorFilter = ColorFilter.tint(color = MaterialTheme.colorScheme.onPrimaryContainer)
                         )
                     }
                 }
diff --git a/app/src/main/java/com/ztftrue/music/ui/theme/Color.kt b/app/src/main/java/com/ztftrue/music/ui/theme/Color.kt
index 8f9284c..46b698d 100644
--- a/app/src/main/java/com/ztftrue/music/ui/theme/Color.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/theme/Color.kt
@@ -2,35 +2,32 @@ package com.ztftrue.music.ui.theme
 
 import androidx.compose.ui.graphics.Color
 
-val md_theme_light_primary = Color(0xFFB3BBC7)
-val md_theme_light_onPrimary = Color(0xFF112E28)
-val md_theme_light_primaryContainer = Color(0xFF86B6F6)
-val md_theme_light_onPrimaryContainer = Color(0xFF176B87)
-val md_theme_light_secondary = Color(0xFFC7E0E0)
-val md_theme_light_onSecondary = Color(0xFF6F5B40)
-val md_theme_light_secondaryContainer = Color(0xFFFBDEBC)
-val md_theme_light_onSecondaryContainer = Color(0xFF271904)
-val md_theme_light_tertiary = Color(0xFF51643F)
-val md_theme_light_onTertiary = Color(0xFFFFFFFF)
-val md_theme_light_tertiaryContainer = Color(0xFFD4EABB)
-val md_theme_light_onTertiaryContainer = Color(0xFF102004)
-val md_theme_light_error = Color(0xFFBA1A1A)
-val md_theme_light_errorContainer = Color(0xFFFFDAD6)
+val md_theme_light_primary = Color(0xFF00677d)
+val md_theme_light_onPrimary = Color(0xFFffffff)
+val md_theme_light_primaryContainer = Color(0xFFb2ebff)
+val md_theme_light_onPrimaryContainer = Color(0xFF001f27)
+val md_theme_light_secondary = Color(0xFF006a65)
+val md_theme_light_onSecondary = Color(0xFFffffff)
+val md_theme_light_secondaryContainer = Color(0xFF6ff7ed)
+val md_theme_light_onSecondaryContainer = Color(0xFF00201e)
+val md_theme_light_tertiary = Color(0xFF7b5800)
+val md_theme_light_onTertiary = Color(0xFFffffff)
+val md_theme_light_tertiaryContainer = Color(0xFFffdea6)
+val md_theme_light_onTertiaryContainer = Color(0xFF271900)
+val md_theme_light_error = Color(0xFFba1a1a)
 val md_theme_light_onError = Color(0xFFFFFFFF)
+val md_theme_light_errorContainer = Color(0xFFffdad6)
 val md_theme_light_onErrorContainer = Color(0xFF410002)
-val md_theme_light_background = Color(0xFFFFFFFF)
-val md_theme_light_onBackground = Color(0xFF1F1B16)
-
+val md_theme_light_background = Color(0xFFfbfcfe)
+val md_theme_light_onBackground = Color(0xFF191c1d)
 // background color
-val md_theme_light_surface = Color(0xFFFFFFFF)
-val md_theme_light_onSurface = Color(0xFF1F1B16)
-
+val md_theme_light_surface = Color(0xFFfbfcfe)
+val md_theme_light_onSurface = Color(0xFF191c1d)
 // slider color slider uncovered and enable
-val md_theme_light_surfaceVariant = Color(0xFF9399A2)
-val md_theme_light_onSurfaceVariant = Color(0xFF4F4539)
-
+val md_theme_light_surfaceVariant = Color(0xFFdbe4e8)
+val md_theme_light_onSurfaceVariant = Color(0xFF40484b)
 // button border
-val md_theme_light_outline = Color(0xFF5C6166)
+val md_theme_light_outline = Color(0xFF70787c)
 val md_theme_light_inverseOnSurface = Color(0xFFF9EFE7)
 val md_theme_light_inverseSurface = Color(0xFF34302A)
 val md_theme_light_inversePrimary = Color(0xFFFFB951)
@@ -38,29 +35,29 @@ val md_theme_light_surfaceTint = Color(0xFF825500)
 val md_theme_light_outlineVariant = Color(0xFFD3C4B4)
 val md_theme_light_scrim = Color(0xFF000000)
 
-val md_theme_dark_primary = Color(0xFF3F311D)
-val md_theme_dark_onPrimary = Color(0xFFC9C9C9)
-val md_theme_dark_primaryContainer = Color(0xFF412900)
-val md_theme_dark_onPrimaryContainer = Color(0xFFFFDDB3)
-val md_theme_dark_secondary = Color(0xFF887F75)
-val md_theme_dark_onSecondary = Color(0xFF3E2D16)
-val md_theme_dark_secondaryContainer = Color(0xFF56442A)
-val md_theme_dark_onSecondaryContainer = Color(0xFFFBDEBC)
-val md_theme_dark_tertiary = Color(0xFFB8CEA1)
-val md_theme_dark_onTertiary = Color(0xFF243515)
-val md_theme_dark_tertiaryContainer = Color(0xFF3A4C2A)
-val md_theme_dark_onTertiaryContainer = Color(0xFFD4EABB)
-val md_theme_dark_error = Color(0xFFFFB4AB)
-val md_theme_dark_errorContainer = Color(0xFF93000A)
+val md_theme_dark_primary = Color(0xFF59d5f8)
+val md_theme_dark_onPrimary = Color(0xFF003642)
+val md_theme_dark_primaryContainer = Color(0xFF004e5e)
+val md_theme_dark_onPrimaryContainer = Color(0xFFb2ebff)
+val md_theme_dark_secondary = Color(0xFF4ddbd1)
+val md_theme_dark_onSecondary = Color(0xFF003734)
+val md_theme_dark_secondaryContainer = Color(0xFF00504c)
+val md_theme_dark_onSecondaryContainer = Color(0xFF6ff7ed)
+val md_theme_dark_tertiary = Color(0xFFf6bd48)
+val md_theme_dark_onTertiary = Color(0xFF412d00)
+val md_theme_dark_tertiaryContainer = Color(0xFF5d4200)
+val md_theme_dark_onTertiaryContainer = Color(0xFFffdea6)
+val md_theme_dark_error = Color(0xFFffb4ab)
 val md_theme_dark_onError = Color(0xFF690005)
-val md_theme_dark_onErrorContainer = Color(0xFFFFDAD6)
-val md_theme_dark_background = Color(0xFF000000)
-val md_theme_dark_onBackground = Color(0xFFEAE1D9)
-val md_theme_dark_surface = Color(0xFF000000)
-val md_theme_dark_onSurface = Color(0xFFEAE1D9)
-val md_theme_dark_surfaceVariant = Color(0xFF4F4539)
-val md_theme_dark_onSurfaceVariant = Color(0xFFD3C4B4)
-val md_theme_dark_outline = Color(0xFF9C8F80)
+val md_theme_dark_errorContainer = Color(0xFF93000a)
+val md_theme_dark_onErrorContainer = Color(0xFFffdad6)
+val md_theme_dark_background = Color(0xFF191c1d)
+val md_theme_dark_onBackground = Color(0xFFe1e3e4)
+val md_theme_dark_surface = Color(0xFF191c1d)
+val md_theme_dark_onSurface = Color(0xFFe1e3e4)
+val md_theme_dark_surfaceVariant = Color(0xFF40484b)
+val md_theme_dark_onSurfaceVariant = Color(0xFFbfc8cc)
+val md_theme_dark_outline = Color(0xFF899296)
 val md_theme_dark_inverseOnSurface = Color(0xFF1F1B16)
 val md_theme_dark_inverseSurface = Color(0xFFEAE1D9)
 val md_theme_dark_inversePrimary = Color(0xFF850000)
diff --git a/app/src/main/java/com/ztftrue/music/ui/theme/Theme.kt b/app/src/main/java/com/ztftrue/music/ui/theme/Theme.kt
index 488a180..a17c898 100644
--- a/app/src/main/java/com/ztftrue/music/ui/theme/Theme.kt
+++ b/app/src/main/java/com/ztftrue/music/ui/theme/Theme.kt
@@ -128,17 +128,19 @@ fun MusicPitchTheme(
                         colorScheme.value = colorScheme.value.copy(
                             background = Color(palette.dominantSwatch?.rgb ?: 0),
                             surface = Color(palette.dominantSwatch?.rgb ?: 0),
-                            primary = Color(palette.mutedSwatch?.rgb ?: 0),
-                            onPrimary = Color(palette.mutedSwatch?.bodyTextColor ?: 0),
-                            primaryContainer = Color(palette.mutedSwatch?.rgb ?: 0),
+                            onBackground = Color(palette.dominantSwatch?.bodyTextColor ?: 0),
+                            onSurface = Color(palette.dominantSwatch?.bodyTextColor ?: 0),
+                            primary = Color(palette.lightMutedSwatch?.rgb ?: 0),
+                            onPrimary = Color(palette.lightMutedSwatch?.bodyTextColor ?: 0),
+                            primaryContainer = Color(palette.lightMutedSwatch?.titleTextColor ?: 0),
+                            onPrimaryContainer = Color(palette.lightMutedSwatch?.rgb ?: 0),
                             // slider uncovered and enable
-//                            surfaceVariant = Color(palette.darkVibrantSwatch?.rgb ?: 0),
-//                            onPrimaryContainer = Color(palette.vibrantSwatch?.bodyTextColor ?: 0),
+                            surfaceVariant = Color(palette.mutedSwatch?.rgb ?: 0),
+                            onSurfaceVariant = Color(palette.mutedSwatch?.bodyTextColor ?: 0),
                             secondary = Color(palette.darkVibrantSwatch?.rgb ?: 0),
                             onSecondary = Color(palette.darkVibrantSwatch?.bodyTextColor ?: 0),
                             // default icon color
-                            onBackground = Color(palette.dominantSwatch?.bodyTextColor ?: 0),
-                            onSurface = Color(palette.dominantSwatch?.bodyTextColor ?: 0),
+
                         )
                     }
                 }