mytmux-website/src/app.css

88 lines
1.8 KiB
CSS

@import "tailwindcss";
@theme inline {
--font-mono: "JetBrains Mono", "Fira Code", "Courier New", monospace;
--font-sans: var(--font-mono); /* Force mono everywhere for the nerdy vibe */
--color-background: #0a0a0a;
--color-foreground: #00ff00; /* Terminal Green */
--color-card: #111111;
--color-card-foreground: #e5e5e5;
--color-popover: #111111;
--color-popover-foreground: #e5e5e5;
--color-primary: #00ff00;
--color-primary-foreground: #000000;
--color-secondary: #333333;
--color-secondary-foreground: #ffffff;
--color-muted: #222222;
--color-muted-foreground: #888888;
--color-accent: #00ff00;
--color-accent-foreground: #000000;
--color-destructive: #ff0000;
--color-destructive-foreground: #ffffff;
--color-border: #333333;
--color-input: #222222;
--color-ring: #00ff00;
--radius-sm: 0px;
--radius-md: 0px;
--radius-lg: 0px;
}
@layer base {
* {
@apply border-border outline-ring/50;
}
body {
@apply bg-background text-foreground font-mono antialiased selection:bg-primary selection:text-primary-foreground;
}
/* Custom Scrollbar for that retro feel */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-track {
background: #0a0a0a;
border-left: 1px solid #333;
}
::-webkit-scrollbar-thumb {
background: #333;
border: 1px solid #0a0a0a;
}
::-webkit-scrollbar-thumb:hover {
background: #00ff00;
}
}
.scanline {
background: linear-gradient(
to bottom,
rgba(255, 255, 255, 0),
rgba(255, 255, 255, 0) 50%,
rgba(0, 0, 0, 0.2) 50%,
rgba(0, 0, 0, 0.2)
);
background-size: 100% 4px;
position: fixed;
pointer-events: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 9999;
opacity: 0.15;
}
.glow-text {
text-shadow: 0 0 5px rgba(0, 255, 0, 0.5);
}