diff --git a/frontend/src/styles/global.css b/frontend/src/styles/global.css index bd0151b..01d2403 100644 --- a/frontend/src/styles/global.css +++ b/frontend/src/styles/global.css @@ -113,6 +113,23 @@ body { .prose code { @apply bg-surface0 px-1.5 py-0.5 rounded text-xs md:text-sm font-mono; color: var(--peach) !important; } .prose pre code { background-color: transparent !important; padding: 0 !important; border-radius: 0 !important; color: inherit !important; } .prose img { @apply max-w-full h-auto rounded-xl shadow-lg border border-white/5 my-6 md:my-8; } +.prose a { color: var(--blue) !important; text-decoration: underline; text-underline-offset: 2px; transition: color 0.2s; } +.prose a:hover { color: var(--sky) !important; } +.prose ul { @apply list-disc pl-6 mb-4 space-y-1 text-sm md:text-base; color: var(--text) !important; } +.prose ol { @apply list-decimal pl-6 mb-4 space-y-1 text-sm md:text-base; color: var(--text) !important; } +.prose li { @apply leading-relaxed; color: var(--text) !important; } +.prose li > ul, .prose li > ol { @apply mt-1 mb-0; } +.prose ul ul { list-style-type: circle; } +.prose ul ul ul { list-style-type: square; } +.prose hr { @apply my-8 border-0; border-top: 1px solid var(--surface2); } +.prose h4 { @apply text-lg md:text-xl font-medium mb-2 mt-4; color: var(--sapphire) !important; } +.prose h5 { @apply text-base md:text-lg font-medium mb-1 mt-3; color: var(--teal) !important; } +.prose h6 { @apply text-sm md:text-base font-medium mb-1 mt-3; color: var(--subtext1) !important; } +.prose strong { color: var(--text) !important; font-weight: 700; } +.prose em { color: var(--subtext1) !important; } +.prose del { color: var(--overlay1) !important; text-decoration: line-through; } +.prose li input[type="checkbox"] { @apply mr-2 accent-blue; vertical-align: middle; } +.prose li:has(input[type="checkbox"]) { list-style: none; margin-left: -1.5rem; } /* Professional Table Styles */ .prose table { @apply w-full mb-8 border-collapse overflow-hidden rounded-xl; border: 1px solid var(--surface1); }