Fix

Author: st0012

lib/rdoc/generator/template/darkfish/css/rdoc.css

@@ -16,16 +16,23 @@
   --secondary-color: #246b4b;  /* A darker, muted green */
   --text-color: #333;
   --background-color: #f8f9fa;
+  --code-block-background-color: #f0f4f8;
+  --code-block-border-color: #d1d5da;
   --link-color: #246b4b;  /* A muted teal-green color */
   --link-hover-color: #25a28a;  /* A slightly brighter teal-green */
   --border-color: #e0e0e0;
   --sidebar-text-color: #2c3e50;  /* Dark blue-gray for contrast */
+
+  /* Font family variables */
+  --font-primary: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+  --font-heading: 'Helvetica Neue', Arial, sans-serif;
+  --font-code: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
 }
 
 /* 2. Global Styles */
 body {
   background: var(--background-color);
-  font-family: 'Lato', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen-Sans, Ubuntu, Cantarell, 'Helvetica Neue', sans-serif;
+  font-family: var(--font-primary);
   font-weight: 400;
   color: var(--text-color);
   line-height: 1.6;
@@ -97,9 +104,9 @@ h6:target {
 /* 5. Code and Pre */
 code,
 pre {
-  font-family: 'Source Code Pro', Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-  background-color: #f0f4f8;  /* Slightly darker gray background */
-  border: 1px solid #d1d5da;
+  font-family: var(--font-code);
+  background-color: var(--code-block-background-color);
+  border: 1px solid var(--code-block-border-color);
   border-radius: 6px;
   padding: 16px;
   overflow-x: auto;
@@ -130,15 +137,15 @@ table tr:nth-child(even) td {
 
 /* 7. Navigation and Sidebar */
 nav {
-  font-family: 'Helvetica Neue', Arial, sans-serif;
+  font-family: var(--font-heading);
   font-size: 16px;
   border-right: 1px solid var(--border-color);
   position: fixed;
   top: 0;
   bottom: 0;
   left: 0;
   width: var(--sidebar-width);
-  background: var(--sidebar-background, #f8f9fa);
+  background: var(--background-color);
   overflow-y: auto;
   z-index: 10;
   display: flex;
@@ -164,7 +171,7 @@ nav h2 {
   margin: 0 0 0.5em;
   padding: 0.5em 0;
   font-size: 1.2em;
-  color: var(--primary-color, #333333);
+  color: var(--text-color);
   border-bottom: 1px solid var(--border-color);
 }
 
@@ -173,7 +180,7 @@ nav h3,
   margin: 0;
   padding: 0.5em 0;
   font-size: 1em;
-  color: var(--text-color, #333333);
+  color: var(--text-color);
 }
 
 nav ul,
@@ -201,7 +208,7 @@ nav ul ul ul ul {
 }
 
 nav a {
-  color: var(--link-color, #0366d6);
+  color: var(--link-color);
   text-decoration: none;
 }
 
@@ -271,7 +278,7 @@ main h3,
 main h4,
 main h5,
 main h6 {
-  font-family: Helvetica, sans-serif;
+  font-family: var(--font-heading);
 }
 
 @media (min-width: 1024px) {
@@ -288,7 +295,7 @@ main h6 {
 /* 9. Search */
 #search-section {
   padding: 1em;
-  background-color: var(--sidebar-background, #f8f9fa);
+  background-color: var(--background-color);
   border-bottom: 1px solid var(--border-color);
 }
 
@@ -306,15 +313,15 @@ main h6 {
   font-size: 14px;
   outline: none;
   transition: border-color 0.3s ease;
-  background-color: var(--background-color, #ffffff);
+  background-color: var(--background-color);
 }
 
 #search-field:focus {
-  border-color: var(--primary-color, #333333);
+  border-color: var(--primary-color);
 }
 
 #search-field::placeholder {
-  color: var(--text-color, #333333);
+  color: var(--text-color);
   opacity: 0.6;
 }
 
@@ -325,7 +332,7 @@ main h6 {
   top: 50%;
   transform: translateY(-50%);
   font-size: 14px;
-  color: var(--text-color, #333333);
+  color: var(--text-color);
   opacity: 0.6;
 }
 
@@ -543,7 +550,7 @@ main header h3 {
 .constants-list > dl dt {
   margin-bottom: 0.75em;
   padding-left: 0;
-  font-family: "Source Code Pro", Monaco, monospace;
+  font-family: var(--font-code);
   font-size: 110%;
 }
 
@@ -590,7 +597,7 @@ main .method-source-code.active-menu {
 }
 
 main .method-description .method-calls-super {
-  color: #333;
+  color: var(--text-color);
   font-weight: bold;
 }
 
@@ -606,10 +613,10 @@ main .method-detail:target {
 
 main .method-heading {
   position: relative;
-  font-family: "Source Code Pro", Monaco, monospace;
+  font-family: var(--font-code);
   font-size: 110%;
   font-weight: bold;
-  color: #333;
+  color: var(--text-color);
 }
 main .method-heading :link,
 main .method-heading :visited {
@@ -637,7 +644,7 @@ main .method-alias .method-heading {
 main .method-description,
 main .aliases {
   margin-top: 0.75em;
-  color: #333;
+  color: var(--text-color);
 }
 
 main .aliases {
@@ -663,12 +670,12 @@ main .attribute-access-type {
 
 /* @group search results */
 #search-results {
-  font-family: Lato, sans-serif;
+  font-family: var(--font-primary);
   font-weight: 300;
 }
 
 #search-results .search-match {
-  font-family: Helvetica, sans-serif;
+  font-family: var(--font-heading);
   font-weight: normal;
 }
 
@@ -704,7 +711,7 @@ main .attribute-access-type {
 
 #search-results pre {
   margin: 0.5em;
-  font-family: "Source Code Pro", Monaco, monospace;
+  font-family: var(--font-code);
 }
 
 /* @end */