Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Fix dark mode coverage across 213 templates #4858

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
DonnieBLT merged 5 commits into from
Nov 16, 2025
Merged

Fix dark mode coverage across 213 templates #4858

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
39e2954
Initial plan
Copilot Nov 16, 2025
1f68cd8
Add dark mode support to all 209 templates
Copilot Nov 16, 2025
a28f9a0
Fix remaining templates with dark mode support
Copilot Nov 16, 2025
f665697
Apply pre-commit fixes
github-actions[bot] Nov 16, 2025
c90c0b8
Merge branch 'main' into copilot/fix-dark-mode-consistency
DonnieBLT Nov 16, 2025
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
120 changes: 64 additions & 56 deletions website/templates/404.html
View file
Open in desktop

Large diffs are not rendered by default.

20 changes: 10 additions & 10 deletions website/templates/Simulation.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,11 +2,11 @@
{% extends 'base.html' %}
{% block content %}
{% include "includes/sidenav.html" %}
<div class="min-h-screen bg-gray-100">
<div class="min-h-screen bg-gray-100 dark:bg-gray-800">
<!-- Header -->
<header class="bg-white shadow">
<header class="bg-white dark:bg-gray-800 shadow">
<div class="max-w-7xl mx-auto py-6 px-4 sm:px-6 lg:px-8">
<h1 class="text-3xl font-bold text-gray-900">Security Labs</h1>
<h1 class="text-3xl font-bold text-gray-900 dark:text-gray-100">Security Labs</h1>
</div>
</header>
<!-- Main Content -->
Expand All @@ -15,7 +15,7 @@ <h1 class="text-3xl font-bold text-gray-900">Security Labs</h1>
<!-- Lab Cards Grid -->
<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-2 gap-6">
{% for lab in labs %}
<div class="bg-white overflow-hidden shadow-lg rounded-lg hover:shadow-xl transition-shadow duration-300 ease-in-out">
<div class="bg-white dark:bg-gray-800 overflow-hidden shadow-lg rounded-lg hover:shadow-xl transition-shadow duration-300 ease-in-out">
<div class="p-6">
<!-- Card Header -->
<div class="flex items-center justify-between mb-4">
Expand Down Expand Up @@ -54,23 +54,23 @@ <h1 class="text-3xl font-bold text-gray-900">Security Labs</h1>
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8 9l3 3-3 3m5 0h3M5 20h14a2 2 0 002-2V6a2 2 0 00-2-2H5a2 2 0 00-2 2v12a2 2 0 002 2z" />
</svg>
{% endif %}
<h2 class="ml-3 text-xl font-semibold text-gray-900">{{ lab.title }}</h2>
<h2 class="ml-3 text-xl font-semibold text-gray-900 dark:text-gray-100">{{ lab.title }}</h2>
</div>
<!-- Task Count and Time -->
<div class="flex items-center space-x-2">
<span class="bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm">{{ lab.total_tasks }} Tasks</span>
<span class="bg-gray-100 text-gray-700 px-3 py-1 rounded-full text-sm">{{ lab.estimated_time }} min</span>
<span class="bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 px-3 py-1 rounded-full text-sm">{{ lab.total_tasks }} Tasks</span>
<span class="bg-gray-100 dark:bg-gray-800 text-gray-700 dark:text-gray-300 px-3 py-1 rounded-full text-sm">{{ lab.estimated_time }} min</span>
</div>
</div>
<!-- Description-->
<p class="text-gray-600 mb-4">{{ lab.description }}</p>
<p class="text-gray-600 dark:text-gray-400 mb-4">{{ lab.description }}</p>
<!-- Progress Bar -->
<div class="mb-4">
<div class="w-full bg-gray-200 rounded-full h-2.5">
<div class="w-full bg-gray-200 dark:bg-gray-700 rounded-full h-2.5">
<div class="bg-[#e74c3c] h-2.5 rounded-full"
style="width: {{ lab.progress }}%"></div>
</div>
<div class="mt-2 text-sm text-gray-600 text-right">Progress: {{ lab.progress }}%</div>
<div class="mt-2 text-sm text-gray-600 dark:text-gray-400 text-right">Progress: {{ lab.progress }}%</div>
</div>
<!-- Start/Continue Button -->
<a href="{% url 'lab_detail' lab.id %}"
Expand Down
132 changes: 70 additions & 62 deletions website/templates/about.html
View file
Open in desktop

Large diffs are not rendered by default.

