marwinm/website
3
2
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

🎨 style: update base styles and add user mindmap template

Browse Source
This commit is contained in:
Till Tomczak
2025-05-02 19:06:09 +02:00
parent 9cc4e70cba
commit a5396c0d6e
3 changed files with 440 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
templates/base.html
View File

@@ -207,7 +207,7 @@
body:not(.dark) .btn,
body:not(.dark) button:not(.toggle) {
background: linear-gradient(135deg, #6d28d9, #5b21b6);
color: white;
color: white !important;
border: none;
box-shadow: 0 2px 4px rgba(91, 33, 182, 0.25);
border-radius: 8px;
@@ -223,6 +223,20 @@
background: linear-gradient(135deg, #7c3aed, #6d28d9);
transform: translateY(-1px);
box-shadow: 0 4px 12px rgba(109, 40, 217, 0.3);
color: white !important;
}
/* KI-Chat Button im Light-Mode */
body:not(.dark) [onclick*="MindMap.assistant.toggleAssistant"] {
background: linear-gradient(135deg, #7c3aed, #3b82f6);
color: white !important;
font-weight: 500;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
body:not(.dark) [onclick*="MindMap.assistant.toggleAssistant"]:hover {
background: linear-gradient(135deg, #8b5cf6, #4f46e5);
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.3);
}
</style>
</head>
@@ -351,11 +365,13 @@
<div class="flex items-center space-x-4">
<!-- Dark/Light Mode Schalter -->
<button
@click="toggleDarkMode()"
class="theme-toggle"
:class="{ 'dark': darkMode }"
@click="darkMode = !darkMode; toggleDarkMode()"
class="theme-toggle relative w-12 h-6 rounded-full bg-gradient-to-r transition-all duration-300 flex items-center"
:class="darkMode ? 'from-purple-700 to-indigo-800' : 'from-purple-400 to-indigo-500'"
aria-label="Dark Mode umschalten"
>
<span class="absolute w-5 h-5 rounded-full bg-white shadow-md transition-transform duration-300"
:class="darkMode ? 'translate-x-7' : 'translate-x-1'"></span>
</button>
<!-- Profil-Link oder Login -->
{% if current_user.is_authenticated %}