generated from coulomb/repo-seed
tegwick
00469c4cc0
Replace vergabe's blue brand-* palette with whynot's near-black/paper/yellow visual language. Tokens vendored at static/src/vendor/whynot-design/ (synced from commit 9419f16 via scripts/sync-whynot-design.sh / make sync-whynot-design). main.css imports the vendored CSS first, exposes ink/paper/hi as Tailwind @theme tokens (bg-paper, text-ink, border-line, etc.), and re-tones every component class (.btn-*, .card, .field-row, .phase-*, .form-input, .table-*, .sidebar-*). Border radii drop to whynot's 0-4px; .card loses its shadow. Legacy text-brand-* / bg-brand-* / border-brand-* template references are kept working via @theme aliases that map the old blue scale onto the whynot ink ramp — Phase 1 is tokens-only, no template churn. btn-danger keeps an off-spec red (#B22222) as a local --danger var until upstream defines a canonical destructive color. base.html body class swapped: bg-slate-50 → bg-paper-2 text-ink. Phase 2 (component adoption) deferred until whynot-design ships Lit web components + missing atoms (Card, Modal, Input, Table, Toast). See wiki/DesignSystem.md and history/2026-05-23-whynot-design-cross-framework-analysis.md. Verified: 8/8 e2e tests pass; dev server boots; static/dist/main.css contains no #3b5bdb references. Visual pixel-level verification still pending Bernd's browser walk.
30 lines
930 B
HTML
30 lines
930 B
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="de" x-data="{ sidebarOpen: true }">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>{% block title %}Vergabe Teilnahme{% endblock %}</title>
|
|
<link rel="stylesheet" href="{% static 'dist/main.css' %}">
|
|
<script src="{% static 'vendor/alpinejs/alpine.min.js' %}" defer></script>
|
|
</head>
|
|
<body class="bg-paper-2 min-h-screen text-ink">
|
|
{% include "partials/topbar.html" %}
|
|
|
|
<div class="flex h-[calc(100vh-56px)]">
|
|
{% include "partials/sidebar.html" %}
|
|
|
|
<main class="flex-1 overflow-y-auto p-6">
|
|
{% include "partials/breadcrumb.html" %}
|
|
{% block content %}{% endblock %}
|
|
</main>
|
|
</div>
|
|
|
|
{% include "partials/feedback_button.html" %}
|
|
<div id="modal-container"></div>
|
|
|
|
<script src="{% static 'vendor/htmx/htmx.min.js' %}"></script>
|
|
{% block extra_js %}{% endblock %}
|
|
</body>
|
|
</html>
|