diff --git a/UI/Content/icons.less b/UI/Content/icons.less
index eed3fe01e..7ccfb932e 100644
--- a/UI/Content/icons.less
+++ b/UI/Content/icons.less
@@ -1,5 +1,6 @@
 @import "FontAwesome/font-awesome";
 @import "Bootstrap/variables";
+@import "variables";
 
 /* Icon rotations and mirroring */
 .icon-rotate-90() {
@@ -83,5 +84,5 @@
 
 .icon-nd-donate:before {
   .icon(@heart);
-  color: #C4273C;
+  color: @nzbdroneRed;
 }
\ No newline at end of file
diff --git a/UI/Content/variables.less b/UI/Content/variables.less
new file mode 100644
index 000000000..8a29e0a50
--- /dev/null
+++ b/UI/Content/variables.less
@@ -0,0 +1 @@
+@nzbdroneRed: #C4273C;
diff --git a/UI/Shared/Styles/clickable.less b/UI/Shared/Styles/clickable.less
index 0bbf35bf8..cd9df37a3 100644
--- a/UI/Shared/Styles/clickable.less
+++ b/UI/Shared/Styles/clickable.less
@@ -1,4 +1,3 @@
 .clickable {
   cursor: pointer;
 }
-