dhorn/Protocol-oral-history-project
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

adds dark mode

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

32
assets/css/main.css
View File

@ -3,49 +3,57 @@ body {
}
a:hover {
@apply text-pine-900;
@apply text-pine-900 dark:text-pine-100;
}
.tag {
@apply p-2 bg-sand-100 border border-transparent hover:border-sand-500 rounded-lg whitespace-nowrap hover:text-gray-900 hover:opacity-100 no-underline;
@apply p-2 bg-sand-100 border border-transparent rounded-lg whitespace-nowrap no-underline
hover:border-sand-500 hover:text-gray-900 hover:opacity-100
dark:bg-gray-900 dark:text-sand-100 dark:border-gray-800 dark:hover:text-sand-100
transition-all duration-200 ease-in-out;
transition: border 2s ease-in;
}
.tag:hover {
transition: border 0.1s ease-out;
}
.tag-cloud .tag:nth-child(10n+1):hover {
@apply border-blue-500;
@apply border-blue-500 dark:border-blue-900;
}
.tag-cloud .tag:nth-child(10n+2):hover {
@apply border-clay-500;
@apply border-clay-500 dark:border-clay-900;
}
.tag-cloud .tag:nth-child(10n+3):hover {
@apply border-cyan-500;
@apply border-cyan-500 dark:border-cyan-900;
}
.tag-cloud .tag:nth-child(10n+4):hover {
@apply border-gold-500;
@apply border-gold-500 dark:border-gold-900;
}
.tag-cloud .tag:nth-child(10n+5):hover {
@apply border-red-500;
@apply border-red-500 dark:border-red-900;
}
.tag-cloud .tag:nth-child(10n+6):hover {
@apply border-pine-500;
@apply border-pine-500 dark:border-pine-900;
}
.tag-cloud .tag:nth-child(10n+7):hover {
@apply border-pink-500;
@apply border-pink-500 dark:border-pink-900;
}
.tag-cloud .tag:nth-child(10n+8):hover {
@apply border-moss-500;
@apply border-moss-500 dark:border-moss-900;
}
.tag-cloud .tag:nth-child(10n+9):hover {
@apply border-rust-500;
@apply border-rust-500 dark:border-rust-900;
}
.tag-cloud .tag:nth-child(10n):hover {
@apply border-sand-500;
@apply border-sand-500 dark:border-sand-900;
}