Fix hardcoded colours to use WordPress colour scheme values.

Author: Michiel Verkoijen

src/class-tiny-plugin.php

@@ -470,6 +470,7 @@ public function add_dashboard_widget() {
 	}
 
 	function add_widget_view() {
+		$admin_colors = self::retrieve_admin_colors();
 		include( dirname( __FILE__ ) . '/views/dashboard-widget.php' );
 	}
 

src/css/chart.css

@@ -24,7 +24,6 @@
 	top: 0;
 	left: 0;
 	width: 100%;
-	color: #7acb44;
 	text-align: center;
 }
 

src/css/dashboard-widget.css

@@ -157,11 +157,6 @@ div.tiny_dashboard_widget div#optimization-chart {
 	min-width: 160px;
 }
 
-div.tiny_dashboard_widget div#optimization-chart div.value div.percentage,
-div.tiny_dashboard_widget div#optimization-chart div.value div.label {
-	color: #40444f;
-}
-
 .ie8 div.tiny_dashboard_widget .inside .panda-background {
 	background: none;
 }

src/views/bulk-optimization-chart.php

@@ -25,9 +25,6 @@
 	stroke-width: <?php echo $chart['dash-stroke'] ?>;
 	stroke-dasharray: <?php echo $chart['dash-array-size'] . ' ' . $chart['circle-size'] ?>;
 }
-#optimization-chart svg circle.main {
-	stroke: #7acb44;
-}
 
 #optimization-chart div.chart div.value {
 	min-width: <?php echo $chart['size'] ?>px;

src/views/dashboard-widget.php

@@ -1,10 +1,20 @@
 <?php $link = "<a href='" . admin_url( 'upload.php?page=tiny-bulk-optimization' ) . "'>" . esc_html__( 'bulk optimization', 'tiny-compress-images' ) . '</a>'; ?>
 
 <style type="text/css" >
-	div.media-library-optimized { display: none; }
-	div#optimization-chart { display: none; }
-	.ie8 #optimization-chart { display: none !important; }
+div.media-library-optimized {
+	display: none;
+}
+div#optimization-chart {
+	display: none;
+}
+.ie8 div#optimization-chart {
+	display: none !important;
+}
+#optimization-chart svg circle.main {
+	stroke: <?php echo $admin_colors[2] ?>;
+}
 </style>
+
 <div id="widget-spinner" class=""></div>
 <div class="sky-background"></div>
 <div class="cloud"></div>