Artifact [8bdf4d6cce]

Artifact 8bdf4d6cceb2257bce857b7a40387b29e22c05f3e68cc4350fe38d412f15bbde:

• File skin/header.txt — part of check-in [5e434ca14e] at 2026-04-07 19:19:41 on branch trunk — Dark theme overhaul: buttons, forms, chat, diffs, and page-specific fixes

  Comprehensive dark-mode styling pass covering:

  - Submenu link-buttons styled as pills with hover/active/focus states - Custom dark-themed checkboxes replacing browser defaults - Submit/action buttons with hover, active, and disabled states - Wiki editor: tab bar, toolbar layout, fieldsets - Chat: centered layout, blue-tinted bubbles, styled input/buttons, mobile - Timeline: fileage/tree-view hover overrides (was bright white) - Diff: subtle green/red ins/del, diffskip rows, SBS marker columns - Annotate: dark overlay on inline pastel backgrounds - Forum: search form layout, post containers, debug panel - Tickets: tktDspValue dark surface instead of light grey - Security audit: capsumRead/Write/Off with dark-appropriate colors - Search form: proper flex layout with text input priority - Sitemap dropdown: multi-column with mobile single-column fallback - Header: logo image from /logo instead of F text mark - span.error/mark: dark-mode yellow highlight treatment - Various Fossil built-in light-theme color overrides (user: dmestas, size: 1530) [annotate] [blame] [check-ins using]

<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<a class="skip-nav" href="#main-content">Skip to content</a>
<header>
  <div class="logo">
    <a href="https://fossil.craftdesign.group/" class="hub-link" title="Back to hub">
      <img class="logo-mark" src="$home/logo" alt="Logo">
    </a>
  </div>
  <div class="title">
    <a href="$home/home" class="project-name">$<project_name></a>
    <span class="page-title">$<title></span>
  </div>
  <div class="status">
    <th1>
      if {[info exists login]} {
        html "<a href='$home/login'>$login</a>\n"
      } else {
        html "<a href='$home/login'>Login</a>\n"
      }
    </th1>
  </div>
</header>
<nav class="mainmenu" title="Main Menu">
  <th1>
    html "<a id='hbbtn' href='$home/sitemap' aria-label='Site Map' aria-expanded='false' aria-controls='hbdrop'>&#9776;</a>"
    builtin_request_js hbmenu.js
    foreach {name url expr class} $mainmenu {
      if {![capexpr $expr]} continue
      if {[string match /* $url]} {
        if {[string match $url\[/?#\]* /$current_page/]} {
          set class "active $class"
        }
        set url $home$url
      }
      html "<a href='$url' class='$class'>$name</a>\n"
    }
  </th1>
</nav>
<nav id="hbdrop" class='hbdrop' title="sitemap"></nav>
<div id="main-content" tabindex="-1" aria-hidden="true" style="height:0;overflow:hidden;position:absolute"></div>
<h1 class="page-title">$<title></h1>
<script defer src="/a11y.js"></script>