feat: styling of success notices

chrisgrieser · Nov 4, 2024 · 341ab63 · 341ab63
1 parent 8704acc
commit 341ab63
Showing 1 changed file with 8 additions and 4 deletions.
diff --git a/source/06 notice dropdown input sliders context-menu.css b/source/06 notice dropdown input sliders context-menu.css
@@ -21,12 +21,16 @@
 	margin-bottom: 6px;
 	font-size: var(--font-small);
 	line-height: 1.3;
-	background-color: var(--color-base-100);
 	border: 3px ridge var(--basic-border-color);
+	color: var(--interactive-normal);
+	background-color: var(--color-base-100);
+
+	&.mod-success {
+		background-color: var(--text-success);
+	}
 
-	 /* keep the text color of success or error notices */ 
-	&:not(.mod-success, .mod-error) {
-		color: var(--interactive-normal);
+	&.mod-error {
+		background-color: var(--text-error);
 	}
 
 	&:hover {