diff --git a/lib/Themes/OverrideDefaultTheme.php b/lib/Themes/OverrideDefaultTheme.php
index 8f33d0b..9a0dfb2 100644
--- a/lib/Themes/OverrideDefaultTheme.php
+++ b/lib/Themes/OverrideDefaultTheme.php
@@ -129,6 +129,7 @@ public function getCSSVariables(): array {
 		$colorMainBackgroundRGB = join(',', $this->util->hexToRGB($colorMainBackground));
 		$colorBoxShadow = $this->util->darken($colorMainBackground, 70);
 		$colorBoxShadowRGB = join(',', $this->util->hexToRGB($colorBoxShadow));
+		$colorPrimary = $ionColorPrimary;
 
 		$colorError = $ionColorRoseR3;
 		$colorWarning = $ionColorAmberY3;
@@ -140,6 +141,8 @@ public function getCSSVariables(): array {
 			'--color-main-background-rgb' => $colorMainBackgroundRGB,
 			'--color-main-background-translucent' => 'rgba(var(--color-main-background-rgb), .97)',
 			'--color-main-background-blur' => 'rgba(var(--color-main-background-rgb), .8)',
+			'--color-primary' => $colorPrimary,
+			'--color-primary-element' => $colorPrimary,
 
 			// to use like this: background-image: linear-gradient(0, var('--gradient-main-background));
 			'--gradient-main-background' => 'var(--color-main-background) 0%, var(--color-main-background-translucent) 85%, transparent 100%',