Make h2 piss yellow

Author: pepc84

gettingstarted/index.html

@@ -16,9 +16,9 @@
     #site-sidebar a:hover { color: #111; }
     #site-sidebar a.active { color: #111; font-weight: 500; }
     .content { flex: 1; padding: 4rem; max-width: 880px; }
-    .content h1 { font-size: 2rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
+    .content h1 { font-size: 2rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 0.5rem;  color: #e8b400;}
     .content .subtitle { color: #888; font-size: 0.95rem; margin-bottom: 2.5rem; }
-    .content h2 { font-size: 1.3rem; font-weight: 600; margin-top: 3rem; margin-bottom: 0.5rem; }
+    .content h2 { font-size: 1.3rem; font-weight: 600; margin-top: 3rem; margin-bottom: 0.5rem;  color: #b8860b;}
     .content h3 { font-size: 1rem; font-weight: 600; margin-top: 1.75rem; margin-bottom: 0.75rem; }
     .content p { color: #444; line-height: 1.8; margin-bottom: 1rem; font-size: 0.95rem; }
     .content code { font-family: "SF Mono","Fira Code",monospace; font-size: 13px; background: #f4f4f4; padding: 2px 6px; border-radius: 4px; color: #111; }

libraries/index.html

@@ -16,8 +16,8 @@
  #site-sidebar a:hover { color: #111; }
  #site-sidebar a.active { color: #111; font-weight: 500; }
  .content { flex: 1; padding: 4rem; max-width: 820px; }
- .content h1 { font-size: 2rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 0.5rem; }
- .content h2 { font-size: 1.1rem; font-weight: 600; margin-top: 3rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e0e0e0; }
+ .content h1 { font-size: 2rem; font-weight: 600; letter-spacing: -0.02em; margin-bottom: 0.5rem; color: #e8b400; }
+ .content h2 { font-size: 1.1rem; font-weight: 600; margin-top: 3rem; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e0e0e0; color: #b8860b; }
  .content p { color: #444; line-height: 1.8; margin-bottom: 1rem; font-size: 0.95rem; }
  .content .subtitle { color: #888; font-size: 0.95rem; margin-bottom: 3rem; }
  .lib-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1px; background: #e0e0e0; border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; margin-bottom: 2rem; }
@@ -232,4 +232,4 @@ <h2>Math</h2>
 <footer><p>C++ Mode for Processing</p></footer>
 <script src="../assets/nav.js"></script>
 </body>
-</html>
+</html>

regen.py

@@ -151,7 +151,7 @@ def build_page_sidebar(active_id=""):
     .category a:hover { color: #111; background: #f8f8f8; }
     .category a.active { color: #111; font-weight: 500; background: #f4f4f4; }
     .content { flex: 1; padding: 3rem 4rem; max-width: 900px; }
-    .content h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.75rem; }
+    .content h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.75rem; color: #e8b400; }
     .preview-wrap { border: 1px solid #e0e0e0; border-radius: 8px; overflow: hidden; margin-bottom: 2rem; display: inline-block; }
     .preview-wrap iframe { display: block; border: none; }
     .code-block { background: #f8f8f8; border-radius: 8px; overflow: hidden; }
@@ -322,12 +322,12 @@ def build_examples_gallery(manifest, sections):
 
 gallery_css = '''
     .gallery-intro { margin-bottom: 2.5rem; }
-    .gallery-intro h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.5rem; }
+    .gallery-intro h1 { font-size: 1.8rem; font-weight: 600; margin-bottom: 0.5rem; color: #e8b400; }
     .gallery-intro p { color: #555; }
     .gallery-section-group { margin-bottom: 2rem; }
-    .gallery-section-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid #111; }
+    .gallery-section-title { font-size: 1.4rem; font-weight: 700; margin-bottom: 1.5rem; padding-bottom: 0.75rem; border-bottom: 2px solid #111; color: #e8b400; }
     .gallery-section { margin-bottom: 3rem; }
-    .gallery-section h2 { font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e0e0e0; }
+    .gallery-section h2 { font-size: 1.1rem; font-weight: 600; margin-bottom: 1rem; padding-bottom: 0.5rem; border-bottom: 1px solid #e0e0e0; color: #b8860b; }
     .gallery-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 1.25rem; }
     .gallery-card { display: block; }
     .gallery-thumb { width: 100%; background: #111; border-radius: 6px; overflow: hidden; border: 1px solid #e0e0e0; line-height: 0; }

whats-new/index.html

@@ -16,7 +16,8 @@
     #site-sidebar a:hover { color: #111; }
     #site-sidebar a.active { color: #111; font-weight: 500; }
     .content { flex: 1; padding: 3rem 4rem; max-width: 900px; }
-    .content h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; }
+    .content h1 { font-size: 2rem; font-weight: 700; margin-bottom: 0.5rem; color: #e8b400; }
+    .content h2 { color: #b8860b; }
     .prelude { font-size: 1rem; color: #555; line-height: 1.8; margin-bottom: 3rem; max-width: 640px; }
     .prelude strong { color: #111; }
     .prelude code { font-family: "SF Mono","Fira Code",monospace; background: #f4f4f4; padding: 1px 5px; border-radius: 3px; font-size: 13px; }