ayo/ayco.io-astro
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: accounts table colors on light & dark modes

Browse source
This commit is contained in:
Ayo Ayco 2025-01-04 01:23:18 +01:00
parent 9e24ebe281
commit e7dce7011a
1 changed files with 30 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

31
src/pages/tech-bsky-fedi.astro
View file

@ -167,7 +167,8 @@ const description =
td {
padding: 1rem;
border-radius: 5px;
background: rgba(0, 0, 0, 0.1);
background: rgba(0, 0, 0, 0.01);
border: 1px solid rgba(0, 0, 0, 0.1);
}
th:first-child,
@ -175,4 +176,32 @@ const description =
display: block;
max-width: calc(50px + 2rem);
}
td a {
color: var(--text-color-dark);
text-decoration: none;
&:hover {
color: var(--color-brand-blue-3);
text-decoration: underline;
}
}
@media (prefers-color-scheme: dark) {
td,
th {
background: rgba(0, 0, 0, 0.1);
border: 1px solid rgba(0, 0, 0, 0.1);
& a {
color: var(--text-color-light);
text-decoration: none;
&:hover {
color: var(--color-brand-complement);
text-decoration: underline;
}
}
}
}
</style>