Use correct color for legend labels (#8167)

* Legend colors fallback
* Update test

docs/docs/configuration/legend.md

@@ -52,6 +52,7 @@ The legend label configuration is nested below the legend configuration using th
 | ---- | ---- | ------- | -----------
 | `boxWidth` | `number` | `40` | Width of coloured box.
 | `boxHeight` | `number` | fontSize | Height of the coloured box.
+| `color` |[`Color`](../general/colors.md) | `defaults.color` | Color of text.
 | `font` | `Font` | `defaults.font` | See [Fonts](../general/fonts.md)
 | `padding` | `number` | `10` | Padding between rows of colored boxes.
 | `generateLabels` | `function` | | Generates legend items for each thing in the legend. Default implementation returns the text + styling for the color box. See [Legend Item](#legend-item-interface) for details.
@@ -66,9 +67,10 @@ The legend title configuration is nested below the legend configuration using th
 
 | Name | Type | Default | Description
 | ---- | ---- | ------- | -----------
+| `color` | [`Color`](../general/colors.md) | `defaults.color` | Color of text.
 | `display` | `boolean` | `false` | Is the legend title displayed.
 | `font` | `Font` | `defaults.font` | See [Fonts](../general/fonts.md)
-| `padding` | <code>number&#124;object</code> | `0` | Padding around the title. If specified as a number, it applies evenly to all sides.
+| `padding` | `number`\|`object` | `0` | Padding around the title. If specified as a number, it applies evenly to all sides.
 | `text` | `string` | | The string title.
 
 ## Legend Item Interface

src/plugins/plugin.legend.js

@@ -611,5 +611,10 @@ export default {
 			position: 'center',
 			text: '',
 		}
+	},
+
+	defaultRoutes: {
+		'labels.color': 'color',
+		'title.color': 'color'
 	}
 };

test/specs/plugin.legend.tests.js

@@ -17,12 +17,14 @@ describe('Legend block tests', function() {
 			onLeave: null,
 
 			labels: {
+				color: Chart.defaults.color,
 				boxWidth: 40,
 				padding: 10,
 				generateLabels: jasmine.any(Function)
 			},
 
 			title: {
+				color: Chart.defaults.color,
 				display: false,
 				position: 'center',
 				text: '',