diff --git a/core/ui/ControlPanel/Plugins/AddPlugins.tid b/core/ui/ControlPanel/Plugins/AddPlugins.tid
index 51132e270..8fc3c324e 100644
--- a/core/ui/ControlPanel/Plugins/AddPlugins.tid
+++ b/core/ui/ControlPanel/Plugins/AddPlugins.tid
@@ -2,6 +2,6 @@ title: $:/core/ui/ControlPanel/Plugins/AddPlugins
 
 \define lingo-base() $:/language/ControlPanel/Plugins/
 
-<$button message="tm-modal" param="$:/core/ui/ControlPanel/Modals/AddPlugins" tooltip={{$:/language/ControlPanel/Plugins/Add/Hint}} class="tc-btn-big-green" style="background:blue;">
+<$button message="tm-modal" param="$:/core/ui/ControlPanel/Modals/AddPlugins" tooltip={{$:/language/ControlPanel/Plugins/Add/Hint}} class="tc-btn-big-green tc-primary-btn">
 {{$:/core/images/download-button}} <<lingo Add/Caption>>
 </$button>
diff --git a/themes/tiddlywiki/vanilla/base.tid b/themes/tiddlywiki/vanilla/base.tid
index 4aee2a3b9..92b804651 100644
--- a/themes/tiddlywiki/vanilla/base.tid
+++ b/themes/tiddlywiki/vanilla/base.tid
@@ -525,6 +525,10 @@ html body.tc-body .tc-btn-rounded:hover svg {
 	fill: <<colour download-foreground>>;
 }
 
+.tc-primary-btn {
+ 	background: <<colour primary>>;
+}
+
 .tc-sidebar-lists input {
 	color: <<colour foreground>>;
 }