Styles: Improve link color contrasts

public/static/style.css

@@ -12,6 +12,46 @@ body {
     font-family: sans-serif;
 }
 
+/* -- Text and other styling -- */
+h2, h4 {
+    margin: 0 0 0.5em 0;
+}
+
+a:link, a:visited {
+    color: #dc00af;
+    text-decoration: none;
+}
+
+a:hover, a:focus {
+    color: #0066ff;
+    text-decoration: underline;
+}
+
+.gray {
+    color: gray;
+}
+
+.green {
+    color: green;
+}
+
+.red {
+    color: red;
+}
+
+button {
+    padding: 0.2em 1em;
+}
+
+.inactive {
+    color: gray;
+}
+
+.margin_vertical_1rem {
+    margin-top: 1rem;
+    margin-bottom: 1rem;
+}
+
 /* -- Header -- */
 header {
     margin: 1rem;
@@ -55,7 +95,7 @@ nav a {
 
 nav a:link, nav a:visited {
     background-color: #eeeeee;
-    color: #ff00e6;
+    color: #cb009a;
     text-decoration: none;
 }
 
@@ -75,6 +115,17 @@ nav li.nav_current_page a {
     border-bottom-color: #ffffff;
 }
 
+nav li.nav_current_page a:link,
+nav li.nav_current_page a:visited
+{
+    color: #dc00af;
+}
+
+nav li.nav_current_page a:hover,
+nav li.nav_current_page a:focus {
+    color: #0066ff;
+}
+
 /* -- Main section -- */
 main {
     margin: 2rem;
@@ -88,46 +139,6 @@ main.login_page {
     width: 40rem;
 }
 
-/* -- Text and other styling -- */
-h2, h4 {
-    margin: 0 0 0.5em 0;
-}
-
-a:link, a:visited {
-    color: #ff00e6;
-    text-decoration: none;
-}
-
-a:hover, a:focus {
-    color: #0066ff;
-    text-decoration: underline;
-}
-
-.gray {
-    color: gray;
-}
-
-.green {
-    color: green;
-}
-
-.red {
-    color: red;
-}
-
-button {
-    padding: 0.2em 1em;
-}
-
-.inactive {
-    color: gray;
-}
-
-.margin_vertical_1rem {
-    margin-top: 1rem;
-    margin-bottom: 1rem;
-}
-
 /* -- Tables -- */
 
 table td, table th {
@@ -182,11 +193,31 @@ table.bordered_table th {
 }
 
 .error_box {
-    background: #ff4444;
+    background: #ff6666;
+}
+
+.error_box a:link,
+.error_box a:visited {
+    color: #520077;
+}
+
+.error_box a:hover,
+.error_box a:focus {
+    color: #0000b0;
 }
 
 .success_box {
-    background: #00cc00;
+    background: #33ff33;
+}
+
+.success_box a:link,
+.success_box a:visited {
+    color: #b70090;
+}
+
+.success_box a:hover,
+.success_box a:focus {
+    color: #0000b0;
 }
 
 /* -- Detail boxes -- */