git.y1.nz

commit 17b4fb7cae5ea817df50a6616398b6c37a454260
parent 80a6f6c4882a50829944e0bc7a33c0249b0d1bec
Author: bbbbbr <bbbbbr@users.noreply.github.com>
Date:   Wed, 10 Dec 2025 16:03:47 -0800

Merge pull request #848 from bbbbbr/docs_4_5_0

Docs: web css: make code highlights stand out more, reduce animation times
Diffstat:
M
docs/config/doxygen-awesome-theme/doxygen-awesome.css
25
+++++++++++++------------

1 file changed, 13 insertions(+), 12 deletions(-)
diff --git a/docs/config/doxygen-awesome-theme/doxygen-awesome.css b/docs/config/doxygen-awesome-theme/doxygen-awesome.css
@@ -123,8 +123,9 @@ html {
     --searchbar-border-radius: var(--searchbar-height);
 
     /* code block colors */
-    --code-background: #f5f5f5;
+    --code-background: #def1fd;
     --code-foreground: var(--page-foreground-color);
+    --code-separator-color: #cae2ec;
 
     /* fragment colors */
     --fragment-background: #F8F9FA;
@@ -160,7 +161,7 @@ html {
     --webkit-scrollbar-padding: 4px;
     --webkit-scrollbar-color: var(--separator-color);
 
-    --animation-duration: .12s
+    --animation-duration: 0.02s
 }
 
 @media screen and (max-width: 767px) {
@@ -193,7 +194,9 @@ html {
         --separator-color: #38393b;
         --side-nav-background: #252628;
 
-        --code-background: #2a2c2f;
+        --code-background: #223c5e;
+        --code-foreground: #a4c5d4;
+        --code-separator-color: #ffffff00; /* transparent */
 
         --tablehead-background: #2a2c2f;
     
@@ -254,8 +257,6 @@ html.dark-mode {
     --separator-color: #38393b;
     --side-nav-background: #252628;
 
-    --code-background: #2a2c2f;
-
     --tablehead-background: #2a2c2f;
 
     --blockquote-background: #222325;
@@ -479,7 +480,7 @@ a.anchor {
     border: 1px solid var(--separator-color);
     border-radius: var(--border-radius-medium) !important;
     padding: var(--spacing-small);
-    animation: ease-out 150ms slideInMenu;
+    animation: ease-out 25ms slideInMenu;
 }
 
 @keyframes slideInMenu {
@@ -697,7 +698,7 @@ a.anchor {
     border: 1px solid var(--separator-color);
     transform: translate(0, 20px);
     box-shadow: var(--box-shadow);
-    animation: ease-out 280ms slideInSearchResults;
+    animation: ease-out 25ms slideInSearchResults;
     background: var(--page-background-color);
 }
 
@@ -783,7 +784,7 @@ html.dark-mode iframe#MSearchResults {
         right: var(--spacing-medium);
         overflow: auto;
         transform: translate(0, 20px);
-        animation: ease-out 280ms slideInSearchResultsMobile;
+        animation: ease-out 25ms slideInSearchResultsMobile;
         width: auto !important;
     }
 
@@ -1315,7 +1316,7 @@ div.toc li a.aboveActive {
     div.contents .toc.interactive.open {
         max-height: 45vh;
         overflow: auto;
-        transition: max-height 0.2s ease-in-out;
+        transition: max-height 0.02s ease-in-out;
     }
 
     div.contents .toc a, div.contents .toc a.active {
@@ -1422,7 +1423,7 @@ div.toc li a.aboveActive {
  */
 
 code, div.fragment, pre.fragment, span.tt {
-    border: 1px solid var(--separator-color);
+    border: 1px solid var(--code-separator-color);
     overflow: hidden;
 }
 
@@ -2226,7 +2227,7 @@ div.dynheader img[src="closed.png"] {
         display: block !important;
         visibility: visible;
         width: calc(100vw - 2 * var(--spacing-large));
-        animation: fade .5s;
+        animation: fade .10s;
     }
 
     @keyframes fade {
@@ -2940,7 +2941,7 @@ h2:hover a.anchorlink, h1:hover a.anchorlink, h3:hover a.anchorlink, h4:hover a.
 .section_buttons tr td.markdownTableBodyRight a::after {
     color: var(--page-secondary-foreground-color) !important;
     display: inline-block;
-    transition: color .08s ease-in-out, transform .09s ease-in-out;
+    transition: color .02s ease-in-out, transform .02s ease-in-out;
 }
 
 .section_buttons tr td.markdownTableBodyLeft a::before {

This webpage is intended to be an accessible preview of this repository. To get a fuller picture, clone it and use the git CLI.