diff --git a/resources/views/email/template/client.blade.php b/resources/views/email/template/client.blade.php index 620ff5ec094c..48d85088224d 100644 --- a/resources/views/email/template/client.blade.php +++ b/resources/views/email/template/client.blade.php @@ -2,6 +2,7 @@ $primary_color = isset($settings) ? $settings->primary_color : '#4caf50'; @endphp + @@ -21,9 +22,33 @@ color-scheme: light dark; supported-color-schemes: light dark; } - - @media screen and (prefers-color-scheme: light ) { - + @if(isset($settings) && $settings->email_style === 'dark') + body { + background-color: #1a1a1a !important; + color: #ffffff !important; + } + div, tr, td { + border-color: #222222 !important; + } + h1, h2, h3, p, td { + color: #ffffff !important; + } + p { + color: #bbbbbc !important; + } + .dark-bg-base { + background-color: #222222 !important; + } + .dark-bg { + background-color: #3a3a3c !important; + } + .dark-text-white p { + color: #ffffff !important; + } + hr { + border-color: #474849 !important; + } + @endif /** Content-specific styles. **/ #content .button { display: inline-block; @@ -37,7 +62,6 @@ font-weight: 600; margin-bottom: 30px; } - #content h1 { font-family: 'canada-type-gibson', 'roboto', Arial, Helvetica, sans-serif; font-weight: 600; @@ -45,183 +69,53 @@ margin-top: 20px; margin-bottom: 30px; } - #content > p { font-size: 16px; font-family: 'roboto', Arial, Helvetica, sans-serif; font-weight: 500; } - #content .center { text-align: center; } - #content .left { text-align: left !important; } - - .body_style { - margin: 0; - padding: 0; - font-family: 'roboto', Arial, Helvetica, sans-serif; - color: #3b3b3b; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - } - - .logo-container { - border: 1px solid #c2c2c2; - border-bottom: none; - padding-bottom: 10px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - } - - .logo-style { - margin-top: 40px; - height: 40px; - display: block; - margin-left: auto; - margin-right: auto; - } - - .buffer { - text-align: center; - margin-top: 25px; - margin-bottom: 10px; - } - - #content { - border: 1px solid #c2c2c2; - border-top: none; - border-bottom: none; - padding: 20px; - text-align: center; - } - - .link-button { - display: inline-block; - background-color: {{ $primary_color }}; - color: #ffffff; - text-transform: uppercase; - letter-spacing: 2px; - text-decoration: none; - font-size: 13px; - font-weight: 600; - } - - .signature_container { - text-align: center; - padding-top: 10px; - padding-bottom: 25px; - background-color: #f9f9f9; - border: 1px solid #c2c2c2; - border-top: none; - border-bottom-color: #f9f9f9; - } - - .signature { - font-size: 15px; - color: #2e2e2e; - font-family: 'roboto', Arial, Helvetica, sans-serif; - font-weight: 400; - margin-bottom: 30px; - } - - .footer { - padding-top: 10px; - padding-bottom: 10px; - background-color: #242424; - border: 1px solid #c2c2c2; - border-top-color: #242424; - border-bottom-color: #242424; - } - - .copyright { - text-align: center; - color: #ffffff; - font-size: 10px; - font-family: Verdana, Geneva, Tahoma, sans-serif; - } - - .dark-bg-base { - background-color: #242424 !important; - } - - .dark-bg { - background-color: #242424 !important; - } - - } - - @media screen and (prefers-color-scheme: dark ) { - - :root { - background-color: #fff; - } - - .body-style { - margin: 0; - padding: 0; - font-family: 'roboto', Arial, Helvetica, sans-serif; - color: #3b3b3b; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - background-color: #fff; - } - - .dark-bg-base { - background-color: #fff !important; - } - - .dark-bg { - background-color: #fff !important; - } - - #content .button { - display: inline-block; - background-color: {{ $primary_color }}; - color: #ffffff; - text-transform: uppercase; - letter-spacing: 2px; - text-decoration: none; - font-size: 13px; - padding: 15px 50px; - font-weight: 600; - margin-bottom: 30px; - } - - } - - +
- +
-
+
-
+
- +
-
+
{{ $slot ?? '' }} {!! $body ?? '' !!}
@@ -230,17 +124,18 @@
-
+
@isset($signature) -

+

{!! nl2br($signature) !!}

@endisset @if(isset($company) && $company instanceof \App\Models\Company) -

+

{{ $company->present()->name() }}

-

+

{{ $company->settings->phone }} {{ $company->settings->website }}

@@ -251,17 +146,19 @@
-
+
@if(isset($company)) @if($company->account->isPaid()) -

© {{ date('Y') }} {{ $company->present()->name() }}, All Rights Reserved

+

© {{ date('Y') }} {{ $company->present()->name() }}, All Rights Reserved

@else -

+

© {{ date('Y') }} Invoice Ninja, All Rights Reserved

@endif @else -

+

© {{ date('Y') }} Invoice Ninja, All Rights Reserved

@endif @@ -273,4 +170,5 @@
- + + \ No newline at end of file