diff --git a/OpenUtau/Colors/Brushes.axaml b/OpenUtau/Colors/Brushes.axaml
index 1f153db2b..06dd471bc 100644
--- a/OpenUtau/Colors/Brushes.axaml
+++ b/OpenUtau/Colors/Brushes.axaml
@@ -42,6 +42,10 @@
                    Color="{DynamicResource ForegroundColorPointerOver}" />
   <SolidColorBrush x:Key="MenuFlyoutItemForegroundDisabled"
                    Color="{DynamicResource ForegroundColorDisabled}" />
+  <SolidColorBrush x:Key="MenuFlyoutItemTimelineCanvasColor"
+                   Color="{DynamicResource TimelineCanvasColor}" />
+  <SolidColorBrush x:Key="MenuFlyoutItemScrollBarBackgroundColor"
+                   Color="{DynamicResource ScrollBarBackgroundColor}" />
   <!--combo box background-->
   <SolidColorBrush x:Key="SystemControlBackgroundAltMediumLowBrush"
                    Color="{DynamicResource BackgroundColorPointerOver}" />
diff --git a/OpenUtau/Colors/DarkTheme.axaml b/OpenUtau/Colors/DarkTheme.axaml
index 180204fb2..c7a2d5277 100644
--- a/OpenUtau/Colors/DarkTheme.axaml
+++ b/OpenUtau/Colors/DarkTheme.axaml
@@ -17,6 +17,9 @@
   <Color x:Key="BorderColorPointerOver">#B0B0B0</Color>
 
   <Color x:Key="SystemAccentColor">#4EA6EA</Color>
+
+  <Color x:Key="TimelineCanvasColor">#181818</Color>
+  <Color x:Key="ScrollBarBackgroundColor">#30000000</Color>
   <!-- PointerOver -->
   <Color x:Key="SystemAccentColorLight1">#90CAF9</Color>
   <!-- Pressed -->
@@ -31,7 +34,7 @@
   <Color x:Key="TickLineColor">#707070</Color>
   <Color x:Key="BarNumberColor">#D0D0D0</Color>
   <Color x:Key="FinalPitchColor">#D0D0D0</Color>
-  <Color x:Key="TrackBackgroundAltColor">#404040</Color>
+  <Color x:Key="TrackBackgroundAltColor">#BB404040</Color>
   
   <Color x:Key="WarningColor">#433519</Color>
 
@@ -47,4 +50,4 @@
   <Color x:Key="BlackKeyColorLeft">Transparent</Color>
   <Color x:Key="BlackKeyColorRight">Transparent</Color>
   <Color x:Key="BlackKeyNameColor">#FFFFFF</Color>
-</ResourceDictionary>
+</ResourceDictionary>
\ No newline at end of file
diff --git a/OpenUtau/Colors/LightTheme.axaml b/OpenUtau/Colors/LightTheme.axaml
index ff064d0d2..a7bf98396 100644
--- a/OpenUtau/Colors/LightTheme.axaml
+++ b/OpenUtau/Colors/LightTheme.axaml
@@ -17,6 +17,9 @@
   <Color x:Key="BorderColorPointerOver">#B0B0B0</Color>
 
   <Color x:Key="SystemAccentColor">#4EA6EA</Color>
+
+  <Color x:Key="TimelineCanvasColor">#dddddd</Color>
+  <Color x:Key="ScrollBarBackgroundColor">#10000000</Color>
   <!-- PointerOver -->
   <Color x:Key="SystemAccentColorLight1">#90CAF9</Color>
   <!-- Pressed -->
@@ -31,7 +34,7 @@
   <Color x:Key="TickLineColor">#AFA3B5</Color>
   <Color x:Key="BarNumberColor">#AFA3B5</Color>
   <Color x:Key="FinalPitchColor">#C0C0C0</Color>
-  <Color x:Key="TrackBackgroundAltColor">#F0F0F0</Color>
+  <Color x:Key="TrackBackgroundAltColor">#EEF0F0F0</Color>
 
   <Color x:Key="WarningColor">#FFF4CE</Color>
 
