mirror of
https://github.com/Vale54321/schafkop-neu.git
synced 2025-12-13 10:39:33 +01:00
Valentin Heiserer
46899ef7be
- Added Tailwind CSS and its Vite plugin to the frontend project. - Updated App.svelte to enhance UI with Tailwind classes, including a new layout for the serial monitor and command tester. - Improved logging functionality by increasing log history and adding more detailed log messages. - Refactored SendBox.svelte for consistent styling with Tailwind. - Enhanced Pico firmware to support structured event logging and command parsing. - Updated README_PICO_SERIAL.md to provide comprehensive documentation on serial communication and backend integration. - Added .dockerignore to optimize Docker builds by excluding unnecessary files.
44 lines
1.1 KiB
CSS
44 lines
1.1 KiB
CSS
:root {
|
|
--font-family: system-ui, Avenir, Helvetica, Arial, sans-serif;
|
|
--bg: #0b0b0b;
|
|
--surface: #121212;
|
|
--text: #eaeaea;
|
|
--muted: #9aa3b2;
|
|
--accent: #7c6cff;
|
|
}
|
|
|
|
* { box-sizing: border-box; }
|
|
html, body { height: 100%; }
|
|
body {
|
|
margin: 0;
|
|
font-family: var(--font-family);
|
|
color: var(--text);
|
|
background: linear-gradient(180deg, var(--bg), var(--surface));
|
|
-webkit-font-smoothing: antialiased;
|
|
-moz-osx-font-smoothing: grayscale;
|
|
}
|
|
|
|
a { color: var(--accent); text-decoration: none; }
|
|
a:hover { opacity: 0.9; }
|
|
|
|
/* utility container used by App.svelte */
|
|
.container { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
|
|
|
|
/* accessible focus styles */
|
|
:focus { outline: 3px solid rgba(124,108,255,0.18); outline-offset: 2px; }
|
|
|
|
@media (prefers-color-scheme: light) {
|
|
:root { --bg: #fafafa; --surface:#fff; --text:#111827; --muted:#556; }
|
|
}
|
|
|
|
|
|
/* small helpers that complement tailwind tokens */
|
|
.container { max-width: 1100px; margin: 0 auto; padding: 1.25rem; }
|
|
|
|
:focus { outline: 3px solid rgba(124,108,255,0.18); outline-offset: 2px; }
|
|
|
|
@tailwind base;
|
|
@tailwind components;
|
|
@tailwind utilities;
|
|
|
|
@import "tailwindcss"; |