diff --git a/docs/_static/style.css b/docs/_static/style.css
index 01017fbc7..4354344ec 100644
--- a/docs/_static/style.css
+++ b/docs/_static/style.css
@@ -113,6 +113,12 @@ section {
   --attribute-table-entry-hover-text: var(--blue-2);
   --attribute-table-badge: var(--grey-7);
   --highlighted-text: rgb(252, 233, 103);
+  --tabs--label-text: var(--main-text);
+  --tabs--label-text--hover: var(--main-text);
+  --tabs--label-text--active: var(--blue-1);
+  --tabs--label-text--active--hover: var(--blue-1);
+  --tabs--label-border--active: var(--blue-1);
+  --tabs--label-border--active--hover: var(--blue-1);
 }
 
 :root[data-font="serif"] {
diff --git a/docs/conf.py b/docs/conf.py
index a5fcc1773..28b39452c 100644
--- a/docs/conf.py
+++ b/docs/conf.py
@@ -37,6 +37,7 @@ extensions = [
     'sphinx.ext.intersphinx',
     'sphinx.ext.napoleon',
     'sphinxcontrib_trio',
+    'sphinx_inline_tabs',
     'details',
     'exception_hierarchy',
     'attributetable',
diff --git a/setup.py b/setup.py
index ba9a075bc..f93e69e4e 100644
--- a/setup.py
+++ b/setup.py
@@ -39,6 +39,7 @@ extras_require = {
         'sphinxcontrib_trio==1.1.2',
         'sphinxcontrib-websupport',
         'typing-extensions>=4.3,<5',
+        'sphinx-inline-tabs',
     ],
     'speed': [
         'orjson>=3.5.4',