Knah-Tsaeb/KT-personal-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Better WCAG (contrast with dark theme)

Browse source
This commit is contained in:
Knah Tsaeb 2024-12-06 10:46:03 +01:00
parent 4b0bd31fbf
commit d575f3d890
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
public/assets/css/app.css
View file

@ -95,8 +95,9 @@ textarea:not([rows]) {
} }
a { a {
transition: 0.4s;
color: var(--primary); color: var(--primary);
text-decoration: none; text-decoration: underline transparent;
} }
a:hover { a:hover {
@ -106,7 +107,7 @@ a:hover {
a[target="_blank"]::after, a[target="_blank"]::after,
a.external::after { a.external::after {
content: '&nsp;'; content: '';
display: inline-block; display: inline-block;
width: 1em; width: 1em;
height: 1em; height: 1em;
@ -233,7 +234,8 @@ nav li a {
color: var(--primary-lighten); color: var(--primary-lighten);
} }
nav li a:hover, nav .active { nav li a:hover,
nav .active {
color: var(--primary-lighten); color: var(--primary-lighten);
text-decoration: underline var(--primary-darken); text-decoration: underline var(--primary-darken);
text-decoration-thickness: var(--default-space); text-decoration-thickness: var(--default-space);
@ -358,11 +360,13 @@ article {
.table-of-contents { .table-of-contents {
float: right; float: right;
width: 25vw; width: 25vw;
background-color: rgb(178, 175, 175); background-color: var(--background-secondary-color);
border: 1px solid var(--primary-lighten); border: 1px solid var(--primary-lighten);
border-radius: calc(var(--default-space) * 1.2); border-radius: calc(var(--default-space) * 1.2);
position: sticky; position: sticky;
top: calc(var(--default-space) * 2); top: calc(var(--default-space) * 2);
font-size: 1.1rem;
z-index: 1;
} }
.table-of-contents a { .table-of-contents a {