Update trackio logos (#98)

* changes

* move

* changes

* changes

* Update README.md

* Update README.md

* readme

* changes

* changes

* changes

* Update README.md

* bump version

Author: abidlabs

README.md

@@ -1,12 +1,15 @@
 <p align="center">
-    <img width="382" alt="image" src="https://github.com/user-attachments/assets/bc08df0d-09b8-42aa-8206-4ac4b295b0b1" />
+
+<img width="75%" src="https://github.com/user-attachments/assets/6d6a41e7-fbc1-43ec-bda6-15f9ff4bd25c" />
+
 
 </p>
 
-`trackio` is a lightweight, 💯 free experiment tracking Python library built on top of 🤗 Datasets and Spaces.
+`trackio` is a lightweight, free experiment tracking Python library built on top of 🤗 Datasets and Spaces.
+
 
+![Screen Recording 2025-07-28 at 5 26 32 PM](https://github.com/user-attachments/assets/f3eac49e-d8ee-4fc0-b1ca-aedfc6d6fae1)
 
-![Screen Recording 2025-06-11 at 5 39 32 PM](https://github.com/user-attachments/assets/5cf12286-54e7-4119-8a20-88c2cbd37ab6)
 
 - **API compatible** with `wandb.init`, `wandb.log`, and `wandb.finish` (drop-in replacement: just `import trackio as wandb`)
 - *Local-first* design: dashboard runs locally by default. You can also host it on Spaces by specifying a `space_id`.

trackio/__init__.py

@@ -11,7 +11,7 @@
 from trackio.run import Run
 from trackio.sqlite_storage import SQLiteStorage
 from trackio.ui import demo
-from trackio.utils import TRACKIO_DIR, TRACKIO_LOGO_PATH
+from trackio.utils import TRACKIO_DIR, TRACKIO_LOGO_DIR
 
 __version__ = Path(__file__).parent.joinpath("version.txt").read_text().strip()
 
@@ -153,8 +153,8 @@ def show(project: str | None = None):
         quiet=True,
         inline=False,
         prevent_thread_lock=True,
-        favicon_path=TRACKIO_LOGO_PATH,
-        allowed_paths=[TRACKIO_LOGO_PATH],
+        favicon_path=TRACKIO_LOGO_DIR / "trackio_logo_light.png",
+        allowed_paths=[TRACKIO_LOGO_DIR],
     )
     base_url = share_url + "/" if share_url else url
     dashboard_url = base_url + f"?project={project}" if project else base_url

trackio/assets/trackio_logo_dark.png

@@ -13,13 +13,13 @@
     from trackio.sqlite_storage import SQLiteStorage
     from trackio.utils import (
         RESERVED_KEYS,
-        TRACKIO_LOGO_PATH,
+        TRACKIO_LOGO_DIR,
         downsample,
         get_color_mapping,
     )
 except:  # noqa: E722
     from sqlite_storage import SQLiteStorage
-    from utils import RESERVED_KEYS, TRACKIO_LOGO_PATH, downsample, get_color_mapping
+    from utils import RESERVED_KEYS, TRACKIO_LOGO_DIR, downsample, get_color_mapping
 
 css = """
 #run-cb .wrap {
@@ -307,6 +307,7 @@ def sort_metrics_by_prefix(metrics: list[str]) -> list[str]:
 
 def configure(request: gr.Request):
     sidebar_param = request.query_params.get("sidebar")
+    dark_mode = request.query_params.get("__theme") == "dark"
     match sidebar_param:
         case "collapsed":
             sidebar = gr.Sidebar(open=False, visible=True)
@@ -315,16 +316,25 @@ def configure(request: gr.Request):
         case _:
             sidebar = gr.Sidebar(open=True, visible=True)
 
+    if dark_mode:
+        logo = gr.Markdown(
+            f"<img src='/gradio_api/file={TRACKIO_LOGO_DIR}/trackio_logo_type_dark_transparent.png' width='80%'>"
+        )
+    else:
+        logo = gr.Markdown(
+            f"<img src='/gradio_api/file={TRACKIO_LOGO_DIR}/trackio_logo_type_light_transparent.png' width='80%'>"
+        )
+
     if metrics := request.query_params.get("metrics"):
-        return metrics.split(","), sidebar
+        return metrics.split(","), sidebar, logo
     else:
-        return [], sidebar
+        return [], sidebar, logo
 
 
 with gr.Blocks(theme="citrus", title="Trackio Dashboard", css=css) as demo:
     with gr.Sidebar(open=False) as sidebar:
-        gr.Markdown(
-            f"<div style='display: flex; align-items: center; gap: 8px;'><img src='/gradio_api/file={TRACKIO_LOGO_PATH}' width='32' height='32'><span style='font-size: 2em; font-weight: bold;'>Trackio</span></div>"
+        logo = gr.Markdown(
+            f"<img src='/gradio_api/file={TRACKIO_LOGO_DIR}/trackio_logo_type_light_transparent.png' width='80%'>"
         )
         project_dd = gr.Dropdown(label="Project", allow_custom_value=True)
         run_tb = gr.Textbox(label="Runs", placeholder="Type to filter...")
@@ -350,7 +360,7 @@ def configure(request: gr.Request):
     metrics_subset = gr.State([])
     user_interacted_with_run_cb = gr.State(False)
 
-    gr.on([demo.load], fn=configure, outputs=[metrics_subset, sidebar])
+    gr.on([demo.load], fn=configure, outputs=[metrics_subset, sidebar, logo])
     gr.on(
         [demo.load],
         fn=get_projects,
@@ -506,4 +516,4 @@ def update_dashboard(
 
 
 if __name__ == "__main__":
-    demo.launch(allowed_paths=[TRACKIO_LOGO_PATH], show_api=False, show_error=True)
+    demo.launch(allowed_paths=[TRACKIO_LOGO_DIR], show_api=False, show_error=True)