💄 Improve visual hierarchy of themed modals

Frontendland · Frontendland · commit 349d96e625eb · 2026-03-20T15:33:27.000+01:00
diff --git a/src/components/Modal/modal.module.scss b/src/components/Modal/modal.module.scss
@@ -36,31 +36,31 @@
     }
 
     &.info {
-        @include border(info);
+        @include border(3px, top, info-accent);
 
         .title {
             @include typography(info);
         }
     }
 
     &.success {
-        @include border(success);
+        @include border(3px, top, success-accent);
 
         .title {
             @include typography(success);
         }
     }
 
     &.warning {
-        @include border(warning);
+        @include border(3px, top, warning-accent);
 
         .title {
             @include typography(warning);
         }
     }
 
     &.alert {
-        @include border(alert);
+        @include border(3px, top, alert-accent);
 
         .title {
             @include typography(alert);

Original file line number	Diff line number	Diff line change
`@@ -36,31 +36,31 @@`
`36`	`36`	`}`
`37`	`37`
`38`	`38`	`&.info {`
`39`		`- @include border(info);`
	`39`	`+ @include border(3px, top, info-accent);`
`40`	`40`
`41`	`41`	`.title {`
`42`	`42`	`@include typography(info);`
`43`	`43`	`}`
`44`	`44`	`}`
`45`	`45`
`46`	`46`	`&.success {`
`47`		`- @include border(success);`
	`47`	`+ @include border(3px, top, success-accent);`
`48`	`48`
`49`	`49`	`.title {`
`50`	`50`	`@include typography(success);`
`51`	`51`	`}`
`52`	`52`	`}`
`53`	`53`
`54`	`54`	`&.warning {`
`55`		`- @include border(warning);`
	`55`	`+ @include border(3px, top, warning-accent);`
`56`	`56`
`57`	`57`	`.title {`
`58`	`58`	`@include typography(warning);`
`59`	`59`	`}`
`60`	`60`	`}`
`61`	`61`
`62`	`62`	`&.alert {`
`63`		`- @include border(alert);`
	`63`	`+ @include border(3px, top, alert-accent);`
`64`	`64`
`65`	`65`	`.title {`
`66`	`66`	`@include typography(alert);`