Rename midnight theme to dark blue theme

_locales/en/messages.json

@@ -1588,7 +1588,7 @@
 		}
 	},
 	"hub_supporter_perk_themes_description": {
-		"message": "Customize the Ghostery colors - try our Midnight theme!"
+		"message": "Customize the Ghostery colors - try our Dark Blue theme!"
 	},
 	"hub_supporter_perk_stats_description": {
 		"message": "View your blocking statistics and see how Ghostery is working for you"

app/panel/components/Subscription/SubscriptionThemes.jsx

@@ -22,7 +22,7 @@ import { RadioButtonGroup } from '../BuildingBlocks';
  * @memberOf SettingsComponents
 */
 const SubscriptionThemes = (props) => {
-	const themes = ['default', 'midnight-theme', 'palm-theme', 'leaf-theme'];
+	const themes = ['default', 'dark-blue-theme', 'palm-theme', 'leaf-theme'];
 	const themeLabels = ['subscription_default_theme', 'subscription_dark_blue_theme', 'subscription_palm_theme', 'subscription_leaf_theme'];
 
 	const getIndexClicked = () => themes.indexOf(props.theme);

app/scss/partials/_stats_graph.scss

@@ -1,5 +1,5 @@
 /* NOTE: will need to use color variables in CSS rather than D3 code accessors
-so that you can support switching between midnight theme and regular theme */
+so that you can support switching between dark blue theme and regular theme */
 
 // Function helper with color variables
 @function _url-friendly-color($color) {
@@ -120,12 +120,12 @@ so that you can support switching between midnight theme and regular theme */
 		background-repeat: no-repeat;
 	}
 	.point-group {
-		.default, .midnight-theme {
+		.default, .dark-blue-theme {
 			fill: #124559;
 		}
 	}
 	.line.default,
-	.line.midnight-theme {
+	.line.dark-blue-theme {
 		stroke: #124559;
 	}
 }

src/classes/Metrics.js

@@ -511,7 +511,7 @@ class Metrics {
 	_getThemeValue() {
 		const { current_theme } = conf;
 		switch (current_theme) {
-			case 'midnight-theme':
+			case 'dark-blue-theme':
 				return 1;
 			case 'leaf-theme':
 				return 2;