diff --git a/drcr/templates/base_tailwind.html b/drcr/templates/base_tailwind.html
index 766db18..2ef9a0b 100644
--- a/drcr/templates/base_tailwind.html
+++ b/drcr/templates/base_tailwind.html
@@ -33,20 +33,20 @@
 						<div class="flex h-12 justify-between">
 							<div class="flex">
 								<div class="flex flex-shrink-0">
-									<a href="{{ url_for('index') }}" class="border-transparent text-gray-900 hover:border-gray-500 inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium">
+									<a href="{{ url_for('index') }}" class="border-transparent text-gray-900 hover:border-emerald-500 hover:text-emerald-700 inline-flex items-center border-b-2 px-1 pt-1 text-sm font-medium">
 										DrCr
 									</a>
 								</div>
 								
 								{# Menu items #}
 								<div class="hidden sm:-my-px sm:ml-6 sm:flex sm:space-x-4">
-									<a href="{{ url_for('journal') }}" class="border-transparent text-gray-700 hover:border-gray-500 hover:text-gray-900 inline-flex items-center border-b-2 px-1 pt-1 text-sm">
+									<a href="{{ url_for('journal') }}" class="border-transparent text-gray-700 hover:border-emerald-500 hover:text-emerald-700 inline-flex items-center border-b-2 px-1 pt-1 text-sm">
 										Journal
 									</a>
-									<a href="{{ url_for('statement_lines') }}" class="border-transparent text-gray-700 hover:border-gray-500 hover:text-gray-900 inline-flex items-center border-b-2 px-1 pt-1 text-sm">
+									<a href="{{ url_for('statement_lines') }}" class="border-transparent text-gray-700 hover:border-emerald-500 hover:text-emerald-700 inline-flex items-center border-b-2 px-1 pt-1 text-sm">
 										Statement lines
 									</a>
-									<a href="{{ url_for('trial_balance') }}" class="border-transparent text-gray-700 hover:border-gray-500 hover:text-gray-900 inline-flex items-center border-b-2 px-1 pt-1 text-sm">
+									<a href="{{ url_for('trial_balance') }}" class="border-transparent text-gray-700 hover:border-emerald-500 hover:text-emerald-700 inline-flex items-center border-b-2 px-1 pt-1 text-sm">
 										Trial balance
 									</a>
 								</div>
diff --git a/drcr/templates/journal/journal.html b/drcr/templates/journal/journal.html
index 66747b0..c59514d 100644
--- a/drcr/templates/journal/journal.html
+++ b/drcr/templates/journal/journal.html
@@ -24,7 +24,7 @@
 	</h1>
 	
 	<div class="my-4 flex gap-x-2">
-		<a href="{{ url_for('journal_new_transaction') }}" class="inline-flex items-center gap-x-1.5 bg-blue-600 pl-2 pr-3 py-1 text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">
+		<a href="{{ url_for('journal_new_transaction') }}" class="inline-flex items-center gap-x-1.5 bg-emerald-600 pl-2 pr-3 py-1 text-white shadow-sm hover:bg-emerald-700">
 			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
 				<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
 			</svg>
diff --git a/drcr/templates/transactions.html b/drcr/templates/transactions.html
index acdc1b6..48aca0c 100644
--- a/drcr/templates/transactions.html
+++ b/drcr/templates/transactions.html
@@ -24,7 +24,7 @@
 	</h1>
 	
 	<div class="my-4 flex gap-x-2">
-		<a href="{{ url_for('journal_new_transaction') }}" class="inline-flex items-center gap-x-1.5 bg-blue-600 pl-2 pr-3 py-1 text-white shadow-sm hover:bg-blue-700 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-blue-600">
+		<a href="{{ url_for('journal_new_transaction') }}" class="inline-flex items-center gap-x-1.5 bg-emerald-600 pl-2 pr-3 py-1 text-white shadow-sm hover:bg-emerald-700">
 			<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-4 h-4">
 				<path stroke-linecap="round" stroke-linejoin="round" d="M12 4.5v15m7.5-7.5h-15" />
 			</svg>