diff mrjunejune/src/tools/markdown_to_html/index.css @ 256:30c2196d03d4

[site] Integrate Zenbu themes and components Co-authored-by: Copilot <[email protected]>
author MrJuneJune <me@mrjunejune.com>
date Tue, 04 Aug 2026 16:49:01 -0700
parents 8c74204fd362
children 60a876c4587a
line wrap: on
line diff
--- a/mrjunejune/src/tools/markdown_to_html/index.css	Tue Aug 04 15:12:18 2026 -0700
+++ b/mrjunejune/src/tools/markdown_to_html/index.css	Tue Aug 04 16:49:01 2026 -0700
@@ -17,7 +17,7 @@
 }
 
 .header h1 {
-  color: rgb(var(--gray-dark));
+  color: var(--gray-dark);
   margin-bottom: 10px;
 }
 
@@ -49,7 +49,7 @@
 
 .label {
   font-weight: 600;
-  color: rgb(var(--gray-dark));
+  color: var(--gray-dark);
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
@@ -75,8 +75,8 @@
   flex: 1;
   width: 100%;
   padding: 15px;
-  background: rgb(var(--gray-light));
-  color: rgb(var(--gray-dark));
+  background: var(--gray-light);
+  color: var(--gray-dark);
   border: 1px solid rgba(var(--gray), 0.3);
   border-radius: 4px;
   font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
@@ -97,7 +97,7 @@
   border: 1px solid rgba(var(--gray), 0.3);
   border-radius: 4px;
   background: var(--white);
-  color: rgb(var(--gray-dark));
+  color: var(--gray-dark);
   overflow-y: auto;
   font-size: 15px;
 }
@@ -105,7 +105,7 @@
 /* Markdown output styles */
 #output h1, #output h2, #output h3, #output h4, #output h5, #output h6 {
   margin: 1em 0 0.5em 0;
-  color: rgb(var(--gray-dark));
+  color: var(--gray-dark);
   line-height: 1.3;
 }
 
@@ -132,7 +132,7 @@
 }
 
 #output code {
-  background: rgb(var(--gray-light));
+  background: var(--gray-light);
   padding: 2px 6px;
   border-radius: 3px;
   font-family: 'SF Mono', 'Monaco', 'Consolas', monospace;
@@ -160,7 +160,7 @@
   border-left: 4px solid var(--accent);
   padding: 10px 15px;
   margin: 1em 0;
-  background: rgb(var(--gray-light));
+  background: var(--gray-light);
   color: rgb(var(--gray));
   font-style: italic;
 }
@@ -176,7 +176,7 @@
 
 #output hr {
   border: none;
-  border-top: 1px solid rgb(var(--gray-light));
+  border-top: 1px solid var(--gray-light);
   margin: 1.5em 0;
 }