diff --git a/src/styles/global.css b/src/styles/global.css
index 13350096..a164b965 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -13,6 +13,8 @@
 	--accent-warning: #b8893e;
 	--accent-danger: #cf4945;
 	--accent-donate: #db61a2;
+	--accent-site-1: #307328;
+	--accent-site-2: #296422;
 	--accent-sounds-1: #451475;
 	--accent-sounds-2: #39155e;
 	--accent-sounds-3: #6a08a3;
@@ -47,6 +49,9 @@
 	--accent-success: #1a7f37;
 	--accent-warning: #a36f1c;
 	--accent-danger: #bd2f2a;
+	--accent-donate: #bf3989;
+	--accent-site-1: #2da44e;
+	--accent-site-2: #2c974b;
 	--accent-sounds-1: #b481e7;
 	--accent-sounds-2: #c18df5;
 	--accent-sounds-3: #af72d3;
@@ -81,7 +86,10 @@
 		--accent-primary: #088cdb;
 		--accent-success: #1a7f37;
 		--accent-warning: #a36f1c;
-	--accent-danger: #bd2f2a;
+		--accent-danger: #bd2f2a;
+		--accent-donate: #bf3989;
+		--accent-site-1: #2da44e;
+		--accent-site-2: #2c974b;
 		--accent-sounds-1: #b481e7;
 		--accent-sounds-2: #c18df5;
 		--accent-sounds-3: #af72d3;
@@ -655,23 +663,29 @@ main.has-preview {
 }
 
 .version-switcher > .btn {
-	background-color: #307328;
+	background-color: var(--accent-site-1);
+	font-weight: bold;
+}
+
+.version-switcher > .btn::after {
+	font-weight: normal;
 }
 
 .version-switcher > .btn:hover {
-	background-color: #296422;
+	background-color: var(--accent-site-2);
 }
 
 .version-switcher.attention > .btn {
 	outline: 2px solid transparent;
+	outline-offset: -2px;
 	animation: outline-grow 2s ease-out 1s 4 forwards;
 }
 
 @keyframes outline-grow {
 	0% {
-		outline-offset: 0px;
+		outline-offset: -2px;
 		outline-width: 2px;
-		outline-color: #307328;
+		outline-color: var(--accent-site-1);
 	}
 	50%, 100% {
 		outline-offset: 10px;