Appearance | Coolify

Color theme

Choose the color scheme used in this browser.

@foreach ([ ['value' => 'light', 'label' => 'Light', 'description' => 'Bright surfaces and dark text.', 'preview' => 'bg-white'], ['value' => 'system', 'label' => 'System', 'description' => 'Follow your operating system.', 'preview' => 'bg-gradient-to-r from-white via-neutral-400 to-[#050505]'], ['value' => 'dark', 'label' => 'Dark', 'description' => 'Dark surfaces and soft contrast.', 'preview' => 'bg-[#181818]'], ['value' => 'custom', 'label' => 'Custom', 'description' => 'Choose any color for dark surfaces.', 'preview' => ''], ] as $option)
@if ($option['value'] === 'custom')
@else
@endif
{{ $option['label'] }}

{{ $option['description'] }}

@if ($option['value'] === 'custom') @endif
@endforeach

Page width

Choose how content uses the available browser width.

@foreach ([ ['value' => 'full', 'label' => 'Full width', 'description' => 'Use all available space for page content.'], ['value' => 'centered', 'label' => 'Centered', 'description' => 'Keep content centered at a comfortable maximum width.'], ] as $option) @endforeach