@php $bgPositions = [ '' => '—', 'center' => 'Center', 'top' => 'Top', 'bottom' => 'Bottom', 'left' => 'Left', 'right' => 'Right', 'top-left' => 'Top Left', 'top-right' => 'Top Right', 'bottom-left' => 'Bottom Left', 'bottom-right' => 'Bottom Right', ]; @endphp
Theme Preset Preview
Live preview
Aa
Font
Base Settings
Preview auto-loads from Google Fonts.
@php($themedLogoLight = old('light_logo', $theme->light_logo)) @php($themedLogoLightRemove = (bool) old('light_logo_remove', false)) @php($themedLogoLightUrl = $themedLogoLight ? (\Illuminate\Support\Str::startsWith($themedLogoLight, ['http://', 'https://', '/']) ? $themedLogoLight : url($themedLogoLight)) : null)
Themed logo (light) preview
@php($themedLogoDark = old('dark_logo', $theme->dark_logo)) @php($themedLogoDarkRemove = (bool) old('dark_logo_remove', false)) @php($themedLogoDarkUrl = $themedLogoDark ? (\Illuminate\Support\Str::startsWith($themedLogoDark, ['http://', 'https://', '/']) ? $themedLogoDark : url($themedLogoDark)) : null)
Themed logo (dark) preview
Primary Color
Use HEX like #6366F1
@php($initialPalette = $theme->theme_colors ?? [])
Primary Color palette (generated). Click a swatch to copy.
Button Settings
@php($buttonColorsOld = old('button_colors_json')) @php($buttonColorsDecoded = is_string($buttonColorsOld) ? json_decode($buttonColorsOld, true) : null) @php($buttonColors = is_array($buttonColorsDecoded) ? $buttonColorsDecoded : ($theme->button_colors ?? [])) @php($buttonDarkColorsOld = old('button_dark_colors_json')) @php($buttonDarkColorsDecoded = is_string($buttonDarkColorsOld) ? json_decode($buttonDarkColorsOld, true) : null) @php($buttonDarkColors = is_array($buttonDarkColorsDecoded) ? $buttonDarkColorsDecoded : ($theme->button_dark_colors ?? []))
Used by the selected button style.
Optional dark-mode palette.
Chart Settings
@php($chartColorsOld = old('chart_colors_json')) @php($chartColorsDecoded = is_string($chartColorsOld) ? json_decode($chartColorsOld, true) : null) @php($chartColors = is_array($chartColorsDecoded) ? $chartColorsDecoded : ($theme->chart_colors ?? []))
Click + Add to add more colors.
Auth Background
@php($authThemedColor = old('auth_themed_color', $theme->auth_themed_color ?? '')) @php($authThemedDarkColor = old('auth_themed_dark_color', $theme->auth_themed_dark_color ?? ''))
@php($authGradientOld = old('auth_themed_gradient_json')) @php($authGradientDecoded = is_string($authGradientOld) ? json_decode($authGradientOld, true) : null) @php($authGradient = is_array($authGradientDecoded) ? $authGradientDecoded : ($theme->auth_themed_gradient ?? [])) @php($authDarkGradientOld = old('auth_themed_dark_gradient_json')) @php($authDarkGradientDecoded = is_string($authDarkGradientOld) ? json_decode($authDarkGradientOld, true) : null) @php($authDarkGradient = is_array($authDarkGradientDecoded) ? $authDarkGradientDecoded : ($theme->auth_themed_dark_gradient ?? []))
Pick 2+ colors.
Pick 2+ colors.
@php($authBg = old('auth_background_image', $theme->auth_background_image)) @php($authBgRemove = (bool) old('auth_background_image_remove', false)) @php($authBgUrl = $authBg ? (\Illuminate\Support\Str::startsWith($authBg, ['http://', 'https://', '/']) ? $authBg : url($authBg)) : null)
Auth background (light) preview
@php($authBgDark = old('auth_dark_background_image', $theme->auth_dark_background_image)) @php($authBgDarkRemove = (bool) old('auth_dark_background_image_remove', false)) @php($authBgDarkUrl = $authBgDark ? (\Illuminate\Support\Str::startsWith($authBgDark, ['http://', 'https://', '/']) ? $authBgDark : url($authBgDark)) : null)
Auth background (dark) preview
Site Background
@php($siteThemedColor = old('site_themed_color', $theme->site_themed_color ?? '')) @php($siteThemedDarkColor = old('site_themed_dark_color', $theme->site_themed_dark_color ?? ''))
@php($siteGradientOld = old('site_gradient_json')) @php($siteGradientDecoded = is_string($siteGradientOld) ? json_decode($siteGradientOld, true) : null) @php($siteGradient = is_array($siteGradientDecoded) ? $siteGradientDecoded : ($theme->site_gradient ?? [])) @php($siteDarkGradientOld = old('site_dark_gradient_json')) @php($siteDarkGradientDecoded = is_string($siteDarkGradientOld) ? json_decode($siteDarkGradientOld, true) : null) @php($siteDarkGradient = is_array($siteDarkGradientDecoded) ? $siteDarkGradientDecoded : ($theme->site_dark_gradient ?? []))
Pick 2+ colors.
Pick 2+ colors.
Dashboard Background
@php($dashThemedColor = old('dash_themed_color', $theme->dash_themed_color ?? '')) @php($dashThemedDarkColor = old('dash_themed_dark_color', $theme->dash_themed_dark_color ?? ''))
@php($dashBg = old('dash_background_image', $theme->dash_background_image)) @php($dashBgRemove = (bool) old('dash_background_image_remove', false)) @php($dashBgUrl = $dashBg ? (\Illuminate\Support\Str::startsWith($dashBg, ['http://', 'https://', '/']) ? $dashBg : url($dashBg)) : null)
Dashboard background (light) preview
@php($dashBgDark = old('dash_dark_background_image', $theme->dash_dark_background_image)) @php($dashBgDarkRemove = (bool) old('dash_dark_background_image_remove', false)) @php($dashBgDarkUrl = $dashBgDark ? (\Illuminate\Support\Str::startsWith($dashBgDark, ['http://', 'https://', '/']) ? $dashBgDark : url($dashBgDark)) : null)
Dashboard background (dark) preview
Meta
@php($activeFor = old('active_for', $theme->active_for ?? ['app']))
You can also change this later from the list using the Active action.
@push('scripts') @endpush