diff --git a/src/components/Dock/Dock.css b/src/components/Dock/Dock.css index 9e8a52a..43c760f 100644 --- a/src/components/Dock/Dock.css +++ b/src/components/Dock/Dock.css @@ -10,13 +10,11 @@ display: flex; align-items: flex-end; gap: 6px; - background: rgba(30, 30, 40, 0.52); - backdrop-filter: var(--glass-blur); - -webkit-backdrop-filter: var(--glass-blur); - border: 1px solid var(--glass-border); - border-radius: 18px; + background: #0d0d1a; + border: 2px solid #333333; + border-radius: 0; padding: 8px 12px; - box-shadow: 0 4px 28px rgba(0,0,0,0.4); + box-shadow: 3px 3px 0 #000000; } .dock-item { @@ -35,18 +33,19 @@ .dock-icon { width: 48px; height: 48px; - border-radius: 12px; + border-radius: 0; + border: 2px solid #000; display: flex; align-items: center; justify-content: center; font-size: 24px; - transition: transform 0.15s ease; - box-shadow: 0 2px 8px rgba(0,0,0,0.3); + transition: transform 0.1s steps(2); + box-shadow: 2px 2px 0 #000; } .dock-dot { width: 4px; height: 4px; - border-radius: 50%; - background: rgba(255,255,255,0.7); + border-radius: 0; + background: var(--pixel-cyan); }