redone 12.4

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

@@ -10,8 +10,8 @@ body *:not(html):not(style):not(br):not(tr):not(code) {
 
 body {
     -webkit-text-size-adjust: none;
-    background-color: #ffffff;
-    color: #52525b;
+    background-color: #F4F1EA;
+    color: #2D322A;
     height: 100%;
     line-height: 1.4;
     margin: 0;
@@ -28,7 +28,7 @@ blockquote {
 }
 
 a {
-    color: #8AB357;
+    color: #A68966;
 }
 
 a img {
@@ -38,7 +38,7 @@ a img {
 /* Typography */
 
 h1 {
-    color: #6A9337;
+    color: #2D322A;
     font-size: 18px;
     font-weight: bold;
     margin-top: 0;
@@ -46,7 +46,7 @@ h1 {
 }
 
 h2 {
-    color: #6A9337;
+    color: #2D322A;
     font-size: 16px;
     font-weight: bold;
     margin-top: 0;
@@ -54,7 +54,7 @@ h2 {
 }
 
 h3 {
-    color: #6A9337;
+    color: #2D322A;
     font-size: 14px;
     font-weight: bold;
     margin-top: 0;
@@ -82,7 +82,7 @@ img {
     -premailer-cellpadding: 0;
     -premailer-cellspacing: 0;
     -premailer-width: 100%;
-    background-color: #f8fafc;
+    background-color: #F4F1EA;
     margin: 0;
     padding: 0;
     width: 100%;
@@ -100,7 +100,7 @@ img {
 /* Header */
 
 .header {
-    background-color: #8AB357;
+    background-color: #2D3624;
     padding: 25px 0;
     text-align: center;
 }
@@ -128,9 +128,9 @@ img {
     -premailer-cellpadding: 0;
     -premailer-cellspacing: 0;
     -premailer-width: 100%;
-    background-color: #f8fafc;
-    border-bottom: 1px solid #f8fafc;
-    border-top: 1px solid #f8fafc;
+    background-color: #F4F1EA;
+    border-bottom: 1px solid #F4F1EA;
+    border-top: 1px solid #F4F1EA;
     margin: 0;
     padding: 0;
     width: 100%;
@@ -179,13 +179,13 @@ img {
 }
 
 .footer p {
-    color: #a1a1aa;
+    color: #2D322A;
     font-size: 12px;
     text-align: center;
 }
 
 .footer a {
-    color: #A5C87A;
+    color: #A68966;
     text-decoration: underline;
 }
 
@@ -200,14 +200,15 @@ img {
 }
 
 .table th {
+    background-color: #2D3624;
     border-bottom: 1px solid #e4e4e7;
-    color: #8AB357;
+    color: #FFFFFF;
     margin: 0;
     padding-bottom: 8px;
 }
 
 .table td {
-    color: #52525b;
+    color: #2D322A;
     font-size: 15px;
     line-height: 18px;
     margin: 0;
@@ -243,12 +244,12 @@ img {
 
 .button-blue,
 .button-primary {
-    background-color: #8AB357;
-    border-bottom: 8px solid #8AB357;
-    border-left: 18px solid #8AB357;
-    border-right: 18px solid #8AB357;
-    border-top: 8px solid #8AB357;
-    color: #E8E4DC;
+    background-color: #A68966;
+    border-bottom: 8px solid #A68966;
+    border-left: 18px solid #A68966;
+    border-right: 18px solid #A68966;
+    border-top: 8px solid #A68966;
+    color: #FFFFFF;
 }
 
 .button-green,
@@ -272,18 +273,18 @@ img {
 /* Panels */
 
 .panel {
-    border-left: #A5C87A solid 4px;
+    border-left: #C4A882 solid 4px;
     margin: 21px 0;
 }
 
 .panel-content {
     background-color: #fafafa;
-    color: #52525b;
+    color: #2D322A;
     padding: 16px;
 }
 
 .panel-content p {
-    color: #52525b;
+    color: #2D322A;
 }
 
 .panel-item {