Added chart dark mode

android/res/drawable/bg_altitude_night.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:shape="rectangle">
+  <corners android:radius="@dimen/margin_half_plus_eight" />
+  <solid android:color="@color/black_secondary" />
+</shape>

android/res/drawable/bg_point_desc_night.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android">
+  <solid android:color="@color/black_primary"/>
+  <corners
+    android:bottomLeftRadius="@dimen/margin_quarter"
+    android:bottomRightRadius="@dimen/margin_quarter"
+    android:topLeftRadius="0dp"
+    android:topRightRadius="0dp" />
+</shape>

android/res/drawable/bg_your_location_pin_night.xml

@@ -0,0 +1,7 @@
+<?xml version="1.0" encoding="utf-8"?>
+<shape
+  xmlns:android="http://schemas.android.com/apk/res/android"
+  android:shape="rectangle">
+  <corners android:radius="@dimen/margin_half_plus_eight" />
+  <solid android:color="@color/black_primary" />
+</shape>

android/res/layout/current_location_marker.xml

@@ -18,7 +18,7 @@
     android:id="@+id/label"
     android:layout_width="wrap_content"
     android:layout_height="wrap_content"
-    android:background="@drawable/bg_your_location_pin"
+    android:background="?chart_your_location_pin_bg"
     android:ellipsize="end"
     android:paddingStart="@dimen/margin_quarter"
     android:paddingEnd="@dimen/margin_quarter"

android/res/layout/elevation_profile.xml

@@ -18,7 +18,7 @@
     android:layout_marginStart="@dimen/margin_half"
     android:layout_marginTop="@dimen/margin_quarter"
     android:layout_marginEnd="@dimen/margin_base_plus"
-    android:background="@drawable/bg_altitude"
+    android:background="?bg_altitude"
     android:paddingStart="@dimen/margin_quarter_plus"
     android:paddingLeft="@dimen/margin_quarter_plus"
     android:paddingTop="@dimen/margin_eighth"
@@ -36,7 +36,7 @@
     android:layout_marginStart="@dimen/margin_half"
     android:layout_marginEnd="@dimen/margin_base_plus"
     android:layout_marginBottom="@dimen/margin_base_plus"
-    android:background="@drawable/bg_altitude"
+    android:background="?bg_altitude"
     android:paddingStart="@dimen/margin_quarter_plus"
     android:paddingLeft="@dimen/margin_quarter_plus"
     android:paddingTop="@dimen/margin_eighth"

android/res/layout/floating_marker_view.xml

@@ -25,7 +25,7 @@
       android:layout_height="@dimen/half_elevation_profile_height"
       android:maxWidth="@dimen/dialog_min_height"
       android:padding="@dimen/margin_quarter_plus"
-      android:background="@drawable/bg_point_desc"
+      android:background="?chart_selected_point_bg"
       android:elevation="@dimen/margin_eighth"
       android:layout_centerVertical="true"
       tools:ignore="UnusedAttribute">
@@ -51,7 +51,7 @@
         android:orientation="horizontal">
         <ImageView
           android:id="@+id/triangle"
-          android:src="@drawable/trang"
+          android:src="?chart_selected_point_triangle"
           android:layout_width="@dimen/margin_half_plus"
           android:layout_height="@dimen/margin_half_plus"/>
         <TextView

android/res/values/colors.xml

@@ -33,6 +33,7 @@
   <color name="black_38">#61000000</color>  <!-- 38% black -->
   <color name="black_40">#66000000</color>  <!-- 40% black -->
   <color name="black_50">#80000000</color> <!-- 50% black -->
+  <color name="black_54">#8A000000</color> <!-- 54% black -->
   <color name="black_60">#99000000</color> <!-- 60% black -->
   <color name="white_primary">#FFFFFFFF</color>   <!-- 100% white -->
   <color name="white_secondary">#B3FFFFFF</color> <!-- 70% white -->
@@ -46,6 +47,7 @@
   <color name="white_24">#3DFFFFFF</color> <!-- 24% white -->
   <color name="white_38">#61FFFFFF</color>  <!-- 38% white -->
   <color name="white_40">#66FFFFFF</color>  <!-- 40% white -->
+  <color name="white_54">#8AFFFFFF</color> <!-- 54% black -->
   <color name="white_60">#99FFFFFF</color> <!-- 60% white -->
   <color name="warm_gray">#FF999691</color>
   <color name="warm_gray_night">#FF999691</color>

android/res/values/themes-attrs.xml

