ESC
Advanced

Customization

Overview

FreshStay is built with Laravel and Tailwind CSS, making it highly customizable. You can modify colors, layouts, and components to match your brand.

Theme Customization

Colors & Branding

Update the primary colors in tailwind.config.js:

JAVASCRIPT
module.exports = {
    theme: {
        extend: {
            colors: {
                primary: {
                    50: '#f0fdfa',
                    500: '#00B4A2',
                    600: '#007C6E',
                    700: '#005A50',
                }
            }
        }
    }
}

After modifying, rebuild assets:

BASH
npm run build

Logo & Favicon

Replace the following files in public/:

  • logo.svg — Main site logo
  • logo-dark.svg — Logo for dark backgrounds
  • favicon.ico — Browser tab icon

Blade Components

FreshStay uses Blade components for all UI elements. Override any component by creating a file in resources/views/vendor/freshstay/.

**Tip:** Run `php artisan vendor:publish --tag=freshstay-views` to publish all Blade templates for customization.

Email Templates

Customize transactional emails in resources/views/emails/:

  • booking-confirmed.blade.php
  • booking-cancelled.blade.php
  • payout-processed.blade.php
  • welcome.blade.php
**Note:** Email templates use Laravel's Markdown mail components. See the [Laravel documentation](https://laravel.com/docs/mail) for syntax reference.

Was this page helpful?

Previous
Admin Panel
Next
Modules