Add green, red and yellow side border for good, bad and maybe code examples

Author: hugovk

python_docs_theme/static/pydoctheme.css

@@ -230,9 +230,20 @@ div.body hr {
     height: 1px;
 }
 
-div.body pre {
-    border-radius: 3px;
-    border: 1px solid #ac9;
+div.body {
+    pre {
+        border-radius: 3px;
+        border: 1px solid #ac9;
+    }
+    .good pre {
+        border-left: 3px solid var(--good-border);
+    }
+    .bad pre {
+        border-left: 3px solid var(--bad-border);
+    }
+    .maybe pre {
+        border-left: 3px solid var(--middle-border);
+    }
 }
 
 /* Admonitions */