Skin AWS console based on region

README.md

Use case: when I go to specific AWS region, I want the UI to be styled differently (color). Avoids goofing in some places.

• Install Stylus chrome extension https://add0n.com/stylus.html
• Install this style: https://userstyles.org/styles/150583/aws-navbar-color-by-region

This can be tweaked / modified:

@-moz-document domain(us-east-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(188, 50%, 30%);
  }
}

@-moz-document domain(us-east-2.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(352, 50%, 30%);
  }
}

@-moz-document domain(us-west-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(27, 50%, 30%);
  }
}

@-moz-document domain(us-west-2.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(177, 50%, 30%);
  }
}

@-moz-document domain(ca-central-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(290, 50%, 30%);
  }
}

@-moz-document domain(eu-west-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(252, 50%, 30%);
  }
}

@-moz-document domain(eu-central-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(349, 50%, 30%);
  }
}

@-moz-document domain(eu-west-2.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(305, 50%, 30%);
  }
}

@-moz-document domain(ap-northeast-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(164, 50%, 30%);
  }
}

@-moz-document domain(ap-northeast-2.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(99, 50%, 30%);
  }
}

@-moz-document domain(ap-southeast-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(93, 50%, 30%);
  }
}

@-moz-document domain(ap-southeast-2.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(101, 50%, 30%);
  }
}

@-moz-document domain(ap-south-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(348, 50%, 30%);
  }
}

@-moz-document domain(sa-east-1.console.aws.amazon.com)
{
  body #awsgnav #nav-menubar, body #awsgnav #nav-menubar .nav-menu, #nav-menu-right
  {
    background-color: hsl(270, 50%, 30%);
  }
}