From 69a2b914951733bdd53de4a9a4a3f1fe4512dd49 Mon Sep 17 00:00:00 2001 From: Ettore Di Giacinto Date: Fri, 10 Oct 2025 12:31:58 +0200 Subject: [PATCH] chore: change color palette such as is closer to the logo (#6423) chore(ui): restyle color palette closer to logo Signed-off-by: Ettore Di Giacinto --- core/http/views/404.html | 24 ++--- core/http/views/backends.html | 14 +-- core/http/views/chat.html | 32 +++---- core/http/views/error.html | 24 ++--- core/http/views/explorer.html | 4 +- core/http/views/index.html | 110 +++++++++++------------ core/http/views/login.html | 30 +++---- core/http/views/model-editor.html | 8 +- core/http/views/models.html | 12 +-- core/http/views/p2p.html | 10 +-- core/http/views/partials/footer.html | 20 ++--- core/http/views/partials/head.html | 79 +++++++++++----- core/http/views/partials/inprogress.html | 36 ++++---- core/http/views/partials/navbar.html | 80 ++++++++--------- core/http/views/talk.html | 60 ++++++------- core/http/views/text2image.html | 52 +++++------ core/http/views/tts.html | 42 ++++----- 17 files changed, 335 insertions(+), 302 deletions(-) diff --git a/core/http/views/404.html b/core/http/views/404.html index a57a37029..2a25b028e 100644 --- a/core/http/views/404.html +++ b/core/http/views/404.html @@ -2,33 +2,33 @@ {{template "views/partials/head" .}} - +
{{template "views/partials/navbar" .}}
-
+
-
+
-

- +

+ 404 - Page Not Found

-

The page you're looking for doesn't exist or has been moved

+

The page you're looking for doesn't exist or has been moved

+ class="group flex items-center bg-[#38BDF8] hover:bg-[#38BDF8]/90 text-[#101827] font-semibold py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:scale-105 hover:shadow-[0_0_20px_rgba(56,189,248,0.4)]"> Return Home + class="group flex items-center bg-[#8B5CF6] hover:bg-[#8B5CF6]/90 text-white font-semibold py-3 px-6 rounded-lg transition duration-300 ease-in-out transform hover:scale-105 hover:shadow-[0_0_20px_rgba(139,92,246,0.4)]"> Browse Gallery @@ -38,13 +38,13 @@
-
+
-
+
-

Looking for resources?

-

Visit our 🖼️ Gallery or check the Getting started documentation

+

Looking for resources?

+

Visit our 🖼️ Gallery or check the Getting started documentation

diff --git a/core/http/views/backends.html b/core/http/views/backends.html index 32b7cca22..1c5b8e47b 100644 --- a/core/http/views/backends.html +++ b/core/http/views/backends.html @@ -2,7 +2,7 @@ {{template "views/partials/head" .}} - +
{{template "views/partials/navbar" .}} @@ -35,20 +35,20 @@
-
+
-
-
+
+
-

- +

+ Backend Management

-

+

Discover and install AI backends to power your models

diff --git a/core/http/views/chat.html b/core/http/views/chat.html index 28eccd906..d8fd8b64f 100644 --- a/core/http/views/chat.html +++ b/core/http/views/chat.html @@ -36,21 +36,21 @@ SOFTWARE. {{ $allGalleryConfigs:=.GalleryConfig }} {{ $model:=.Model}} - + {{template "views/partials/navbar" .}}
-
-

Chat Settings

+
+

Chat Settings

@@ -59,13 +59,13 @@ SOFTWARE.
- +
@@ -47,7 +47,7 @@
-
+
- + Instance is token protected

Current time (UTC): {{.CurrentDate}}

@@ -77,11 +77,11 @@ // Show error with fading effect const form = document.getElementById('login-form'); const errorMsg = document.createElement('div'); - errorMsg.className = 'p-3 mt-4 bg-red-900/50 text-red-200 rounded-lg border border-red-700/50 text-sm flex items-center'; + errorMsg.className = 'p-3 mt-4 bg-red-500/10 text-red-300 rounded-lg border border-red-500/30 text-sm flex items-center'; errorMsg.innerHTML = ' Please enter a valid token'; // Remove any existing error message - const existingError = form.querySelector('.bg-red-900/50'); + const existingError = form.querySelector('[class*="bg-red-"]'); if (existingError) form.removeChild(existingError); // Add new error message with animation @@ -103,7 +103,7 @@ const originalContent = button.innerHTML; button.disabled = true; button.innerHTML = ' Authenticating...'; - button.classList.add('bg-gray-600'); + button.classList.add('opacity-75'); // Reload after short delay to show loading state setTimeout(() => { diff --git a/core/http/views/model-editor.html b/core/http/views/model-editor.html index 6ef937b17..440ca8c7a 100644 --- a/core/http/views/model-editor.html +++ b/core/http/views/model-editor.html @@ -2,18 +2,18 @@ {{template "views/partials/head" .}} - +
{{template "views/partials/navbar" .}}
-
+
-
-
+
+
diff --git a/core/http/views/models.html b/core/http/views/models.html index a9d5219b6..2978f0297 100644 --- a/core/http/views/models.html +++ b/core/http/views/models.html @@ -2,7 +2,7 @@ {{template "views/partials/head" .}} - +
{{template "views/partials/navbar" .}} @@ -35,16 +35,16 @@
-
+
-
-
+
+
-

- +

+ Model Gallery

diff --git a/core/http/views/p2p.html b/core/http/views/p2p.html index 35f284362..c1d4ec1ad 100644 --- a/core/http/views/p2p.html +++ b/core/http/views/p2p.html @@ -2,7 +2,7 @@ {{template "views/partials/head" .}} - +
{{template "views/partials/navbar" .}} @@ -15,14 +15,14 @@
-

- +

+ Distributed AI Computing

-

+

Scale your AI workloads across multiple devices with peer-to-peer distribution - +

diff --git a/core/http/views/partials/footer.html b/core/http/views/partials/footer.html index 0ab13829d..97475bf27 100644 --- a/core/http/views/partials/footer.html +++ b/core/http/views/partials/footer.html @@ -1,41 +1,41 @@ -