git: a7228cfb9f - main - Add background color to example blocks like the other admonitions

The branch main has been updated by carlavilla:

URL: https://cgit.FreeBSD.org/doc/commit/?id=a7228cfb9f1cf8c97e8e252c9a0a6c597fcb49b0

commit a7228cfb9f1cf8c97e8e252c9a0a6c597fcb49b0
Author:     Sergio Carlavilla Delgado <[email protected]>
AuthorDate: 2021-12-19 10:59:21 +0000
Commit:     Sergio Carlavilla Delgado <[email protected]>
CommitDate: 2021-12-19 10:59:21 +0000

    Add background color to example blocks like the other admonitions
---
 documentation/themes/beastie/assets/styles/global.scss    | 3 ++-
 documentation/themes/beastie/assets/styles/variables.scss | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/documentation/themes/beastie/assets/styles/global.scss b/documentation/themes/beastie/assets/styles/global.scss
index 33f5299c11..72d1919a12 100644
--- a/documentation/themes/beastie/assets/styles/global.scss
+++ b/documentation/themes/beastie/assets/styles/global.scss
@@ -628,8 +628,9 @@ table.stretch {
 
 /* Example */
 .example, .exampleblock {
-  border-left: 5px solid #f1bb16;
+  border-left: 5px solid var(--example-block-color);
   padding: 1rem;
+  background-color: var(--example-block-background-color);
 }
 
 .exampleblock {
diff --git a/documentation/themes/beastie/assets/styles/variables.scss b/documentation/themes/beastie/assets/styles/variables.scss
index 0ee2a12a8e..c748b638b7 100644
--- a/documentation/themes/beastie/assets/styles/variables.scss
+++ b/documentation/themes/beastie/assets/styles/variables.scss
@@ -71,6 +71,8 @@
   --admonition-caution-background-color: #FFECE6;
   --admonition-tip-color: #43B929;
   --admonition-tip-background-color: #EDFAEA;
+  --example-block-color: #F1BB16;
+  --example-block-background-color: #FEF8E7;
 }
 
 .theme-dark {
@@ -101,6 +103,8 @@
   --admonition-caution-background-color: #FFECE6;
   --admonition-tip-color: #43B929;
   --admonition-tip-background-color: #EDFAEA;
+  --example-block-color: #F1BB16;
+  --example-block-background-color: #FEF8E7;
 }
 
 .theme-high-contrast {
@@ -131,4 +135,6 @@
   --admonition-caution-background-color: #FFECE6;
   --admonition-tip-color: #43B929;
   --admonition-tip-background-color: #EDFAEA;
+  --example-block-color: #F1BB16;
+  --example-block-background-color: #FEF8E7;
 }