From f80524753f626897a44f882ecac9984f1ea58841 Mon Sep 17 00:00:00 2001
From: Joas Schilling <coding@schilljs.com>
Date: Fri, 25 Mar 2022 09:59:21 +0100
Subject: [PATCH] Fix primary links

Signed-off-by: Joas Schilling <coding@schilljs.com>
---
 css/styles.scss | 52 +++++++++++++++++++++++++++++++------------------
 1 file changed, 33 insertions(+), 19 deletions(-)

diff --git a/css/styles.scss b/css/styles.scss
index 154a88980..fb0ce665b 100644
--- a/css/styles.scss
+++ b/css/styles.scss
@@ -196,24 +196,42 @@
 			vertical-align: baseline;
 			padding: 8px 16px;
 
-			box-shadow: 0 0 0 2px var(--color-border-dark);
-			&:hover {
-				color: var(--color-main-text);
-				background-color: var(--color-background-dark);
-				box-shadow: 0 0 0 2px var(--color-primary-element);
-			}
-			&:active {
-				box-shadow: 0 0 0 2px var(--color-main-text);
+			&:not(.primary) {
+				box-shadow: 0 0 0 2px var(--color-border-dark);
+				&:hover {
+					color: var(--color-main-text);
+					background-color: var(--color-background-dark);
+					box-shadow: 0 0 0 2px var(--color-primary-element);
+				}
+				&:active {
+					box-shadow: 0 0 0 2px var(--color-main-text);
+				}
+
+				&--tabbed {
+					box-shadow: 0 0 0 2px var(--color-main-text);
+					background-color: var(--color-primary-light-hover);
+					&.button-vue--vue-primary {
+						background-color: var(--color-primary-hover);
+					}
+					&.button-vue--vue-secondary {
+						box-shadow: 0 0 0 2px var(--color-main-text);
+					}
+				}
 			}
 
-			&--tabbed {
-				box-shadow: 0 0 0 2px var(--color-main-text);
-				background-color: var(--color-primary-light-hover);
-				&.button-vue--vue-primary {
-					background-color: var(--color-primary-hover);
+			&.primary {
+				box-shadow: none;
+				background-color: var(--color-primary-element);
+				color: var(--color-primary-text);
+				&:hover {
+					background-color: var(--color-primary-element-hover);
 				}
-				&.button-vue--vue-secondary {
-					box-shadow: 0 0 0 2px var(--color-main-text);
+				&:active {
+					background-color: var(--color-primary-element);
+				}
+
+				&.button--tabbed {
+					background-color: var(--color-primary-hover);
 				}
 			}
 		}
@@ -223,10 +241,6 @@
 			margin: 2px 8px;
 		}
 
-		.action-button.primary {
-			color: var(--color-primary-text);
-		}
-
 		&:first-child {
 			margin-left: auto;
 		}