From f4345c3c47642fb4ae53c9f6fcf9548a6e4cbc64 Mon Sep 17 00:00:00 2001 From: Claude Date: Fri, 21 Aug 2026 12:26:52 +0000 Subject: [PATCH] Modernize the UI look and feel across all pages Refresh the shared base template's design system: Inter typeface, a violet gradient brand palette, softer neutral surfaces, larger border radii, layered shadows, and pill-shaped nav links/badges. Cards get a gentle hover lift, dashboard stat tiles get gradient backgrounds with icon badges, tables get modern header styling, and buttons/forms/ modals/alerts/progress bars are restyled to match. Give the login card a branded icon avatar. All Bootstrap classes, modal/collapse/AJAX JavaScript, and the theme toggle remain untouched, so every interactive element behaves exactly as before across both light and dark themes. --- templates/base.html | 824 ++++++++++++++++++++++++++----------------- templates/login.html | 11 +- 2 files changed, 499 insertions(+), 336 deletions(-) diff --git a/templates/base.html b/templates/base.html index 79741a3..a9621c2 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,332 +1,492 @@ - - - - - - - - {% block title %}GitHub Backup Service{% endblock %} - - - - - - {% if current_user.is_authenticated %} - - {% endif %} - -
- - {% with messages = get_flashed_messages(with_categories=true) %} - {% if messages %} - {% for category, message in messages %} - - {% endfor %} - {% endif %} - {% endwith %} -

{% block page_title %}Dashboard{% endblock %}

- {% block content %}{% endblock %} -
- - -
-

Made by GitTimeraider

-
- - - - {% block scripts %}{% endblock %} - - + + + + + + + + {% block title %}GitHub Backup Service{% endblock %} + + + + + + + + + {% if current_user.is_authenticated %} + + {% endif %} + +
+ + {% with messages = get_flashed_messages(with_categories=true) %} + {% if messages %} + {% for category, message in messages %} + + {% endfor %} + {% endif %} + {% endwith %} +

{% block page_title %}Dashboard{% endblock %}

+ {% block content %}{% endblock %} +
+ + +
+

Made by GitTimeraider

+
+ + + + {% block scripts %}{% endblock %} + + diff --git a/templates/login.html b/templates/login.html index 9f36000..b4b1f23 100644 --- a/templates/login.html +++ b/templates/login.html @@ -4,10 +4,13 @@
-
-

- Login -

+
+
+ + + +
+

Login