@@ -112,6 +112,11 @@
     <attr name="tipsSecondaryTextColor" format="color"/>
     <attr name="bg_crown" format="reference"/>
     <attr name="bg_dog_btn" format="reference"/>
+    <attr name="bg_altitude" format="reference"/>
+    <attr name="chart_axis_label_color" format="color"/>
+    <attr name="chart_your_location_pin_bg" format="reference"/>
+    <attr name="chart_selected_point_bg" format="reference"/>
+    <attr name="chart_selected_point_triangle" format="reference"/>
   </declare-styleable>
 
   <declare-styleable name="ThemeAttrs.NavButtons">

android/res/values/themes-base.xml

@@ -170,6 +170,11 @@
     <item name="bg_dog_btn">@drawable/ic_dog_bg</item>
     <item name="elevationProfilePropertyBg">@drawable/bg_rounded_rect</item>
     <item name="elevationProfilePropIconTint">@color/black_secondary</item>
+    <item name="bg_altitude">@drawable/bg_altitude</item>
+    <item name="chart_axis_label_color">@color/black_54</item>
+    <item name="chart_selected_point_bg">@drawable/bg_point_desc</item>
+    <item name="chart_your_location_pin_bg">@drawable/bg_your_location_pin</item>
+    <item name="chart_selected_point_triangle">@drawable/ic_triangle</item>
   </style>
 
   <!-- Night theme -->
@@ -339,5 +344,10 @@
     <item name="bg_dog_btn">@drawable/ic_dog_bg_night</item>
     <item name="elevationProfilePropertyBg">@drawable/bg_rounded_rect_night</item>
     <item name="elevationProfilePropIconTint">@color/white_secondary</item>
+    <item name="bg_altitude">@drawable/bg_altitude_night</item>
+    <item name="chart_axis_label_color">@color/white_54</item>
+    <item name="chart_your_location_pin_bg">@drawable/bg_your_location_pin_night</item>
+    <item name="chart_selected_point_bg">@drawable/bg_point_desc_night</item>
+    <item name="chart_selected_point_triangle">@drawable/ic_triangle_night</item>
   </style>
 </resources>

android/src/com/mapswithme/maps/ChartController.java

@@ -20,6 +20,7 @@ import com.github.mikephil.charting.listener.OnChartValueSelectedListener;
 import com.mapswithme.maps.widget.placepage.AxisValueFormatter;
 import com.mapswithme.maps.widget.placepage.CurrentLocationMarkerView;
 import com.mapswithme.maps.widget.placepage.FloatingMarkerView;
+import com.mapswithme.util.ThemeUtils;
 
 import java.util.ArrayList;
 import java.util.Arrays;
@@ -70,7 +71,7 @@ class ChartController implements OnChartValueSelectedListener
     TextView bottomAlt = getActivity().findViewById(R.id.lowest_altitude);
     bottomAlt.setText("100m");
 
-    mChart.setBackgroundColor(Color.WHITE);
+    mChart.setBackgroundColor(ThemeUtils.getColor(getActivity(), android.R.attr.textColorPrimaryInverse));
     mChart.setTouchEnabled(true);
     mChart.setOnChartValueSelectedListener(this);
     mChart.setDrawGridBackground(false);
@@ -111,8 +112,10 @@ class ChartController implements OnChartValueSelectedListener
     x.setLabelCount(CHART_X_LABEL_COUNT, false);
     x.setAvoidFirstLastClipping(true);
     x.setDrawGridLines(false);
-    x.setTextColor(getResources().getColor(R.color.black_50));
+    x.setTextColor(ThemeUtils.getColor(getActivity(), R.attr.chart_axis_label_color));
     x.setPosition(XAxis.XAxisPosition.BOTTOM);
+    x.setAxisLineColor(ThemeUtils.getColor(getActivity(), R.attr.dividerHorizontal));
+    x.setAxisLineWidth(getActivity().getResources().getDimensionPixelSize(R.dimen.divider_height));
     ValueFormatter xAxisFormatter = new AxisValueFormatter();
     x.setValueFormatter(xAxisFormatter);
 
@@ -123,7 +126,7 @@ class ChartController implements OnChartValueSelectedListener
     y.setGridColor(getResources().getColor(R.color.black_12));
     y.setEnabled(true);
     y.setTextColor(Color.TRANSPARENT);
-    y.setAxisLineColor(Color.WHITE);
+    y.setAxisLineColor(Color.TRANSPARENT);
     int lineLength = getResources().getDimensionPixelSize(R.dimen.margin_eighth);
     y.enableGridDashedLine(lineLength, 2 * lineLength, 0);