From e14f1195f1a49e6097d9eff3ac1d0d3a19feed19 Mon Sep 17 00:00:00 2001
From: ShadowArcanist <162910371+ShadowArcanist@users.noreply.github.com>
Date: Thu, 6 Aug 2026 15:46:12 +0530
Subject: [PATCH] feat(ui): use dedicated tile icons for application and
database resources
---
app/Livewire/Project/New/Select.php | 38 ++++++++++++++---------------
1 file changed, 18 insertions(+), 20 deletions(-)
diff --git a/app/Livewire/Project/New/Select.php b/app/Livewire/Project/New/Select.php
index b2c141ea8..c565f401d 100644
--- a/app/Livewire/Project/New/Select.php
+++ b/app/Livewire/Project/New/Select.php
@@ -180,27 +180,28 @@ class Select extends Component
'name' => 'Public Repository',
'description' => 'Connect any public Git repository and let Coolify build and deploy it from source.',
'documentation' => 'https://coolify.io/docs/applications/ci-cd',
- 'logo' => asset('svgs/git.svg'),
+ 'logo' => asset('svgs/resources/public-repo.svg'),
],
[
'id' => 'private-gh-app',
'name' => 'Private Repository (with GitHub App)',
'description' => 'Deploy a private GitHub repository with automatic webhooks and pull request support.',
'documentation' => 'https://coolify.io/docs/applications/ci-cd/github/setup-app',
- 'logo' => asset('svgs/github.svg'),
+ 'logo' => asset('svgs/resources/github-app.svg'),
+ 'logoDark' => asset('svgs/resources/github-app-dark.svg'),
],
[
'id' => 'private-gitlab-app',
'name' => 'Private Repository (with GitLab App)',
'description' => 'You can deploy public & private repositories through your GitLab Apps.',
- 'logo' => asset('svgs/gitlab.svg'),
+ 'logo' => asset('svgs/resources/gitlab-app.svg'),
],
[
'id' => 'private-deploy-key',
'name' => 'Private Repository (with Deploy Key)',
'description' => 'Connect a private Git repository over SSH using a repository-scoped deploy key.',
'documentation' => 'https://coolify.io/docs/applications/ci-cd/github/deploy-key',
- 'logo' => asset('svgs/git.svg'),
+ 'logo' => asset('svgs/resources/deploy-key.svg'),
],
];
$dockerBasedApplications = [
@@ -209,21 +210,21 @@ class Select extends Component
'name' => 'Dockerfile',
'description' => 'Build and deploy an application from a Dockerfile without connecting a Git repository.',
'documentation' => 'https://coolify.io/docs/applications/build-packs/dockerfile',
- 'logo' => asset('svgs/docker.svg'),
+ 'logo' => asset('svgs/resources/dockerfile.svg'),
],
[
'id' => 'docker-compose-empty',
'name' => 'Docker Compose Empty',
'description' => 'Create a multi-container application and provide the Docker Compose definition manually.',
'documentation' => 'https://coolify.io/docs/applications/build-packs/docker-compose',
- 'logo' => asset('svgs/docker.svg'),
+ 'logo' => asset('svgs/resources/docker-compose.svg'),
],
[
'id' => 'docker-image',
'name' => 'Docker Image',
'description' => 'Run a prebuilt image from Docker Hub or another compatible container registry.',
'documentation' => 'https://coolify.io/docs/applications',
- 'logo' => asset('svgs/docker.svg'),
+ 'logo' => asset('svgs/resources/docker-image.svg'),
],
];
$databases = [
@@ -231,55 +232,52 @@ class Select extends Component
'id' => 'postgresql',
'name' => 'PostgreSQL',
'description' => 'PostgreSQL is an object-relational database known for its robustness, advanced features, and strong standards compliance.',
- 'logo' => '
-',
+ 'logo' => asset('svgs/resources/postgres.svg'),
],
[
'id' => 'mysql',
'name' => 'MySQL',
'description' => 'MySQL is an open-source relational database management system. ',
- 'logo' => '',
+ 'logo' => asset('svgs/resources/mysql.svg'),
],
[
'id' => 'mariadb',
'name' => 'MariaDB',
'description' => 'MariaDB is a community-developed, commercially supported fork of the MySQL relational database management system, intended to remain free and open-source.',
- 'logo' => '',
+ 'logo' => asset('svgs/resources/mariadb.svg'),
],
[
'id' => 'redis',
'name' => 'Redis',
'description' => 'Redis is a source-available, in-memory storage, used as a distributed, in-memory key–value database, cache and message broker, with optional durability.',
- 'logo' => '',
+ 'logo' => asset('svgs/resources/redis.svg'),
],
[
'id' => 'keydb',
'name' => 'KeyDB',
'description' => 'KeyDB is a database that offers high performance, low latency, and scalability for various data structures and workloads.',
- 'logo' => ' ',
+ 'logo' => asset('svgs/resources/keydb.svg'),
+ 'logoDark' => asset('svgs/resources/keydb-dark.svg'),
],
[
'id' => 'dragonfly',
'name' => 'Dragonfly',
'description' => 'Dragonfly DB is a drop-in Redis replacement that delivers 25x more throughput and 12x faster snapshotting than Redis.',
- 'logo' => '',
+ 'logo' => asset('svgs/resources/dragonfly.svg'),
+ 'logoDark' => asset('svgs/resources/dragonfly-dark.svg'),
],
[
'id' => 'mongodb',
'name' => 'MongoDB',
'description' => 'MongoDB is a source-available, cross-platform, document-oriented database program.',
- 'logo' => '',
+ 'logo' => asset('svgs/resources/mongodb.svg'),
],
[
'id' => 'clickhouse',
'name' => 'ClickHouse',
'description' => 'ClickHouse is a column-oriented database that supports real-time analytics, business intelligence, observability, ML and GenAI, and more.',
- 'logo' => '',
+ 'logo' => asset('svgs/resources/clickhouse.svg'),
],
];