Portable Windows break timer to prevent RSI and eye strain. Tauri v2 + Svelte 5 + Tailwind CSS v4. No installer, no telemetry, no data leaves the machine. CC0 public domain.
58 lines
1.0 KiB
CSS
58 lines
1.0 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-bg: #000000;
|
|
--color-surface: #0e0e0e;
|
|
--color-card: #141414;
|
|
--color-card-lt: #1c1c1c;
|
|
--color-border: #222222;
|
|
--color-accent: #ff4d00;
|
|
--color-accent-lt: #ff7733;
|
|
--color-accent-dim: #ff4d0018;
|
|
--color-accent-glow: #ff4d0040;
|
|
--color-success: #3fb950;
|
|
--color-warning: #f0a500;
|
|
--color-danger: #f85149;
|
|
--color-text-pri: #ffffff;
|
|
--color-text-sec: #777777;
|
|
--color-text-dim: #3a3a3a;
|
|
--color-caption-bg: #050505;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
background: #000000;
|
|
color: var(--color-text-pri);
|
|
font-family:
|
|
-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue",
|
|
Arial, sans-serif;
|
|
overflow: hidden;
|
|
height: 100%;
|
|
user-select: none;
|
|
-webkit-user-select: none;
|
|
}
|
|
|
|
#app {
|
|
height: 100%;
|
|
}
|
|
|
|
/* Scrollbar */
|
|
::-webkit-scrollbar {
|
|
width: 5px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: #222;
|
|
border-radius: 3px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: #333;
|
|
}
|