Emphasize action button, less so logout. Improve contrast.

Adrian Simmons created 1 year ago

Signed-off-by: Adrian Simmons <[e-mail]>

Change summary

ws/static/colours.css |  8 ++++----
ws/static/styles.css  | 19 ++++++++++---------
2 files changed, 14 insertions(+), 13 deletions(-)

Detailed changes

ws/static/colours.css

@@ -6,19 +6,19 @@
 	--page-background: hsl(0, 0%, 100%);
 	--card-border: hsl(0, 0%, 18%);
 	--card-background: hsl(0, 0%, 97%);
-	--action: hsl(100, 95%, 25%);
-	--warning: hsl(20, 100%, 41%);
+	--action: hsl(100, 95%, 20%);
+/*	--warning: hsl(20, 100%, 41%);*/
 }
 
 @media (prefers-color-scheme: dark) {
 	:root {
 		--primary: hsl(224, 100%, 67%);
-		--text: hsl(0, 0%, 80%);
+		--text: hsl(0, 0%, 88%);
 	    --page-background: hsl(0, 0%, 9%);
 	    --card-border: hsl(0, 0%, 26%);
 	    --card-background: hsl(0, 0%, 11%);
 	    --action: hsl(100, 95%, 45%);
-	    --warning: hsl(20, 100%, 51%);
+/*	    --warning: hsl(20, 100%, 51%);*/
 	}
 
 }

ws/static/styles.css

@@ -142,25 +142,26 @@ header nav {
 header nav a,
 header nav a:visited {
     display: block;
-    text-decoration: none;
+    text-decoration: underline;
+    color: var(--text);
     font-size: 1.2rem;
+    font-weight: bold;
     line-height: 1;
-    color: var(--action);
-    border: 1px solid var(--action);
-    background-color: transparent;
     border-radius: 0.5rem;
     padding: 0.6rem 0.5rem 0.4rem;
 }
 
 header nav a + a {
-    margin-inline-start: 0.5rem;
+    margin-inline-start: 1rem;
 }
 
-header nav a:last-of-type,
-header nav a:last-of-type:visited {
-    color: var(--warning);
-    border-color: var(--warning);
+header nav a[href="/new"],
+header nav a[href="/new"]:visited {
+    text-decoration: none;
+    color: var(--action);
+    border-color: var(--action);
     background-color: transparent;
+    border: 1px solid var(--action);
 }
 
 @media only screen and (max-width: 1000px) {