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