diff --git a/docs/additional.md b/docs/additional.md
index 10cc7ba..fd715df 100644
--- a/docs/additional.md
+++ b/docs/additional.md
@@ -21,7 +21,7 @@ normally positioned just below the title of the article (shown below with non-st
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/article-info.txt
diff --git a/docs/badges_buttons.md b/docs/badges_buttons.md
index 9eeaace..0117e1c 100644
--- a/docs/badges_buttons.md
+++ b/docs/badges_buttons.md
@@ -19,7 +19,7 @@ Badges are available in each semantic color, with filled and outline variants:
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/badge-basic.txt
@@ -42,7 +42,7 @@ The syntax is the same as for the `ref` role.
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/badge-link.txt
@@ -96,7 +96,7 @@ Reference Button text
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/button-link.txt
diff --git a/docs/cards.md b/docs/cards.md
index f9f2e5e..dd7947f 100644
--- a/docs/cards.md
+++ b/docs/cards.md
@@ -15,7 +15,7 @@ See the [Material Design](https://material.io/components/cards) and [Bootstrap c
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/card-basic.txt
@@ -40,7 +40,7 @@ Footer
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/card-head-foot.txt
@@ -117,7 +117,7 @@ Footer
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/card-images.txt
@@ -153,7 +153,7 @@ The entire card can be clicked to navigate to the `cards-clickable` reference ta
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/card-link.txt
@@ -225,7 +225,7 @@ content
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/card-carousel.txt
diff --git a/docs/css_classes.md b/docs/css_classes.md
index 5618920..4e22424 100644
--- a/docs/css_classes.md
+++ b/docs/css_classes.md
@@ -11,7 +11,7 @@ Some CSS styled text
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/div-basic.txt
diff --git a/docs/dropdowns.md b/docs/dropdowns.md
index 18dedb4..198932e 100644
--- a/docs/dropdowns.md
+++ b/docs/dropdowns.md
@@ -22,7 +22,7 @@ Dropdown content
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/dropdown-basic.txt
diff --git a/docs/grids.md b/docs/grids.md
index beab925..5c37bd7 100644
--- a/docs/grids.md
+++ b/docs/grids.md
@@ -31,7 +31,7 @@ D
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/grid-basic.txt
@@ -82,7 +82,7 @@ B
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/grid-card.txt
@@ -123,7 +123,7 @@ B
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/grid-gutter.txt
@@ -162,7 +162,7 @@ C
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/grid-card-columns.txt
@@ -256,7 +256,7 @@ Content
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/grid-nested.txt
diff --git a/docs/tabs.md b/docs/tabs.md
index 8f7da1b..6664a6b 100644
--- a/docs/tabs.md
+++ b/docs/tabs.md
@@ -19,7 +19,7 @@ Content 2
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/tab-basic.txt
@@ -72,7 +72,7 @@ Content 2
 
 `````{dropdown} Syntax
 :icon: code
-:color: light
+:color: primary
 
 ````{tab-set-code}
 ```{literalinclude} ./snippets/myst/tab-sync.txt