adds dark mode

This commit is contained in:
Drew
2025-04-26 14:45:42 -06:00
parent e0546c0e2e
commit bd702f8f51
11 changed files with 87 additions and 24 deletions

View File

@ -12,6 +12,10 @@
font-size: 1.5em;
}
.article-title--list {
@apply text-2xl font-bold text-gray-900 group-hover:text-pine-900 underline underline-offset-5 decoration-sand-500 hover:decoration-pine-900
dark:text-sand-100 dark:group-hover:text-sand-500 dark:decoration-sand-900 dark:hover:decoration-sand-500;
}
.article-title--list .article-title__narrator::after {
content: ":";
}
@ -27,7 +31,8 @@
/* Narrator headshot */
.narrator__container {
@apply relative w-48 mb-2 mx-auto md:mx-0 bg-white rounded-full border-4 border-white;
@apply relative w-48 mb-2 mx-auto md:mx-0 rounded-full border-4 bg-white border-white
dark:bg-gray-950 dark:border-gray-950;
}
.narrator__frame {
@ -35,7 +40,8 @@
}
.narrator__frame img {
@apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center;
@apply w-full rounded-full object-cover relative z-10 bg-white text-center border-4 border-white grid place-items-center
dark:bg-gray-950 dark:border-gray-950;
aspect-ratio: 1;
}