diff --git a/website/admin.pyhp b/website/admin.pyhp
index 5541499..2229e92 100644
--- a/website/admin.pyhp
+++ b/website/admin.pyhp
@@ -59,27 +59,6 @@
 			window.addEventListener("load",function(){checkAPIkey(buttonlock)});
 			// we do this twice, but this one ensures that the button is correctly locked / unlocked after the api key has been checked
 		</script>
-		<style>
-			.button {
-				padding:3px;
-				padding-right:6px;
-				padding-left:6px;
-				background-color:beige;
-				color:black;
-				cursor:pointer;
-			}
-			.button:hover {
-				background-color:gold;
-			}
-			.button:active {
-				background-color:orange;
-			}
-			.button.locked {
-				background-color:grey;
-				color:black;
-				cursor:not-allowed;
-			}
-		</style>
 	</head>
 
 	<body>
diff --git a/website/less/maloja.less b/website/less/maloja.less
index 3ceedb8..992c414 100644
--- a/website/less/maloja.less
+++ b/website/less/maloja.less
@@ -368,6 +368,28 @@ img.star {
 }
 
 
+
+
+.button {
+	padding:3px;
+	padding-right:6px;
+	padding-left:6px;
+	background-color:@BUTTON_BG_COLOR;
+	color:@BUTTON_FG_COLOR;
+	cursor:pointer;
+}
+.button:hover {
+	background-color:@BUTTON_FOCUS_BG_COLOR;
+	color:@BUTTON_FOCUS_FG_COLOR;
+}
+.button.locked {
+	background-color:grey;
+	color:black;
+	cursor:not-allowed;
+}
+
+
+
 /*
 **
 **
diff --git a/website/manual.html b/website/manual.html
index a6a5df3..b642a8d 100644
--- a/website/manual.html
+++ b/website/manual.html
@@ -119,7 +119,7 @@
 						track.innerHTML = "<a href='" + tracklink + "'>" +  trackstr + "</a>";
 						row = document.createElement("tr")
 						col1 = document.createElement("td")
-						col1.className = "scrobblebutton"
+						col1.className = "button"
 						col1.innerHTML = "Scrobble!"
 						col1.onclick = function(){ scrobble(t["artists"],t["title"])};
 						col2 = document.createElement("td")
@@ -134,22 +134,7 @@
 			}
 		</script>
 
-		<style>
-			.scrobblebutton {
-				padding:3px;
-				padding-right:6px;
-				padding-left:6px;
-				background-color:beige;
-				color:black;
-				cursor:pointer;
-			}
-			.scrobblebutton:hover {
-				background-color:gold;
-			}
-			.scrobblebutton:active {
-				background-color:orange;
-			}
-		</style>
+
 	</head>
 
 
@@ -192,7 +177,7 @@
 
 		<br/>
 
-		<span class="scrobblebutton" onclick="scrobbleNew(event)">Scrobble!</span>
+		<span class="button" onclick="scrobbleNew(event)">Scrobble!</span>
 
 		<br/>
 
