Docs: the new shapiq logo

README.md

@@ -1,4 +1,4 @@
-# shapiq: Shapley Interactions for Machine Learning <img src="https://raw.githubusercontent.com/mmschlk/shapiq/main/docs/source/_static/logo/logo_shapiq_light.svg" alt="shapiq_logo" align="right" height="250px"/>
+# shapiq: Shapley Interactions for Machine Learning <picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/mmschlk/shapiq/main/docs/source/_static/logo/shapiq-logo-horizontal-dark.svg"><img alt="shapiq" src="https://raw.githubusercontent.com/mmschlk/shapiq/main/docs/source/_static/logo/shapiq-logo-horizontal-light.svg" align="right" height="120px"></picture>
 
 [![PyPI version](https://badge.fury.io/py/shapiq.svg)](https://badge.fury.io/py/shapiq)
 [![License](https://img.shields.io/badge/License-MIT-brightgreen.svg)](https://opensource.org/licenses/MIT)

docs/source/_static/css/tokens.css

@@ -1,12 +1,14 @@
 /* Design tokens shared by the landing, gallery and timeline pages (colors of the shapiq logo).
    Furo switches themes with body[data-theme]; "auto" follows the system setting. */
 :root {
-  --shapiq-red: #e3326a;
-  --shapiq-red-strong: #ff0d57;
-  --shapiq-blue: #5773e5;
-  --shapiq-blue-light: #79ace5;
+  --shapiq-red: #f12d67;
+  --shapiq-red-strong: #ff2763;
+  --shapiq-blue: #4567f2;
+  --shapiq-blue-light: #82a9e7;
   --shapiq-lavender: #b3c2e5;
-  --shapiq-gradient: linear-gradient(135deg, #ff0d57 0%, #e3326a 30%, #628ae5 70%, #79ace5 100%);
+  --brand-ink-red: #ff2763;   /* probly × shapiq family red  */
+  --brand-ink-blue: #285bff;  /* probly × shapiq family blue */
+  --shapiq-gradient: linear-gradient(135deg, #ff2763 0%, #f12d67 30%, #6489e5 70%, #82a9e7 100%);
   --shapiq-surface: #ffffff;
   --shapiq-surface-raised: #f7f8fc;
   --shapiq-border: #e2e6f3;