diff --git a/OpenUtau/Controls/PianoRoll.axaml b/OpenUtau/Controls/PianoRoll.axaml
index caa98e9f8..e70961ea6 100644
--- a/OpenUtau/Controls/PianoRoll.axaml
+++ b/OpenUtau/Controls/PianoRoll.axaml
@@ -39,6 +39,7 @@
       </Grid>
       <ScrollBar Name="HScrollBar" Classes="music" Grid.Row="1" Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                  Margin="0,4,0,4" Orientation="Horizontal" AllowAutoHide="False"
+                 Background="{DynamicResource ScrollBarBackgroundColor}"
                  DataContext="{Binding NotesViewModel}"
                  Maximum="{Binding HScrollBarMax, Mode=OneWay}"
                  Value="{Binding TickOffset}"
@@ -47,6 +48,7 @@
                  SmallChange="{Binding SmallChangeX}" PointerWheelChanged="HScrollPointerWheelChanged"/>
       <ScrollBar Name="VScrollBar" Classes="music" Grid.Row="3" Grid.Column="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
                  Margin="4,0,4,0" Orientation="Vertical" AllowAutoHide="False"
+                 Background="{DynamicResource ScrollBarBackgroundColor}"
                  DataContext="{Binding NotesViewModel}"
                  Maximum="{Binding VScrollBarMax, Mode=OneWay}"
                  Value="{Binding TrackOffset}"
@@ -105,7 +107,7 @@
         </Button>
       </Grid >
       <Canvas Name="TimelineCanvas" Grid.Row="2" Grid.Column="1"
-              Background="Transparent" ClipToBounds="True"
+              Background="{DynamicResource TimelineCanvasColor}" ClipToBounds="True"
               PointerWheelChanged="TimelinePointerWheelChanged"
               PointerPressed="TimelinePointerPressed"
               PointerMoved="TimelinePointerMoved"
diff --git a/OpenUtau/Views/MainWindow.axaml b/OpenUtau/Views/MainWindow.axaml
index 1e16d445c..b518c8280 100644
--- a/OpenUtau/Views/MainWindow.axaml
+++ b/OpenUtau/Views/MainWindow.axaml
@@ -268,6 +268,7 @@
             </Border>
           </Panel>
           <ScrollBar Name="HScrollBar" Classes="music" Grid.Row="0" Grid.Column="1" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                    Background="{DynamicResource ScrollBarBackgroundColor}"
                     Margin="0,4,0,4" Orientation="Horizontal" AllowAutoHide="False"
                     DataContext="{Binding TracksViewModel}"
                     Maximum="{Binding HScrollBarMax, Mode=OneWay}"
@@ -276,6 +277,7 @@
                     LargeChange="{Binding ViewportTicks}"
                     SmallChange="{Binding SmallChangeX}" PointerWheelChanged="HScrollPointerWheelChanged"/>
           <ScrollBar Name="VScrollBar" Classes="music" Grid.Row="2" Grid.Column="2" HorizontalAlignment="Stretch" VerticalAlignment="Stretch"
+                    Background="{DynamicResource ScrollBarBackgroundColor}"
                     Margin="4,0,4,0" Orientation="Vertical" AllowAutoHide="False"
                     DataContext="{Binding TracksViewModel}"
                     Maximum="{Binding VScrollBarMax, Mode=OneWay}"
@@ -284,7 +286,8 @@
                     LargeChange="{Binding ViewportTracks}"
                     SmallChange="{Binding SmallChangeY}" PointerWheelChanged="VScrollPointerWheelChanged"/>
           <Canvas Name="TimelineCanvas" Grid.Row="1" Grid.Column="1"
-                  Background="Transparent" ClipToBounds="True"
+                  Background="{DynamicResource TimelineCanvasColor}"
+                  ClipToBounds="True"
                   PointerWheelChanged="TimelinePointerWheelChanged"
                   PointerPressed="TimelinePointerPressed"
                   PointerMoved="TimelinePointerMoved"