70 lines
1.9 KiB
CSS
70 lines
1.9 KiB
CSS
@import "tailwindcss";
|
|
|
|
@theme {
|
|
--color-midnight-50: #0a0e27;
|
|
--color-midnight-100: #0d1229;
|
|
--color-midnight-200: #10152b;
|
|
--color-midnight-300: #13182d;
|
|
--color-midnight-400: #161b2f;
|
|
--color-midnight-500: #191e31;
|
|
--color-midnight-600: #1c2133;
|
|
--color-midnight-700: #1f2435;
|
|
--color-midnight-800: #222737;
|
|
--color-midnight-900: #252a39;
|
|
|
|
--color-neon-cyan: #00ffff;
|
|
--color-neon-green: #00ff41;
|
|
--color-neon-blue: #0080ff;
|
|
--color-neon-purple: #bf00ff;
|
|
--color-neon-pink: #ff00ff;
|
|
|
|
--color-cyber-dark: #0a0a0f;
|
|
--color-cyber-darker: #050508;
|
|
--color-cyber-light: #1a1a2e;
|
|
--color-cyber-accent: #00d9ff;
|
|
--color-cyber-accent2: #00ff88;
|
|
|
|
--shadow-neon-cyan: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff;
|
|
--shadow-neon-green: 0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 30px #00ff41;
|
|
--shadow-neon-blue: 0 0 10px #0080ff, 0 0 20px #0080ff, 0 0 30px #0080ff;
|
|
--shadow-glow-cyan: 0 0 5px #00ffff, 0 0 10px #00ffff;
|
|
--shadow-glow-green: 0 0 5px #00ff41, 0 0 10px #00ff41;
|
|
|
|
--bg-image-cyber-grid: linear-gradient(rgba(0, 255, 255, 0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 255, 0.1) 1px, transparent 1px);
|
|
--bg-size-grid: 20px 20px;
|
|
}
|
|
|
|
:root {
|
|
--foreground-rgb: 200, 220, 255;
|
|
--background-start-rgb: 10, 14, 39;
|
|
--background-end-rgb: 5, 5, 8;
|
|
}
|
|
|
|
body {
|
|
color: rgb(var(--foreground-rgb));
|
|
background: linear-gradient(
|
|
to bottom,
|
|
rgb(var(--background-start-rgb)),
|
|
rgb(var(--background-end-rgb))
|
|
);
|
|
min-height: 100vh;
|
|
}
|
|
|
|
@layer utilities {
|
|
.text-glow-cyan {
|
|
text-shadow: 0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 30px #00ffff;
|
|
}
|
|
|
|
.text-glow-green {
|
|
text-shadow: 0 0 10px #00ff41, 0 0 20px #00ff41, 0 0 30px #00ff41;
|
|
}
|
|
|
|
.border-glow-cyan {
|
|
box-shadow: 0 0 5px #00ffff, 0 0 10px #00ffff, inset 0 0 5px #00ffff;
|
|
}
|
|
|
|
.border-glow-green {
|
|
box-shadow: 0 0 5px #00ff41, 0 0 10px #00ff41, inset 0 0 5px #00ff41;
|
|
}
|
|
}
|