mirror of
https://github.com/AstrBotDevs/AstrBot
synced 2026-07-20 02:55:08 +08:00
282ef94911
Global reactor background (ReactorBg): - Full-screen canvas with 24px crosshair grid and socket dots - Mouse energy field (120px radius) with lerp=0.08 smooth tracking - Crosses shrink and glow cyan when energy field passes - Canvas sits behind all UI (z-index 0, pointer-events none) Theme updates: - Dark surface now #0F0F12 for reactor aesthetic - Background deepens to #0A0A0C - Cards: translucent glassmorphism (40% opacity, blur 12px) with inset shadow, 1px cyan border on hover - Sidebar: glassmorphism (75% opacity, blur 16px, cyan border) - Header: glassmorphism (80% opacity, blur 20px, cyan border) - V-main: transparent so reactor bg shows through
41 lines
875 B
SCSS
41 lines
875 B
SCSS
@use '../variables' as *;
|
|
|
|
// Outline Card
|
|
.v-card--variant-outlined {
|
|
border-color: rgba(0, 242, 255, 0.12);
|
|
.v-divider {
|
|
border-color: rgba(0, 242, 255, 0.12);
|
|
}
|
|
}
|
|
|
|
.v-card-text {
|
|
padding: $card-text-spacer;
|
|
}
|
|
|
|
.v-card {
|
|
width: 100%;
|
|
overflow: visible;
|
|
border-radius: 24px;
|
|
background: rgba(20, 20, 25, 0.4) !important;
|
|
backdrop-filter: blur(12px) saturate(1.1);
|
|
border: 1px solid rgba(0, 242, 255, 0.1);
|
|
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5) !important;
|
|
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
|
|
|
|
&:hover {
|
|
border-color: rgba(0, 242, 255, 0.35);
|
|
box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.5), 0 0 30px rgba(0, 242, 255, 0.08) !important;
|
|
}
|
|
|
|
&.withbg {
|
|
background-color: rgba(10, 10, 12, 0.6) !important;
|
|
}
|
|
&.overflow-hidden {
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.v-card-item {
|
|
padding: $card-item-spacer-xy;
|
|
}
|