Styles: Improve link color contrasts

This commit is contained in:
Lexi / Zoe 2021-09-22 21:21:12 +02:00
parent 37ada99f74
commit 57b712300f
Signed by: binaryDiv
GPG Key ID: F8D4956E224DA232
1 changed files with 74 additions and 43 deletions

View File

@ -12,6 +12,46 @@ body {
font-family: sans-serif; 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 -- */
header { header {
margin: 1rem; margin: 1rem;
@ -55,7 +95,7 @@ nav a {
nav a:link, nav a:visited { nav a:link, nav a:visited {
background-color: #eeeeee; background-color: #eeeeee;
color: #ff00e6; color: #cb009a;
text-decoration: none; text-decoration: none;
} }
@ -75,6 +115,17 @@ nav li.nav_current_page a {
border-bottom-color: #ffffff; 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 section -- */
main { main {
margin: 2rem; margin: 2rem;
@ -88,46 +139,6 @@ main.login_page {
width: 40rem; 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 -- */ /* -- Tables -- */
table td, table th { table td, table th {
@ -182,11 +193,31 @@ table.bordered_table th {
} }
.error_box { .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 { .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 -- */ /* -- Detail boxes -- */