Recolor warning about old blog articles

Tim Bannister · Tim Bannister · commit fbc529ce0ab6 · 2022-02-04T15:37:59.000Z
Use white on blue. This color combination is on-brand and stands out,
whilst looking less alarming than the black on yellow for old
documentation versions.
diff --git a/assets/scss/_custom.scss b/assets/scss/_custom.scss
@@ -402,6 +402,11 @@ body {
     color: #000;
 }
 
+.deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog {
+    background-color: $blue;
+    color: $white;
+}
+
 body.td-home .deprecation-warning, body.td-blog .deprecation-warning, body.td-documentation .deprecation-warning {
     border-radius: 3px;
 }
diff --git a/layouts/partials/deprecation-warning.html b/layouts/partials/deprecation-warning.html
@@ -10,8 +10,8 @@ <h3>
   </div>
 </section>
 {{ else if and (eq .Section "blog") .Date (.Date.Before (now.AddDate -1 0 0)) -}}
-<section id="deprecation-warning" class="outdated-blog">
-  <div class="content deprecation-warning pageinfo">
+<section id="deprecation-warning">
+  <div class="content deprecation-warning pageinfo outdated-blog">
     <h3>{{ T "outdated_blog__title" }}</h3>
     <p>{{ T "outdated_blog__message" }}</p>
   </div>

Original file line number	Diff line number	Diff line change
`@@ -402,6 +402,11 @@ body {`
`402`	`402`	`color: #000;`
`403`	`403`	`}`
`404`	`404`
	`405`	`+.deprecation-warning.outdated-blog, .pageinfo.deprecation-warning.outdated-blog {`
	`406`	`+ background-color: $blue;`
	`407`	`+ color: $white;`
	`408`	`+}`
	`409`	`+`
`405`	`410`	`body.td-home .deprecation-warning, body.td-blog .deprecation-warning, body.td-documentation .deprecation-warning {`
`406`	`411`	`border-radius: 3px;`
`407`	`412`	`}`