E-Mails jetzt auch schön

This commit is contained in:
2026-03-01 22:08:15 +01:00
parent 6f4150dbb3
commit c922ef6668
31 changed files with 2054 additions and 1897 deletions

View File

@@ -31,6 +31,18 @@ jwt.keystore.path=classpath:xxx.jks
jwt.keystore.password=${JWT_KEYSTORE_PASSWORD:XUR!Rv&f$j3UsqD&}
jwt.keystore.alias=xxx
# App
app.base-url=http://localhost:8080
# Theme alle Farben hier ändern, Email-Style passt sich automatisch an
app.theme.color-bg=#1a1a2e
app.theme.color-card=#16213e
app.theme.color-primary=#e94560
app.theme.color-secondary=#0f3460
app.theme.color-text=#eeeeee
app.theme.color-muted=#888888
app.theme.color-success=#2ecc71
# Server
server.port=8080
server.servlet.context-path=/

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XXX The Game Aktivierung</title>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>

View File

@@ -12,25 +12,25 @@ body {
flex-direction: column;
align-items: center;
justify-content: center;
background: #1a1a2e;
background: var(--color-bg);
font-family: 'Segoe UI', sans-serif;
color: #eee;
color: var(--color-text);
gap: 2rem;
}
h1 {
color: #e94560;
color: var(--color-primary);
}
p {
color: #888;
color: var(--color-muted);
font-size: 1rem;
}
/* ── Card ── */
.card {
background: #16213e;
border: 1px solid #0f3460;
background: var(--color-card);
border: 1px solid var(--color-secondary);
border-radius: 12px;
padding: 2.5rem;
width: 100%;
@@ -48,7 +48,7 @@ p {
.subtitle {
text-align: center;
font-size: 0.85rem;
color: #888;
color: var(--color-muted);
margin-bottom: 2rem;
}
@@ -64,24 +64,24 @@ label {
input {
width: 100%;
padding: 0.65rem 0.9rem;
border: 1px solid #0f3460;
border: 1px solid var(--color-secondary);
border-radius: 6px;
background: #0f3460;
color: #eee;
background: var(--color-secondary);
color: var(--color-text);
font-size: 1rem;
outline: none;
transition: border-color 0.2s;
}
input:focus {
border-color: #e94560;
border-color: var(--color-primary);
}
/* ── Buttons ── */
button, .btn {
display: inline-block;
padding: 0.75rem 2.5rem;
background: #e94560;
background: var(--color-primary);
color: #fff;
border: none;
border-radius: 6px;
@@ -108,7 +108,7 @@ button.full-width {
}
button.secondary {
background: #0f3460;
background: var(--color-secondary);
font-weight: normal;
padding: 0.3rem 0.7rem;
font-size: 0.75rem;
@@ -132,14 +132,14 @@ button.secondary:hover {
.message.error {
background: #3d0f1a;
border: 1px solid #e94560;
color: #e94560;
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
.message.success {
background: #0f3d1a;
border: 1px solid #2ecc71;
color: #2ecc71;
border: 1px solid var(--color-success);
color: var(--color-success);
}
/* ── Token box ── */
@@ -147,7 +147,7 @@ button.secondary:hover {
margin-top: 1.25rem;
padding: 0.65rem 0.9rem;
background: #0f1e3d;
border: 1px solid #0f3460;
border: 1px solid var(--color-secondary);
border-radius: 6px;
font-size: 0.75rem;
color: #aaa;

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XXX The Game</title>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XXX The Game Login</title>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XXX The Game Registrierung</title>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>

View File

@@ -4,6 +4,7 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>XXX The Game</title>
<link rel="stylesheet" href="/css/variables.css">
<link rel="stylesheet" href="/css/style.css">
</head>
<body>