Skip to content

AWS color navbar by region by forivall

Write a review Install Get Stylus

Details

Authorforivall

LicenseMIT

Categoryaws

Created

Updated

Size7.5 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Colors the navbar in aws to make sure youre on the right region

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           AWS color navbar by region
@namespace      forivall
@author         Emily Klassen
@description    Colorize AWS Management Console navigation bar by region.
@preprocessor   less
@version        0.0.0
==/UserStyle== */

@-moz-document domain(console.aws.amazon.com) {
  .region(@color) {
    background-color: @color;
    box-shadow: -4px 0 0 5px @color, 4px 0 0 5px @color;
    border-radius: 3px;
    &:hover:focus {
      background-color: darken(@color, 8%);
      box-shadow: -4px 0 0 5px darken(@color, 8%), 4px 0 0 5px darken(@color, 8%);
    }
  }
  
  [data-region-id="af-south-1"] {
    .region(hsl(157, 50%, 30%));
  }
  [data-region-id=ap-east-1] {
    .region(hsl(315, 50%, 30%));
  }
  [data-region-id=ap-northeast-1] {
    .region(hsl(164, 50%, 30%));
  }
  [data-region-id=ap-northeast-2] {
    .region(hsl(99, 50%, 30%));
  }
  [data-region-id=ap-south-1] {
    .region(hsl(348, 50%, 30%));
  }
  [data-region-id=ap-southeast-1] {
    .region(hsl(93, 50%, 30%));
  }
  [data-region-id=ap-southeast-2] {
    .region(hsl(101, 50%, 30%));
  }
  [data-region-id=ca-central-1] {
    .region(hsl(290, 50%, 30%));
  }
  [data-region-id=eu-central-1] {
    .region(hsl(349, 50%, 30%));
  }
  [data-region-id=eu-north-1] {
    .region(hsl(111, 50%, 30%));
  }
  [data-region-id=eu-south-1] {
    .region(hsl(114, 50%, 30%));
  }
  [data-region-id=eu-west-1] {
    .region(hsl(252, 50%, 30%));
  }
  [data-region-id=eu-west-2] {
    .region(hsl(305, 50%, 30%));
  }
  [data-region-id=eu-west-3] {
    .region(hsl(56, 50%, 30%));
  }
  [data-region-id=me-south-1] {
    .region(hsl(17, 50%, 30%));
  }
  [data-region-id=sa-east-1] {
    .region(hsl(270, 50%, 30%));
  }
  [data-region-id=us-east-1] {
    .region(hsl(188, 50%, 30%));
  }
  [data-region-id=us-east-2] {
    .region(hsl(352, 50%, 30%));
  }
  [data-region-id=us-west-1] {
    .region(hsl(27, 50%, 30%));
  }
  [data-region-id=us-west-2] {
    .region(hsl(177, 50%, 30%));
  }
}
@-moz-document domain(af-south-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=af-south-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(157, 50%, 30%);
  }
}
@-moz-document domain(ap-east-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ap-east-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(315, 50%, 30%);
  }
}
@-moz-document domain(ap-northeast-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ap-northeast-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(164, 50%, 30%);
  }
}
@-moz-document domain(ap-northeast-2.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ap-northeast-2([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(99, 50%, 30%);
  }
}
@-moz-document domain(ap-south-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ap-south-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(348, 50%, 30%);
  }
}
@-moz-document domain(ap-southeast-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ap-southeast-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(93, 50%, 30%);
  }
}
@-moz-document domain(ap-southeast-2.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ap-southeast-2([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(101, 50%, 30%);
  }
}
@-moz-document domain(ca-central-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=ca-central-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(290, 50%, 30%);
  }
}
@-moz-document domain(eu-central-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=eu-central-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(349, 50%, 30%);
  }
}
@-moz-document domain(eu-north-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=eu-north-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(111, 50%, 30%);
  }
}
@-moz-document domain(eu-south-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=eu-south-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(114, 50%, 30%);
  }
}
@-moz-document domain(eu-west-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=eu-west-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(252, 50%, 30%);
  }
}
@-moz-document domain(eu-west-2.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=eu-west-2([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(305, 50%, 30%);
  }
}
@-moz-document domain(eu-west-3.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=eu-west-3([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(56, 50%, 30%);
  }
}
@-moz-document domain(me-south-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=me-south-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(17, 50%, 30%);
  }
}
@-moz-document domain(sa-east-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=sa-east-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(270, 50%, 30%);
  }
}
@-moz-document domain(us-east-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=us-east-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(188, 50%, 30%);
  }
}
@-moz-document domain(us-east-2.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=us-east-2([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(352, 50%, 30%);
  }
}
@-moz-document domain(us-west-1.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=us-west-1([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(27, 50%, 30%);
  }
}
@-moz-document domain(us-west-2.console.aws.amazon.com),
regexp("https://console.aws.amazon.com(/.*[?&]|\?.*&)region=us-west-2([#?&].*|$)") {
  [data-testid="awsc-nav-header-viewport-shelf-inner"],
  #awsc-nav-header > nav {
    background-color: hsl(177, 50%, 30%);
  }
}

Reviews

No reviews yet.