0.2 - Add support for new cloud console.

Author: chardie-va

css/demo-cloud.css

@@ -0,0 +1,3 @@
+.p6n-appbar-container, .p6n-layout-nav, .p6n-scroll-container {
+	background-color: #F9E0E0 !important;
+}

css/dev-cloud.css

@@ -0,0 +1,3 @@
+.p6n-appbar-container, .p6n-layout-nav, .p6n-scroll-container {
+	background-color: #E6F8E0 !important;
+}

css/prod-cloud.css

@@ -0,0 +1,3 @@
+.p6n-appbar-container, .p6n-layout-nav, .p6n-scroll-container {
+	background-color: #FFFFFF !important;
+}

css/prod.css

@@ -0,0 +1,3 @@
+.p6n-appbar-container, .p6n-layout-nav, .p6n-scroll-container {
+	background-color: #F5F6CE !important;
+}

css/test-cloud.css

@@ -4,29 +4,64 @@ var setPageAction = function(tabId) {
     chrome.pageAction.show(tabId);
 };
 
-var setColors = function(tab) {
-    if (tab.url.indexOf('-dev') > -1) {
-        // This is a DEV environment.
-        tab.insertCSS(null, {file: "css/dev.css"});
-    }
-    else if (tab.url.indexOf('-test') > -1) {
-        // This is a TEST environment.
-        tab.insertCSS(null, {file: "css/test.css"});
-    }
-    else if (tab.url.indexOf('-demo') > -1) {
-        // This is a TEST environment.
-        tab.insertCSS(null, {file: "css/demo.css"});
+var setColors = function(tab, environment) {
+
+    if (environment === 'appengine') {
+        if (tab.url.indexOf('-dev') > -1) {
+            // This is a DEV environment.
+            chrome.tabs.insertCSS(null, {file: "css/dev.css"});
+        }
+        else if (tab.url.indexOf('-test') > -1) {
+            // This is a TEST environment.
+            chrome.tabs.insertCSS(null, {file: "css/test.css"});
+        }
+        else if (tab.url.indexOf('-demo') > -1) {
+            // This is a TEST environment.
+            chrome.tabs.insertCSS(null, {file: "css/demo.css"});
+        }
+        else if (tab.url.indexOf('-prod') > -1) {
+            // This is a TEST environment.
+            chrome.tabs.insertCSS(null, {file: "css/prod.css"});
+        }
+    } else if (environment === 'cloud') {
+        if (tab.url.indexOf('-dev') > -1) {
+            // This is a DEV environment.
+            chrome.tabs.insertCSS(null, {file: "css/dev-cloud.css"});
+        }
+        else if (tab.url.indexOf('-test') > -1) {
+            // This is a TEST environment.
+            chrome.tabs.insertCSS(null, {file: "css/test-cloud.css"});
+        }
+        else if (tab.url.indexOf('-demo') > -1) {
+            // This is a TEST environment.
+            chrome.tabs.insertCSS(null, {file: "css/demo-cloud.css"});
+        }
+        else if (tab.url.indexOf('-prod') > -1) {
+            // This is a TEST environment.
+            chrome.tabs.insertCSS(null, {file: "css/prod-cloud.css"});
+        }
+    } else {
+        console.log('Encountered an unrecognized environment.  Please file a feature request at ' +
+        'https://github.com/colleenjhardie/synaesthesia/issues');
     }
 };
 
+
 var checkUrl = function(tabId, changeInfo, tab) {
+    var environment = 'wat';
     if (tab.url.indexOf('https://appengine.google.com/') > -1) {
-        // This is an appengine admin page.
-        // Display the page action icon.
-        setPageAction(tabId);
-        // Set the colors.
-        setColors(tab);
+        // This is an appengine admin page
+        self.environment = 'appengine'
+    } else if (tab.url.indexOf('https://console.developers.google.com/project/') > -1) {
+        // This is a cloud console page.
+        self.environment = 'cloud'
     }
+
+    // Display the page action icon.
+    setPageAction(tabId);
+    //Set the colors.
+    setColors(tab, self.environment);
+
     return false;
 };
 

js/synaesthete.js

@@ -2,7 +2,7 @@
    "manifest_version": 2,
    "name": "synaesthesia",
    "description": "A chrome extension that changes the default colours of the GAE admin console based on app ID.",
-   "version": "0.1",
+   "version": "0.2",
    "options_page": "./html/options.html",
    "background" : {
       "scripts": ["./js/synaesthete.js"],
@@ -15,6 +15,6 @@
    },
    "permissions": [
       "background",
-      "tabs", "https://appengine.google.com/*"
+      "tabs", "https://appengine.google.com/*", "https://console.developers.google.com/project/repcore-dev"
    ]
 }