Markus/medi-wol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Activity

Design an medisoftware.de angepasst: Logo eingebunden, Farben/Styles aktualisiert

Browse Source
This commit is contained in:
Markus Busche
2025-08-21 17:04:40 +02:00
parent 020b535d2f
commit f3c799b084
8 changed files with 84 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

0
web/static/logo.png Normal file
View File

44
web/static/style.css
View File

@ -1,10 +1,36 @@
/* Custom Styles für Medi-WOL */
/* Custom Styles für Medi-WOL – angepasst an medisoftware.de */
:root {
--brand-primary: #0b6fb3; /* inspiriert von medisoftware.de */
--brand-primary-dark: #08588e;
--brand-accent: #1f7ec9;
}
body {
background-color: #f8f9fa;
background-color: #f5f8fb;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.app-header {
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
color: #fff;
border-radius: 12px;
padding: 16px 20px;
display: flex;
align-items: center;
gap: 16px;
box-shadow: 0 4px 10px rgba(0, 0, 0, 0.08);
}
.app-header img {
height: 48px;
}
.app-header h1 {
font-size: 1.5rem;
margin: 0;
}
.card {
border: none;
border-radius: 15px;
@ -17,7 +43,7 @@ body {
}
.card-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
color: white;
border-radius: 15px 15px 0 0 !important;
border: none;
@ -36,7 +62,7 @@ body {
}
.btn-primary {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
border: none;
}
@ -61,7 +87,7 @@ body {
}
.table thead th {
background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
color: white;
border: none;
font-weight: 600;
@ -82,8 +108,8 @@ body {
}
.form-control:focus {
border-color: #667eea;
box-shadow: 0 0 0 0.2rem rgba(102, 126, 234, 0.25);
border-color: var(--brand-primary);
box-shadow: 0 0 0 0.2rem rgba(11, 111, 179, 0.25);
}
.toast {
@ -93,7 +119,7 @@ body {
}
.toast-header {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
color: white;
border-radius: 15px 15px 0 0;
}
@ -139,7 +165,7 @@ body {
}
::-webkit-scrollbar-thumb {
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
background: linear-gradient(135deg, var(--brand-primary) 0%, var(--brand-accent) 100%);
border-radius: 10px;
}

8
web/templates/index.html
View File

@ -12,10 +12,10 @@
<div class="container mt-4">
<div class="row">
<div class="col-12">
<h1 class="text-center mb-4">
<i class="fas fa-power-off text-primary"></i>
{{.title}}
</h1>
<div class="app-header mb-4">
<img src="/static/logo.png" alt="medisoftware Logo" />
<h1>{{.title}}</h1>
</div>
</div>
</div>