docs: sync themed full-width tables and benchmark links

README.md

@@ -22,7 +22,7 @@ tags:
 <p align="center"><b>Jev-Inspired Multimodal Decisions for Documents.</b></p>
 <p align="center">
   <a href="https://huggingface.co/SoMarkAI/Docision-1.0"><img src="assets/badge-model.svg" alt="Hugging Face: Docision" height="28"></a>
-  <a href="https://huggingface.co/datasets/Immortal-Zhang/doc-decision-bench"><img src="assets/badge-benchmark.svg" alt="Benchmark: doc-decision-bench" height="28"></a>
+  <a href="https://huggingface.co/datasets/SoMarkAI/doc-decision-bench"><img src="assets/badge-benchmark.svg" alt="Benchmark: doc-decision-bench" height="28"></a>
 </p>
 
 ## 👀 Decision intelligence beyond text
@@ -44,14 +44,13 @@ Docision unifies document tasks through one simple interaction: Your Document. Y
 
 ## 🎯 Document decisions beyond a 27B model—higher speed, higher accuracy.
 
-<div align="center">
-
-<table align="center" border="1" cellspacing="0" cellpadding="8" width="100%" style="width: 100%; display: table; table-layout: fixed; border-collapse: collapse; border: 1px solid #888;">
-  <thead><tr><th width="33%" style="border: 1px solid #888; text-align: center;" align="center">Benchmark</th><th width="33%" style="border: 1px solid #888; text-align: center;" align="center">Link</th><th width="34%" style="border: 1px solid #888; text-align: center;" align="center">Count</th></tr></thead>
-  <tbody><tr><td style="border: 1px solid #888; text-align: center;" align="center">doc-decision-bench</td><td style="border: 1px solid #888; text-align: center;" align="center">🤗 <a href="https://huggingface.co/datasets/Immortal-Zhang/doc-decision-bench">Hugging&nbsp;Face</a></td><td style="border: 1px solid #888; text-align: center;" align="center">5,234 document records</td></tr></tbody>
-</table>
-
-</div>
+<p align="center">
+  <a href="https://huggingface.co/datasets/SoMarkAI/doc-decision-bench"><picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://huggingface.co/SoMarkAI/Docision-1.0/resolve/main/assets/benchmark-table.en.dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="https://huggingface.co/SoMarkAI/Docision-1.0/resolve/main/assets/benchmark-table.en.svg">
+    <img src="assets/benchmark-table.en.svg" alt="doc-decision-bench: 5,234 document records. Open on Hugging Face." width="100%">
+  </picture></a>
+</p>
 
 Covers **document understanding and decisions, and cross-industry classification**, with higher speed and quality.
 
@@ -64,14 +63,13 @@ Covers **document understanding and decisions, and cross-industry classification
 
 ## 🤗 Find our model here
 
-<div align="center">
-
-<table align="center" border="1" cellspacing="0" cellpadding="8" width="100%" style="width: 100%; display: table; table-layout: fixed; border-collapse: collapse; border: 1px solid #888;">
-  <thead><tr><th width="50%" style="border: 1px solid #888; text-align: center;" align="center">Try our model</th><th width="50%" style="border: 1px solid #888; text-align: center;" align="center">Link</th></tr></thead>
-  <tbody><tr><td width="50%" style="white-space: nowrap; border: 1px solid #888; text-align: center;" align="center">Docision-1.0</td><td width="50%" style="white-space: nowrap; border: 1px solid #888; text-align: center;" align="center">🤗 <a href="https://huggingface.co/SoMarkAI/Docision-1.0">Hugging&nbsp;Face</a></td></tr></tbody>
-</table>
-
-</div>
+<p align="center">
+  <a href="https://huggingface.co/SoMarkAI/Docision-1.0"><picture>
+    <source media="(prefers-color-scheme: dark)" srcset="https://huggingface.co/SoMarkAI/Docision-1.0/resolve/main/assets/model-table.en.dark.svg">
+    <source media="(prefers-color-scheme: light)" srcset="https://huggingface.co/SoMarkAI/Docision-1.0/resolve/main/assets/model-table.en.svg">
+    <img src="assets/model-table.en.svg" alt="Docision-1.0: Open the model on Hugging Face." width="100%">
+  </picture></a>
+</p>
 
 <a id="start"></a>