diff --git a/aio/src/app/app.component.html b/aio/src/app/app.component.html
index 5e8a2d8d00..cf8b8c783b 100644
--- a/aio/src/app/app.component.html
+++ b/aio/src/app/app.component.html
@@ -5,13 +5,9 @@
-
-
-
-
- Help Angular by taking a 1 minute survey!
- Go to survey
-
+
+
+ #BlackLivesMatter
diff --git a/aio/src/styles/1-layouts/_marketing-layout.scss b/aio/src/styles/1-layouts/_marketing-layout.scss
index fd20bcfb21..bff92f5c52 100644
--- a/aio/src/styles/1-layouts/_marketing-layout.scss
+++ b/aio/src/styles/1-layouts/_marketing-layout.scss
@@ -183,8 +183,8 @@ section#intro {
// ANGULAR LINE
.background-sky {
- background-color: $blue;
- background: $bluegradient;
+ background-color: $black;
+ background: $black;
color: $white;
}
diff --git a/aio/src/styles/1-layouts/_top-menu.scss b/aio/src/styles/1-layouts/_top-menu.scss
index 5d5480b83b..308527d97d 100644
--- a/aio/src/styles/1-layouts/_top-menu.scss
+++ b/aio/src/styles/1-layouts/_top-menu.scss
@@ -20,9 +20,16 @@ mat-toolbar.mat-toolbar {
}
}
+.blm-message {
+ text-align: center;
+ justify-content: center;
+ background: #2d2d2d;
+ font-size: 0.75em;
+}
+
// HOME PAGE OVERRIDE: TOPNAV TOOLBAR
aio-shell.page-home mat-toolbar.mat-toolbar {
- background-color: $blue;
+ background-color: $black;
@media (min-width: 481px) {
&:not(.transitioning) {