complete story 10.3

resources/views/vendor/mail/html/footer.blade.php

@@ -10,10 +10,10 @@
 Ramallah, Palestine | رام الله، فلسطين
 </p>
 <p style="color: #a1a1aa; font-size: 11px; margin-bottom: 4px;">
-<a href="mailto:info@libra.ps" style="color: #D4AF37;">info@libra.ps</a>
+<a href="mailto:info@libra.ps" style="color: #C9C4BA;">info@libra.ps</a>
 </p>
 <p style="color: #a1a1aa; font-size: 11px;">
-<a href="{{ config('app.url') }}" style="color: #D4AF37;">{{ config('app.url') }}</a>
+<a href="{{ config('app.url') }}" style="color: #C9C4BA;">{{ config('app.url') }}</a>
 </p>
 {{ Illuminate\Mail\Markdown::parse($slot) }}
 </td>

resources/views/vendor/mail/html/header.blade.php

@@ -1,6 +1,6 @@
 @props(['url'])
 <tr>
-<td class="header" style="background-color: #0A1F44; padding: 25px; text-align: center;">
+<td class="header" style="background-color: #4A4A42; padding: 25px; text-align: center;">
 <a href="{{ $url }}" style="display: inline-block;">
 @if (trim($slot) === 'Laravel')
 <img src="{{ asset('images/logo-email.png') }}" class="logo" alt="Libra Law Firm" style="height: 45px;">

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

@@ -28,7 +28,7 @@ blockquote {
 }
 
 a {
-    color: #0A1F44;
+    color: #4A4A42;
 }
 
 a img {
@@ -38,7 +38,7 @@ a img {
 /* Typography */
 
 h1 {
-    color: #0A1F44;
+    color: #4A4A42;
     font-size: 18px;
     font-weight: bold;
     margin-top: 0;
@@ -46,7 +46,7 @@ h1 {
 }
 
 h2 {
-    color: #0A1F44;
+    color: #4A4A42;
     font-size: 16px;
     font-weight: bold;
     margin-top: 0;
@@ -54,7 +54,7 @@ h2 {
 }
 
 h3 {
-    color: #0A1F44;
+    color: #4A4A42;
     font-size: 14px;
     font-weight: bold;
     margin-top: 0;
@@ -100,7 +100,7 @@ img {
 /* Header */
 
 .header {
-    background-color: #0A1F44;
+    background-color: #4A4A42;
     padding: 25px 0;
     text-align: center;
 }
@@ -184,7 +184,7 @@ img {
 }
 
 .footer a {
-    color: #D4AF37;
+    color: #C9C4BA;
     text-decoration: underline;
 }
 
@@ -200,7 +200,7 @@ img {
 
 .table th {
     border-bottom: 1px solid #e4e4e7;
-    color: #0A1F44;
+    color: #4A4A42;
     margin: 0;
     padding-bottom: 8px;
 }
@@ -242,12 +242,12 @@ img {
 
 .button-blue,
 .button-primary {
-    background-color: #D4AF37;
-    border-bottom: 8px solid #D4AF37;
-    border-left: 18px solid #D4AF37;
-    border-right: 18px solid #D4AF37;
-    border-top: 8px solid #D4AF37;
-    color: #0A1F44;
+    background-color: #4A4A42;
+    border-bottom: 8px solid #4A4A42;
+    border-left: 18px solid #4A4A42;
+    border-right: 18px solid #4A4A42;
+    border-top: 8px solid #4A4A42;
+    color: #E8E4DC;
 }
 
 .button-green,
@@ -271,7 +271,7 @@ img {
 /* Panels */
 
 .panel {
-    border-left: #D4AF37 solid 4px;
+    border-left: #C9C4BA solid 4px;
     margin: 21px 0;
 }