From d6f1cb2751ea8765740f43eb39cb7130b9abd9db Mon Sep 17 00:00:00 2001
From: Mike Frysinger <vapier@google.com>
Date: Thu, 17 Sep 2026 21:07:44 -0400
Subject: [PATCH] sync internal styleguide.css

In addition to marking good/bad examples as green/red, add a background
text to highlight them for red/green blind users.

This is a bit crude, and the non-markdown version is on its way out anyway,
but it should help to stop the bleeding for the time being.
---
 styleguide.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/styleguide.css b/styleguide.css
index 2e23d06..6c044c3 100644
--- a/styleguide.css
+++ b/styleguide.css
@@ -69,6 +69,7 @@ var {
 }
 
 pre {
+  position: relative;
   font-size: 10pt;
   display: block;
   color: #060;
@@ -78,12 +79,24 @@ pre {
   padding: 4px 12px;
 }
 
+pre:before {
+  position: absolute;
+  top: 4px;
+  right: 4px;
+  z-index: 1;
+  content: "GOOD CODE";
+}
+
 pre.badcode {
   color: #c00;
   background-color: #fff8f8;
   border-color: #fff0f0;
 }
 
+pre.badcode:before {
+  content: "BAD CODE";
+}
+
 .showhide_button {
   float: left;
   cursor: pointer;