git: 0b57fe8cd8 - main - Improve dark and high contrast themes

The branch main has been updated by carlavilla:

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

commit 0b57fe8cd821b15aaf049a2e480178a375dd7ce4
Author:     Sergio Carlavilla Delgado <[email protected]>
AuthorDate: 2021-12-30 12:42:39 +0000
Commit:     Sergio Carlavilla Delgado <[email protected]>
CommitDate: 2021-12-30 12:42:39 +0000

    Improve dark and high contrast themes
    
    PR:             260751
    Submitted by:   Graham Perrin <grahamperrin (AT) gmail.com>
---
 documentation/themes/beastie/assets/styles/global.scss    | 15 +++++++++++++++
 documentation/themes/beastie/assets/styles/variables.scss | 12 +++++++++---
 2 files changed, 24 insertions(+), 3 deletions(-)

diff --git a/documentation/themes/beastie/assets/styles/global.scss b/documentation/themes/beastie/assets/styles/global.scss
index 7446ec9fa6..c1fff32b9b 100644
--- a/documentation/themes/beastie/assets/styles/global.scss
+++ b/documentation/themes/beastie/assets/styles/global.scss
@@ -554,6 +554,7 @@ table.stretch {
             width: auto;
             background-position-x: .5em;
             vertical-align: initial;
+            font-style: normal;
 
             &:after {
               content: attr(title);
@@ -598,9 +599,17 @@ table.stretch {
           width: 100%;
           word-wrap: anywhere;
 
+          .title {
+            margin-top: 2rem;
+          }
+
           .paragraph {
             padding-top: .5rem;
           }
+
+          a {
+            color: var(--admonition-links-color);
+          }
         }
       }
     }
@@ -641,6 +650,7 @@ table.stretch {
 
 .exampleblock {
   margin: .75rem 0;
+  color: var(--example-block-font-color);
 
   .title {
     font-weight: bolder;
@@ -651,8 +661,13 @@ table.stretch {
       .content{
         background: #fefde6 !important;
         border: none !important;
+        color: var(--global-font-color);
       }
     }
+
+    a {
+      color: var(--admonition-links-color);
+    }
   }
 }
 
diff --git a/documentation/themes/beastie/assets/styles/variables.scss b/documentation/themes/beastie/assets/styles/variables.scss
index c748b638b7..2e1a754752 100644
--- a/documentation/themes/beastie/assets/styles/variables.scss
+++ b/documentation/themes/beastie/assets/styles/variables.scss
@@ -61,6 +61,7 @@
   --pre-font-color: #444;
 
   --admonition-font-color: #444;
+  --admonition-links-color: #0645AD;
   --admonition-note-color: #19407C;
   --admonition-note-background-color: #EAF1FB;
   --admonition-warning-color: #BF6900;
@@ -73,6 +74,7 @@
   --admonition-tip-background-color: #EDFAEA;
   --example-block-color: #F1BB16;
   --example-block-background-color: #FEF8E7;
+  --example-block-font-color: #444;
 }
 
 .theme-dark {
@@ -84,7 +86,7 @@
   --global-background-color: #333333;
   --card-background-color: #272727;
   --card-border-color: #272727;
-  --table-header-background-color: #2B2B2B;
+  --table-header-background-color: #F1F3F1;
   --footer-background: #2B2B2B;
   --footer-border-color: #2B2B2B;
   --lines-color: #4d4d4d;
@@ -93,6 +95,7 @@
   --pre-font-color: #EEEFF1;
 
   --admonition-font-color: #444;
+  --admonition-links-color: #1A79FF;
   --admonition-note-color: #19407C;
   --admonition-note-background-color: #EAF1FB;
   --admonition-warning-color: #BF6900;
@@ -105,6 +108,7 @@
   --admonition-tip-background-color: #EDFAEA;
   --example-block-color: #F1BB16;
   --example-block-background-color: #FEF8E7;
+  --example-block-font-color: #272727;
 }
 
 .theme-high-contrast {
@@ -116,7 +120,7 @@
   --global-background-color: #000;
   --card-background-color: #000;
   --card-border-color: #FFF;
-  --table-header-background-color: #000;
+  --table-header-background-color: #FFF;
   --footer-background: #000;
   --footer-border-color: #FFF;
   --lines-color: #FFF;
@@ -124,8 +128,9 @@
   --pre-background-color: #FFF;
   --pre-font-color: #000;
 
-  --admonition-font-color: #444;
+  --admonition-font-color: #000;
   --admonition-note-color: #19407C;
+  --admonition-links-color: #9F0E0F;
   --admonition-note-background-color: #EAF1FB;
   --admonition-warning-color: #BF6900;
   --admonition-warning-background-color: #FFF4E6;
@@ -137,4 +142,5 @@
   --admonition-tip-background-color: #EDFAEA;
   --example-block-color: #F1BB16;
   --example-block-background-color: #FEF8E7;
+  --example-block-font-color: #000;
 }