diff --git a/Plugins/PluginRepo/PluginRepo.plugin.js b/Plugins/PluginRepo/PluginRepo.plugin.js
index 0f3ec9e5b1..9f4615b056 100644
--- a/Plugins/PluginRepo/PluginRepo.plugin.js
+++ b/Plugins/PluginRepo/PluginRepo.plugin.js
@@ -89,7 +89,7 @@ module.exports = (_ => {
 			},
 			DOWNLOADABLE: {
 				colorClass: "BRAND",
-				backgroundColor: "BRAND",
+				backgroundColor: "var(--bdfdb-blurple)",
 				icon: "DOWNLOAD",
 				text: "Download"
 			}
@@ -330,7 +330,7 @@ module.exports = (_ => {
 							text: buttonConfig.text,
 							children: BDFDB.ReactUtils.createElement("div", {
 								className: BDFDB.disCNS._repobutton + BDFDB.disCN._repocontrolsbutton,
-								style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor]},
+								style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor] || buttonConfig.backgroundColor},
 								onClick: _ => {
 									_this.downloadPlugin(this.props.plugin);
 									if (list && list.props.rnmStart) BDFDB.TimeUtils.timeout(_ => {
@@ -368,7 +368,7 @@ module.exports = (_ => {
 						BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Button, {
 							size: BDFDB.LibraryComponents.Button.Sizes.MIN,
 							color: BDFDB.LibraryComponents.Button.Colors[buttonConfig.colorClass],
-							style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor]},
+							style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor] || buttonConfig.backgroundColor},
 							children: buttonConfig.text,
 							onClick: (e, instance) => {
 								_this.downloadPlugin(this.props.plugin);
diff --git a/Plugins/ThemeRepo/ThemeRepo.plugin.js b/Plugins/ThemeRepo/ThemeRepo.plugin.js
index e0fad622d3..3050d14f28 100644
--- a/Plugins/ThemeRepo/ThemeRepo.plugin.js
+++ b/Plugins/ThemeRepo/ThemeRepo.plugin.js
@@ -89,7 +89,7 @@ module.exports = (_ => {
 			},
 			DOWNLOADABLE: {
 				colorClass: "BRAND",
-				backgroundColor: "BRAND",
+				backgroundColor: "var(--bdfdb-blurple)",
 				icon: "DOWNLOAD",
 				text: "Download"
 			}
@@ -622,7 +622,7 @@ module.exports = (_ => {
 							text: buttonConfig.text,
 							children: BDFDB.ReactUtils.createElement("div", {
 								className: BDFDB.disCNS._repobutton + BDFDB.disCN._repocontrolsbutton,
-								style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor]},
+								style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor] || buttonConfig.backgroundColor},
 								onClick: _ => {
 									_this.downloadTheme(this.props.theme);
 									if (list && list.props.rnmStart) BDFDB.TimeUtils.timeout(_ => {
@@ -660,7 +660,7 @@ module.exports = (_ => {
 						BDFDB.ReactUtils.createElement(BDFDB.LibraryComponents.Button, {
 							size: BDFDB.LibraryComponents.Button.Sizes.MIN,
 							color: BDFDB.LibraryComponents.Button.Colors[buttonConfig.colorClass],
-							style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor]},
+							style: {backgroundColor: BDFDB.DiscordConstants.Colors[buttonConfig.backgroundColor] || buttonConfig.backgroundColor},
 							children: buttonConfig.text,
 							onClick: (e, instance) => {
 								_this.downloadTheme(this.props.theme);