fixed legend in dark mode

Sources/SwiftUICharts/Helpers.swift

@@ -19,6 +19,7 @@ public struct Colors {
     public static let OrangeEnd:Color = Color(hexString: "#EC2301")
     public static let LegendText:Color = Color(hexString: "#A7A6A8")
     public static let LegendColor:Color = Color(hexString: "#E8E7EA")
+    public static let LegendDarkColor:Color = Color(hexString: "#545454")
     public static let IndicatorKnob:Color = Color(hexString: "#FF57A6")
     public static let GradientUpperBlue:Color = Color(hexString: "#C2E8FF")
     public static let GradinetUpperBlue1:Color = Color(hexString: "#A8E1FF")

Sources/SwiftUICharts/LineChart/Legend.swift

@@ -12,7 +12,8 @@ struct Legend: View {
     @ObservedObject var data: ChartData
     @Binding var frame: CGRect
     @Binding var hideHorizontalLines: Bool
-    
+    @Environment(\.colorScheme) var colorScheme: ColorScheme
+
     var stepWidth: CGFloat {
         return frame.size.width / CGFloat(data.points.count-1)
     }
@@ -28,7 +29,7 @@ struct Legend: View {
                         .foregroundColor(Colors.LegendText)
                         .font(.caption)
                      self.line(atHeight: CGFloat(self.getYLegend()![height]), width: self.frame.width)
-                        .stroke(Colors.LegendColor, style: StrokeStyle(lineWidth: 1.5, lineCap: .round, dash: [5,height == 0 ? 0 : 10]))
+                        .stroke(colorScheme == .dark ? Colors.LegendDarkColor : Colors.LegendColor, style: StrokeStyle(lineWidth: 1.5, lineCap: .round, dash: [5,height == 0 ? 0 : 10]))
                         .opacity((self.hideHorizontalLines && height != 0) ? 0 : 1)
                         .rotationEffect(.degrees(180), anchor: .center)
                         .rotation3DEffect(.degrees(180), axis: (x: 0, y: 1, z: 0))

Sources/SwiftUICharts/LineChart/LineView.swift

@@ -30,7 +30,7 @@ public struct LineView: View {
         self.style = style!
     }
     
-    public var body: some View {
+   public var body: some View {
         GeometryReader{ geometry in
             VStack(alignment: .leading, spacing: 8) {
                 Group{
@@ -40,7 +40,7 @@ public struct LineView: View {
                     if (self.legend != nil){
                         Text(self.legend!).font(.callout).foregroundColor(self.colorScheme == .dark ? Color.white : self.style.legendTextColor)
                     }
-                }.offset(x: 0, y: 46)
+                }.offset(x: 0, y: 20)
                 ZStack{
                     GeometryReader{ reader in
                         Rectangle().foregroundColor(self.colorScheme == .dark ? Color.black : self.style.backgroundColor)
@@ -56,7 +56,7 @@ public struct LineView: View {
                     }.frame(width: geometry.frame(in: .local).size.width, height: 240).offset(x: 0, y: 40 )
                     MagnifierRect(currentNumber: self.$currentDataNumber)
                         .opacity(self.opacity)
-                        .offset(x: self.dragLocation.x - geometry.frame(in: .local).size.width/2, y: 50)
+                        .offset(x: self.dragLocation.x - geometry.frame(in: .local).size.width/2, y: 36)
                 }
                 .frame(width: geometry.frame(in: .local).size.width, height: 240)
                 .gesture(DragGesture()
@@ -91,7 +91,7 @@ public struct LineView: View {
 
 struct LineView_Previews: PreviewProvider {
     static var previews: some View {
-        LineView(data: [37,72,51,22,39,47,66,85,50], title: "Full chart", style: Styles.lineChartStyleOne).environment(\.colorScheme, .dark)
+        LineView(data: [8,23,54,32,12,37,7,23,43], title: "Full chart", style: Styles.lineChartStyleOne)
     }
 }
 
@@ -110,15 +110,22 @@ struct MagnifierRect: View {
         ZStack{
             Text("\(self.currentNumber)")
                 .font(.system(size: 18, weight: .bold))
-                .offset(x: 0, y:-96)
+                .offset(x: 0, y:-110)
                 .animation(.spring())
                 .foregroundColor(self.colorScheme == .dark ? Color.white : Color.black)
-            RoundedRectangle(cornerRadius: 16)
-                .stroke(Color.white, lineWidth: self.colorScheme == .dark ? 2 : 0)
-                .frame(width: 60, height: 240)
-                .foregroundColor(self.colorScheme == .dark ? Color.black : Color.white)
-                .shadow(color: Colors.LegendText, radius: 12, x: 0, y: 6 )
-                .blendMode(self.colorScheme == .dark ? .normal : .multiply)
+            if (self.colorScheme == .dark ){
+                 RoundedRectangle(cornerRadius: 16)
+                    .stroke(Color.white, lineWidth: self.colorScheme == .dark ? 2 : 0)
+                    .frame(width: 60, height: 260)
+                    
+            }else{
+                 RoundedRectangle(cornerRadius: 16)
+                    .frame(width: 60, height: 280)
+                    .foregroundColor(Color.white)
+                    .shadow(color: Colors.LegendText, radius: 12, x: 0, y: 6 )
+                    .blendMode(.multiply)
+            }
+           
 
         }.animation(.linear)
     }