Skip to content

Commit e6740c5

Browse files
committed
Modernize email template
See: laravel/framework#57987
1 parent f02f17c commit e6740c5

File tree

1 file changed

+37
-37
lines changed

1 file changed

+37
-37
lines changed

resources/views/vendor/mail/html/themes/default.css

Lines changed: 37 additions & 37 deletions
Original file line numberDiff line numberDiff line change
@@ -12,7 +12,7 @@ body *:not(html):not(style):not(br):not(tr):not(code) {
1212
body {
1313
-webkit-text-size-adjust: none;
1414
background-color: #ffffff;
15-
color: #718096;
15+
color: #52525b;
1616
height: 100%;
1717
line-height: 1.4;
1818
margin: 0;
@@ -29,7 +29,7 @@ blockquote {
2929
}
3030

3131
a {
32-
color: #3869d4;
32+
color: #18181b;
3333
}
3434

3535
a img {
@@ -39,7 +39,7 @@ a img {
3939
/* Typography */
4040

4141
h1 {
42-
color: #3d4852;
42+
color: #18181b;
4343
font-size: 18px;
4444
font-weight: bold;
4545
margin-top: 0;
@@ -81,7 +81,7 @@ img {
8181
-premailer-cellpadding: 0;
8282
-premailer-cellspacing: 0;
8383
-premailer-width: 100%;
84-
background-color: #edf2f7;
84+
background-color: #fafafa;
8585
margin: 0;
8686
padding: 0;
8787
width: 100%;
@@ -104,7 +104,7 @@ img {
104104
}
105105

106106
.header a {
107-
color: #3d4852;
107+
color: #18181b;
108108
font-size: 19px;
109109
font-weight: bold;
110110
text-decoration: none;
@@ -114,6 +114,8 @@ img {
114114

115115
.logo {
116116
width: 150px;
117+
margin-top: 15px;
118+
margin-bottom: 10px;
117119
}
118120

119121
/* Body */
@@ -122,9 +124,9 @@ img {
122124
-premailer-cellpadding: 0;
123125
-premailer-cellspacing: 0;
124126
-premailer-width: 100%;
125-
background-color: #edf2f7;
126-
border-bottom: 1px solid #edf2f7;
127-
border-top: 1px solid #edf2f7;
127+
background-color: #fafafa;
128+
border-bottom: 1px solid #fafafa;
129+
border-top: 1px solid #fafafa;
128130
margin: 0;
129131
padding: 0;
130132
width: 100%;
@@ -135,12 +137,10 @@ img {
135137
-premailer-cellspacing: 0;
136138
-premailer-width: 570px;
137139
background-color: #ffffff;
138-
border-color: #e8e5ef;
139-
border-radius: 2px;
140+
border-color: #e4e4e7;
141+
border-radius: 4px;
140142
border-width: 1px;
141-
box-shadow:
142-
0 2px 0 rgba(0, 0, 150, 0.025),
143-
2px 4px 0 rgba(0, 0, 150, 0.015);
143+
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
144144
margin: 0 auto;
145145
padding: 0;
146146
width: 570px;
@@ -153,7 +153,7 @@ img {
153153
/* Subcopy */
154154

155155
.subcopy {
156-
border-top: 1px solid #e8e5ef;
156+
border-top: 1px solid #e4e4e7;
157157
margin-top: 25px;
158158
padding-top: 25px;
159159
}
@@ -175,13 +175,13 @@ img {
175175
}
176176

177177
.footer p {
178-
color: #b0adc5;
178+
color: #a1a1aa;
179179
font-size: 12px;
180180
text-align: center;
181181
}
182182

183183
.footer a {
184-
color: #b0adc5;
184+
color: #a1a1aa;
185185
text-decoration: underline;
186186
}
187187

@@ -196,13 +196,13 @@ img {
196196
}
197197

198198
.table th {
199-
border-bottom: 1px solid #edeff2;
199+
border-bottom: 1px solid #e4e4e7;
200200
margin: 0;
201201
padding-bottom: 8px;
202202
}
203203

204204
.table td {
205-
color: #74787e;
205+
color: #52525b;
206206
font-size: 15px;
207207
line-height: 18px;
208208
margin: 0;
@@ -238,46 +238,46 @@ img {
238238

239239
.button-blue,
240240
.button-primary {
241-
background-color: #2d3748;
242-
border-bottom: 8px solid #2d3748;
243-
border-left: 18px solid #2d3748;
244-
border-right: 18px solid #2d3748;
245-
border-top: 8px solid #2d3748;
241+
background-color: #18181b;
242+
border-bottom: 8px solid #18181b;
243+
border-left: 18px solid #18181b;
244+
border-right: 18px solid #18181b;
245+
border-top: 8px solid #18181b;
246246
}
247247

248248
.button-green,
249249
.button-success {
250-
background-color: #48bb78;
251-
border-bottom: 8px solid #48bb78;
252-
border-left: 18px solid #48bb78;
253-
border-right: 18px solid #48bb78;
254-
border-top: 8px solid #48bb78;
250+
background-color: #16a34a;
251+
border-bottom: 8px solid #16a34a;
252+
border-left: 18px solid #16a34a;
253+
border-right: 18px solid #16a34a;
254+
border-top: 8px solid #16a34a;
255255
}
256256

257257
.button-red,
258258
.button-error {
259-
background-color: #e53e3e;
260-
border-bottom: 8px solid #e53e3e;
261-
border-left: 18px solid #e53e3e;
262-
border-right: 18px solid #e53e3e;
263-
border-top: 8px solid #e53e3e;
259+
background-color: #dc2626;
260+
border-bottom: 8px solid #dc2626;
261+
border-left: 18px solid #dc2626;
262+
border-right: 18px solid #dc2626;
263+
border-top: 8px solid #dc2626;
264264
}
265265

266266
/* Panels */
267267

268268
.panel {
269-
border-left: #2d3748 solid 4px;
269+
border-left: #18181b solid 4px;
270270
margin: 21px 0;
271271
}
272272

273273
.panel-content {
274-
background-color: #edf2f7;
275-
color: #718096;
274+
background-color: #fafafa;
275+
color: #52525b;
276276
padding: 16px;
277277
}
278278

279279
.panel-content p {
280-
color: #718096;
280+
color: #52525b;
281281
}
282282

283283
.panel-item {

0 commit comments

Comments
 (0)