Tampermonkey/Greasemonkey script to change AWS ID and navbar color based on the aws user id.

aws.js

// ==UserScript==
// @name         Rewrite user id to stage/prod in AWS
// @match        https://*.console.aws.amazon.com/*
// @require      http://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js
// @grant        none
// ==/UserScript==


function addGlobalStyle(css) {
    var head, style;
    head = document.getElementsByTagName('head')[0];
    if (!head) { return; }
    style = document.createElement('style');
    style.type = 'text/css';
    style.innerHTML = css;
    head.appendChild(style);
}

(function () {
  // Just to tell the linter that $ is defined in jquery
  /* global $ */
  const stageId = "0080-1443-yourid"
  const prodId = "1145-5743-yourid"

  const spanEl = document.querySelectorAll('span');
  let i = spanEl.length;

  while (i--) {
    if (spanEl[i].textContent === stageId) {
      spanEl[i].textContent = 'STAGE';
      addGlobalStyle('nav[class*="globalNav"] { background-color: #D2691E !important; }');
    }
    if (spanEl[i].textContent === prodId) {
      spanEl[i].textContent = 'PRODUCTION';
        addGlobalStyle('nav[class*="globalNav"] { background-color: #000080 !important; }');
    }
  }
})();

It also replaces the user-id in the dropdown with stage/production