fix: slightly improve alerts visibility

innocenzi · innocenzi · commit b981debdc29d · 2025-03-21T18:32:46.000+01:00
diff --git a/src/Web/assets/typography.css b/src/Web/assets/typography.css
@@ -8,14 +8,14 @@
 	}
 
 	.alert {
-		@apply my-4 relative overflow-hidden w-full rounded-md p-4 flex gap-2.5 items-start text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 ring ring-inset ring-(--ui-border-accented);
+		@apply my-4 relative overflow-hidden w-full rounded-md p-4 flex gap-2.5 items-start text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 ring ring-inset ring-(--ui-border);
 
 		&.alert-warning {
-			@apply bg-(--ui-warning)/10 text-(--ui-warning) ring-(--ui-warning)/25;
+			@apply bg-(--ui-warning)/10 text-(--ui-warning) ring-(--ui-warning)/25 [--tw-prose-links:var(--ui-warning)];
 		}
 
 		&.alert-success {
-			@apply bg-(--ui-success)/10 text-(--ui-success) ring-(--ui-success)/25;
+			@apply bg-(--ui-success)/10 text-(--ui-success) ring-(--ui-success)/25 [--tw-prose-links:var(--ui-success)];
 		}
 
 		div.alert-wrapper {

Original file line number	Diff line number	Diff line change
`@@ -8,14 +8,14 @@`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`.alert {`
`11`		`- @apply my-4 relative overflow-hidden w-full rounded-md p-4 flex gap-2.5 items-start text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 ring ring-inset ring-(--ui-border-accented);`
	`11`	`+ @apply my-4 relative overflow-hidden w-full rounded-md p-4 flex gap-2.5 items-start text-(--ui-text-highlighted) bg-(--ui-bg-elevated)/50 ring ring-inset ring-(--ui-border);`
`12`	`12`
`13`	`13`	`&.alert-warning {`
`14`		`- @apply bg-(--ui-warning)/10 text-(--ui-warning) ring-(--ui-warning)/25;`
	`14`	`+ @apply bg-(--ui-warning)/10 text-(--ui-warning) ring-(--ui-warning)/25 [--tw-prose-links:var(--ui-warning)];`
`15`	`15`	`}`
`16`	`16`
`17`	`17`	`&.alert-success {`
`18`		`- @apply bg-(--ui-success)/10 text-(--ui-success) ring-(--ui-success)/25;`
	`18`	`+ @apply bg-(--ui-success)/10 text-(--ui-success) ring-(--ui-success)/25 [--tw-prose-links:var(--ui-success)];`
`19`	`19`	`}`
`20`	`20`
`21`	`21`	`div.alert-wrapper {`