79 lines
1.8 KiB
CSS
79 lines
1.8 KiB
CSS
@import "tailwindcss";
|
|
@config "./tailwind.config.js";
|
|
|
|
@plugin "daisyui" {
|
|
themes:
|
|
vibeglass, dark;
|
|
}
|
|
|
|
@layer base {
|
|
html {
|
|
font-family: 'Space Grotesk', sans-serif;
|
|
}
|
|
|
|
html,
|
|
body {
|
|
@apply min-h-dvh w-full overflow-hidden bg-[#0f172a] text-base-content overscroll-y-none;
|
|
background-image:
|
|
radial-gradient(circle at 15% 50%, rgba(244, 157, 37, 0.08), transparent 25%),
|
|
radial-gradient(circle at 85% 30%, rgba(59, 130, 246, 0.08), transparent 25%);
|
|
background-attachment: fixed;
|
|
}
|
|
|
|
/* Glassmorphism Utilities */
|
|
.glass-panel {
|
|
@apply bg-gray-800/40 backdrop-blur-xl border border-white/10 shadow-xl;
|
|
}
|
|
|
|
.glass-sidebar {
|
|
@apply bg-gray-900/60 backdrop-blur-xl border-r border-white/5;
|
|
}
|
|
|
|
.glass-header {
|
|
@apply bg-gray-900/40 backdrop-blur-md border-b border-white/5;
|
|
}
|
|
|
|
.glass-input {
|
|
@apply bg-gray-700/30 border border-white/10 text-white placeholder-gray-400 focus:border-primary focus:ring-1 focus:ring-primary transition-all backdrop-blur-sm;
|
|
}
|
|
|
|
.glass-card {
|
|
@apply bg-gray-800/30 backdrop-blur-md border border-white/5 shadow-lg hover:bg-gray-800/40 transition-colors;
|
|
}
|
|
}
|
|
|
|
/* Fix for iOS click/blur events */
|
|
@media (hover: none) {
|
|
body {
|
|
cursor: pointer;
|
|
}
|
|
}
|
|
|
|
/* Remove default focus outline/tap highlight */
|
|
* {
|
|
-webkit-tap-highlight-color: transparent;
|
|
outline: none !important;
|
|
}
|
|
|
|
:focus {
|
|
outline: none !important;
|
|
}
|
|
|
|
/* Scrollbar styling for glass theme */
|
|
::-webkit-scrollbar {
|
|
width: 6px;
|
|
height: 6px;
|
|
}
|
|
|
|
::-webkit-scrollbar-track {
|
|
background: transparent;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb {
|
|
background: rgba(255, 255, 255, 0.1);
|
|
border-radius: 10px;
|
|
}
|
|
|
|
::-webkit-scrollbar-thumb:hover {
|
|
background: rgba(255, 255, 255, 0.2);
|
|
} |