Make AWS a bit more beautiful
You can install by clicking on the following link (if you have Stylus installed).
| /* ==UserStyle== | |
| @name AWS - Enhancements | |
| @namespace github.com/openstyles/stylus | |
| @version 0.2.4 | |
| @author Florian Goße | |
| @homepageURL https://gist.github.com/floriangosse/0f7f0813d0245bc8bd7dc2aeb619c9b3 | |
| @updateURL https://gist.github.com/floriangosse/0f7f0813d0245bc8bd7dc2aeb619c9b3/raw/00_aws-enhancements.user.css | |
| ==/UserStyle== */ | |
| @-moz-document regexp("^https:\\/\\/(?:.+\\.)?signin\\.aws\\.amazon\\.com\\/oauth([\\/?#].*)?") { | |
| /* Hide marketing image on login screen */ | |
| *:has(> [data-testid="marketing_image_container"]) { | |
| display: none; | |
| } | |
| /* Hide "Improved UI experience" banner on login screen */ | |
| html:not(:has(meta[name="region"]:is([content="eu-north-1"], [content="eu-west-1"]))) { | |
| #root [data-testid="alert-release-banner"] { | |
| display: none; | |
| } | |
| #root:has([data-testid="iam-login-form"]):not(:has([data-testid="alert-release-banner"])):before { | |
| content: 'Clean up for "IAM Signin Improvements" is not needed anymore. Check "AWS - Enhancements".'; | |
| display: block; | |
| padding: 16px 20px; | |
| border-radius: 1px; | |
| background-color: #ffbaba; | |
| box-shadow: | |
| 0 1px 1px 0 rgba(0,28,36,.3), | |
| 1px 1px 1px 0 rgba(0,28,36,.15), | |
| -1px 1px 1px 0 rgba(0,28,36,.15); | |
| margin: 20px 32px 0; | |
| font-size: 14px; | |
| font-family: "Amazon Ember"; | |
| text-align: center; | |
| } | |
| } | |
| } |