Skip to content

Commit 50671ba

Browse files
committed
fix(style): Adjust turbo frame error message to dark mode
(cherry picked from commit 46a9154)
1 parent 42b7601 commit 50671ba

2 files changed

Lines changed: 17 additions & 9 deletions

File tree

app/assets/builds/alchemy/admin.css

Lines changed: 1 addition & 1 deletion
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

app/stylesheets/alchemy/admin/errors.scss

Lines changed: 16 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
#errorExplanation {
2-
background: #ffdfdf;
2+
background: var(--notice-error-background-color);
33
padding: var(--spacing-2);
44
text-align: left;
55
margin-bottom: var(--spacing-2);
6-
border: 1px solid #d08f91;
7-
color: #690001;
6+
border: 1px solid var(--notice-error-border-color);
7+
color: var(--notice-error-text-color);
88
border-radius: var(--border-radius_medium);
99

1010
h2 {
@@ -51,16 +51,24 @@ body.error {
5151
}
5252

5353
.turbo-frame-error {
54-
display: block;
54+
display: flex;
55+
align-items: center;
56+
gap: var(--spacing-2);
5557
padding: var(--spacing-2);
56-
background-color: var(--color-yellow_medium);
57-
border: 1px solid var(--color-yellow_dark);
58+
background-color: var(--notice-warning-background-color);
59+
border: 1px solid var(--notice-warning-border-color);
5860
border-radius: var(--border-radius_medium);
5961
margin: var(--spacing-2);
60-
color: var(--color-yellow_dark);
62+
color: var(--notice-warning-text-color);
6163

6264
&:before {
63-
content: "⚠️";
65+
display: inline-block;
66+
content: "";
67+
mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='currentColor'%3E%3Cpath d='M12.8659 3.00017L22.3922 19.5002C22.6684 19.9785 22.5045 20.5901 22.0262 20.8662C21.8742 20.954 21.7017 21.0002 21.5262 21.0002H2.47363C1.92135 21.0002 1.47363 20.5525 1.47363 20.0002C1.47363 19.8246 1.51984 19.6522 1.60761 19.5002L11.1339 3.00017C11.41 2.52187 12.0216 2.358 12.4999 2.63414C12.6519 2.72191 12.7782 2.84815 12.8659 3.00017ZM4.20568 19.0002H19.7941L11.9999 5.50017L4.20568 19.0002ZM10.9999 16.0002H12.9999V18.0002H10.9999V16.0002ZM10.9999 9.00017H12.9999V14.0002H10.9999V9.00017Z'%3E%3C/path%3E%3C/svg%3E")
68+
no-repeat center center;
69+
background-color: var(--notice-warning-text-color);
6470
padding: var(--spacing-2);
71+
width: var(--icon-size-md);
72+
height: var(--icon-size-md);
6573
}
6674
}

0 commit comments

Comments
 (0)