6 changes: 3 additions & 3 deletions website/templates/account/base.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,8 +1,8 @@
{% extends "base.html" %}
{% block content %}
<div class="flex items-center min-h-screen p-4 bg-gray-100 justify-center">
<div class="flex flex-col overflow-hidden bg-white rounded-xl shadow-lg w-full max-w-lg">
<div class="p-6 bg-white">
<div class="flex items-center min-h-screen p-4 bg-gray-100 dark:bg-gray-800 justify-center">
<div class="flex flex-col overflow-hidden bg-white dark:bg-gray-800 rounded-xl shadow-lg w-full max-w-lg">
<div class="p-6 bg-white dark:bg-gray-800">
{% block account_content %}
{% endblock account_content %}
</div>
Expand Down
18 changes: 9 additions & 9 deletions website/templates/account/email_confirm.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,8 @@
{% endblock og_description %}
{% block natural_content %}
{% include "includes/sidenav.html" %}
<div class="flex items-center justify-center w-full min-h-screen p-4 bg-gray-100">
<div class="w-full max-w-md bg-white rounded-lg shadow-lg p-8">
<div class="flex items-center justify-center w-full min-h-screen p-4 bg-gray-100 dark:bg-gray-800">
<div class="w-full max-w-md bg-white dark:bg-gray-800 rounded-lg shadow-lg p-8">
<div class="text-center">
<!-- Email Icon -->
<div class="mx-auto mb-6 w-16 h-16 bg-blue-100 rounded-full flex items-center justify-center">
Expand All @@ -33,13 +33,13 @@
</svg>
</div>
<!-- Heading -->
<h1 class="text-2xl font-bold text-gray-900 mb-4">{% trans "Confirm Email Address" %}</h1>
<h1 class="text-2xl font-bold text-gray-900 dark:text-gray-100 mb-4">{% trans "Confirm Email Address" %}</h1>
{% if confirmation %}
{% if confirmation.email_address.verified %}
<!-- Already Verified -->
<div class="text-green-600 mb-6">
<p class="text-lg font-semibold mb-2">{% trans "Email Already Verified" %}</p>
<p class="text-gray-600">
<p class="text-gray-600 dark:text-gray-400">
{% blocktrans with confirmation.email_address.email as email %}Your email address {{ email }} has already been confirmed.{% endblocktrans %}
</p>
</div>
Expand All @@ -49,9 +49,9 @@ <h1 class="text-2xl font-bold text-gray-900 mb-4">{% trans "Confirm Email Addres
</a>
{% else %}
<!-- Confirm Email -->
<div class="text-gray-600 mb-6">
<div class="text-gray-600 dark:text-gray-400 mb-6">
<p class="mb-4">
{% blocktrans with confirmation.email_address.email as email %}Please confirm that <strong class="text-gray-900">{{ email }}</strong> is an email address for user {{ confirmation.email_address.user }}.{% endblocktrans %}
{% blocktrans with confirmation.email_address.email as email %}Please confirm that <strong class="text-gray-900 dark:text-gray-100">{{ email }}</strong> is an email address for user {{ confirmation.email_address.user }}.{% endblocktrans %}
</p>
</div>
<form method="post"
Expand All @@ -63,7 +63,7 @@ <h1 class="text-2xl font-bold text-gray-900 mb-4">{% trans "Confirm Email Addres
</button>
</form>
<a href="{% url 'home' %}"
class="w-full inline-block px-4 py-2 text-lg font-semibold text-gray-700 bg-gray-200 rounded-md shadow hover:bg-gray-300 focus:outline-none focus:ring-gray-200 focus:ring-4 transition-colors duration-300 text-center">
class="w-full inline-block px-4 py-2 text-lg font-semibold text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 rounded-md shadow hover:bg-gray-300 focus:outline-none focus:ring-gray-200 focus:ring-4 transition-colors duration-300 text-center">
{% trans "Cancel" %}
</a>
{% endif %}
Expand All @@ -80,7 +80,7 @@ <h1 class="text-2xl font-bold text-gray-900 mb-4">{% trans "Confirm Email Addres
</svg>
</div>
<h2 class="text-xl font-bold mb-2">{% trans "Invalid Verification Link" %}</h2>
<p class="text-gray-600 mb-4">
<p class="text-gray-600 dark:text-gray-400 mb-4">
{% trans "This email confirmation link expired or is invalid. Please request a new verification email." %}
</p>
</div>
Expand All @@ -90,7 +90,7 @@ <h2 class="text-xl font-bold mb-2">{% trans "Invalid Verification Link" %}</h2>
{% trans "Request New Verification Email" %}
</a>
<a href="{% url 'home' %}"
class="w-full inline-block px-4 py-2 text-lg font-semibold text-gray-700 bg-gray-200 rounded-md shadow hover:bg-gray-300 focus:outline-none focus:ring-gray-200 focus:ring-4 transition-colors duration-300 text-center">
class="w-full inline-block px-4 py-2 text-lg font-semibold text-gray-700 dark:text-gray-300 bg-gray-200 dark:bg-gray-700 rounded-md shadow hover:bg-gray-300 focus:outline-none focus:ring-gray-200 focus:ring-4 transition-colors duration-300 text-center">
{% trans "Return to Home" %}
</a>
</div>
Expand Down
Loading
Loading