Files
lyssnarr/frontend/src/style.css
claude 4e0a8aae13
All checks were successful
build-and-push / build (push) Successful in 32s
Milstolpe 1: skelett — Fastify-backend med login, Vue-frontend (mörkt Jellyseerr-tema), Dockerfile
- backend: /api/health, /api/login|logout|session, sessionscookie,
  timingSafeEqual-lösenordskoll, allt annat under /api kräver inloggning,
  serverar byggd frontend med SPA-fallback; 4 tester (node:test)
- frontend: Vue 3 + Vite, login-sida, Upptäck-skal, sökfält (stub),
  mörkt tema enligt Jellyseerr-förlagan
- docker: multi-stage arm64-image; config-plumbing för Lidarr/Jellyfin/
  Gemini via env (Jellyfin-historik prioriterad som signal per Björn)

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01824ZrvG2mDYYrmwqypLNup
2026-07-31 23:18:25 +02:00

68 lines
1.1 KiB
CSS

/* Mörkt Jellyseerr-likt tema */
:root {
--bg: #111827;
--bg-deep: #0b1120;
--card: #1f2937;
--card-hover: #273449;
--text: #e5e7eb;
--text-dim: #9ca3af;
--accent: #6366f1;
--accent-hover: #818cf8;
--danger: #f87171;
}
* {
box-sizing: border-box;
}
html,
body,
#app {
margin: 0;
min-height: 100vh;
}
body {
background: linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);
background-attachment: fixed;
color: var(--text);
font-family: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
}
a {
color: var(--accent-hover);
text-decoration: none;
}
button {
font: inherit;
border: 0;
border-radius: 0.5rem;
padding: 0.55rem 1.1rem;
background: var(--accent);
color: #fff;
cursor: pointer;
transition: background 0.15s;
}
button:hover {
background: var(--accent-hover);
}
input[type='text'],
input[type='password'],
input[type='search'] {
font: inherit;
color: var(--text);
background: rgba(255, 255, 255, 0.08);
border: 1px solid rgba(255, 255, 255, 0.12);
border-radius: 0.5rem;
padding: 0.55rem 0.9rem;
outline: none;
width: 100%;
}
input:focus {
border-color: var(--accent);
}