Skip to content

fix: theme default screens with DaisyUI semantic tokens #1714

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
davidpoblador merged 1 commit into from
Apr 28, 2026
Merged

fix: theme default screens with DaisyUI semantic tokens #1714

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion vibetuner-py/src/vibetuner/templates/frontend/base/footer.html.jinja
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,5 @@
<footer class="pb-8 text-center">
<p class="text-sm text-slate-500 font-light tracking-wide">Version: {{ version }}/{{ v_hash }} | {{ copyright }}</p>
<p class="text-sm text-base-content/50 font-light tracking-wide">
Version: {{ version }}/{{ v_hash }} | {{ copyright }}
</p>
</footer>
5 changes: 0 additions & 5 deletions vibetuner-py/src/vibetuner/templates/frontend/email/magic_link.txt.jinja
View file
Open in desktop

This file was deleted.

8 changes: 4 additions & 4 deletions vibetuner-py/src/vibetuner/templates/frontend/index.html.jinja
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,19 +1,19 @@
{% set BODY_CLASS = "min-h-screen bg-linear-to-br from-slate-50 via-blue-50 to-indigo-100 flex flex-col justify-between" %}
{% set BODY_CLASS = "min-h-screen bg-linear-to-br from-base-200 to-base-300 flex flex-col justify-between" %}
{% extends "base/skeleton.html.jinja" %}

{% block body %}
<!-- Main Content -->
<div class="flex-1 flex items-center justify-center px-6">
<div class="text-center max-w-4xl mx-auto">
<!-- Main Title -->
<h1 class="text-6xl md:text-8xl font-bold text-slate-800 mb-6 tracking-tight">{{ project_name }}</h1>
<h1 class="text-6xl md:text-8xl font-bold text-base-content mb-6 tracking-tight">{{ project_name }}</h1>
<!-- Subtitle -->
<p class="text-xl md:text-2xl text-slate-600 font-light max-w-2xl mx-auto leading-relaxed">
<p class="text-xl md:text-2xl text-base-content/70 font-light max-w-2xl mx-auto leading-relaxed">
{{ project_description }}
</p>
<!-- Decorative element -->
<div class="mt-12 flex justify-center">
<div class="w-24 h-1 bg-linear-to-r from-blue-400 to-indigo-500 rounded-full"></div>
<div class="w-24 h-1 bg-linear-to-r from-primary to-secondary rounded-full"></div>
</div>
</div>
</div>
Expand Down
61 changes: 31 additions & 30 deletions vibetuner-py/src/vibetuner/templates/frontend/user/edit.html.jinja
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,35 +4,38 @@
{{ _("Edit Profile") }}
{% endblock title %}
{% block body %}
<div class="min-h-screen bg-gray-50">
<div class="min-h-screen bg-base-200">
<div class="container mx-auto px-4 py-8">
<div class="max-w-2xl mx-auto">
<!-- Page Header -->
<div class="mb-8">
<h1 class="text-3xl font-bold text-gray-900">{{ _("Edit Profile") }}</h1>
<p class="text-gray-600 mt-2">{{ _("Update your account information and preferences") }}</p>
<h1 class="text-3xl font-bold text-base-content">{{ _("Edit Profile") }}</h1>
<p class="text-base-content/70 mt-2">{{ _("Update your account information and preferences") }}</p>
</div>
<!-- Edit Form -->
<div class="bg-white shadow-lg rounded-lg p-6">
<div class="bg-base-100 shadow-lg rounded-lg p-6">
<form method="post" action="{{ url_for('user_edit_submit') }}">
<div class="space-y-6">
<!-- Name Field -->
<div>
<label for="name" class="block text-sm font-medium text-gray-700 mb-2">{{ _("Display Name") }}</label>
<label for="name" class="block text-sm font-medium text-base-content mb-2">{{ _("Display Name") }}</label>
<input type="text"
id="name"
name="name"
value="{{ user.name or '' }}"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500"
class="input input-bordered w-full focus:input-primary"
required />
<p class="text-sm text-gray-600 mt-1">{{ _("This name will be displayed throughout the application") }}</p>
<p class="text-sm text-base-content/70 mt-1">{{ _("This name will be displayed throughout the application") }}</p>
</div>
<!-- Language Preference -->
<div>
<label for="language" class="block text-sm font-medium text-gray-700 mb-2">{{ _("Preferred Language") }}</label>
<label for="language"
class="block text-sm font-medium text-base-content mb-2">
{{ _("Preferred Language") }}
</label>
<select id="language"
name="language"
class="w-full px-4 py-2 border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500 focus:border-blue-500">
class="select select-bordered w-full focus:select-primary">
<option value="">{{ _("Use browser default") }}</option>
{% for lang_code, lang_name in locale_names.items() %}
<option value="{{ lang_code }}"
Expand All @@ -41,43 +44,41 @@
</option>
{% endfor %}
</select>
<p class="text-sm text-gray-600 mt-1">{{ _("This will override browser language detection") }}</p>
<p class="text-sm text-base-content/70 mt-1">{{ _("This will override browser language detection") }}</p>
</div>
<!-- Email (read-only) -->
<div>
<label for="email" class="block text-sm font-medium text-gray-700 mb-2">{{ _("Email Address") }}</label>
<label for="email" class="block text-sm font-medium text-base-content mb-2">{{ _("Email Address") }}</label>
<input type="email"
id="email"
value="{{ user.email or '' }}"
class="w-full px-4 py-2 bg-gray-50 border border-gray-300 rounded-md text-gray-600"
class="input input-bordered w-full bg-base-200 text-base-content/70"
readonly />
<p class="text-sm text-gray-600 mt-1">{{ _("Email cannot be changed and is managed through your OAuth provider") }}</p>
<p class="text-sm text-base-content/70 mt-1">
{{ _("Email cannot be changed and is managed through your OAuth provider") }}
</p>
</div>
</div>
<!-- Form Actions -->
<div class="flex justify-between items-center mt-8 pt-6 border-t border-gray-200">
<div class="flex justify-between items-center mt-8 pt-6 border-t border-base-300">
<a href="{{ url_for('user_profile') }}" class="btn btn-ghost">{{ _("Cancel") }}</a>
<button type="submit" class="btn btn-primary">{{ _("Save Changes") }}</button>
</div>
</form>
</div>
<!-- Additional Info Card -->
<div class="mt-6 bg-blue-50 border border-blue-200 rounded-lg p-4">
<div class="flex items-start">
<div class="shrink-0">
<svg class="h-5 w-5 text-blue-600"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
</svg>
</div>
<div class="ml-3">
<h3 class="text-sm font-medium text-blue-900">{{ _("About Language Preferences") }}</h3>
<p class="mt-1 text-sm text-blue-700">
{{ _("Your language preference will take priority over URL parameters, cookies, and browser settings. Leave empty to use automatic detection.") }}
</p>
</div>
<div class="mt-6 alert alert-info">
<svg class="h-5 w-5 shrink-0"
xmlns="http://www.w3.org/2000/svg"
viewBox="0 0 20 20"
fill="currentColor">
<path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z" clip-rule="evenodd" />
</svg>
<div>
<h3 class="text-sm font-medium">{{ _("About Language Preferences") }}</h3>
<p class="mt-1 text-sm">
{{ _("Your language preference will take priority over URL parameters, cookies, and browser settings. Leave empty to use automatic detection.") }}
</p>
</div>
</div>
</div>
Expand Down
Loading
Loading