CI deploy dd2d8bbc

src/ui/components.py

@@ -15,6 +15,19 @@ import pandas as pd
 from .. import config
 from .format import EM, arrow, count, esc, money, num, pct, seg, sharpe_tone, tone
 
+# The actual mark shipped with the design (uploads/bit-trading-mark.svg),
+# inlined so it can be recoloured through a token rather than loaded as a
+# fixed-colour file. Previously this was a CSS box-shadow approximation --
+# a guess at a logo that was sitting in the design folder the whole time.
+MARK_SVG = (
+    '<svg class="bit-mark" viewBox="0 0 100 100" role="img" '
+    'aria-label="The Bit Trading Company">'
+    '<path fill="currentColor" fill-rule="evenodd" '
+    'd="M0 0H100V100H0Z M50 10H90V90H50Z M22 42H38V58H22Z M62 42H78V58H62Z">'
+    '</path></svg>'
+)
+
+
 # --------------------------------------------------------------------------
 # Primitives
 # --------------------------------------------------------------------------
@@ -61,7 +74,7 @@ def top_bar(status_text: str = "NO RUN LOADED", status_kind: str = "",
     el = f'<span class="bit-micro" style="margin:0 4px">{esc(elapsed)}</span>' if elapsed else ""
     return f"""
 <div class="bit-topbar">
-  <span class="bit-mark"></span>
+  {MARK_SVG}
   <span class="bit-wordmark">BIT</span>
   <span class="bit-slash">/</span>
   <span class="bit-h1">Backtest Lab</span>

src/ui/theme.py

@@ -151,9 +151,8 @@ SHELL_CSS = """
   padding:8px 12px; position:sticky; top:0; z-index:var(--z-header);
 }
 .bit-mark{
-  width:18px; height:18px; background:var(--accent-amber);
-  display:inline-block; flex:0 0 18px;
-  box-shadow:inset 0 0 0 3px var(--bg-panel), inset 0 0 0 5px var(--accent-amber);
+  width:18px; height:18px; flex:0 0 18px; display:inline-block;
+  color:var(--accent-amber);   /* the SVG paths use currentColor */
 }
 .bit-wordmark{
   font-family:var(--font-heading); font-size:var(--text-md); font-weight:500;

tests/test_ui.py

@@ -404,7 +404,20 @@ def test_every_bit_class_used_in_markup_has_a_css_rule():
     root = Path(__file__).resolve().parent.parent
     used = set()
     for rel in ("src/ui/components.py", "src/ui/compare_tab.py", "app.py"):
-        used |= set(re.findall(r"bit-[a-z0-9-]+", (root / rel).read_text()))
+        text = (root / rel).read_text()
+        # Only real class attributes -- a bare `bit-…` token can appear in a
+        # comment or an asset filename and is not a class the page uses.
+        for attr in (re.findall(r'class="([^"]*)"', text)
+                     + re.findall(r"elem_classes=[\"']([^\"']+)", text)):
+            for cls in attr.split():
+                if not cls.startswith("bit-"):
+                    continue
+                # Class names are built in f-strings, e.g. `bit-chip{cls}` or
+                # `bit-podium-{rank}`. Keep the static prefix; a name that is
+                # only a prefix (ends in `-`) has variant rules instead.
+                static = cls.split("{", 1)[0]
+                if static and not static.endswith("-"):
+                    used.add(static)
     defined = set(re.findall(r"\.(bit-[a-z0-9-]+)", theme.full_css()))
     missing = sorted(c for c in used if c not in defined and not c.endswith("-"))
     assert not missing, f"classes used in markup but never styled: {missing}"