Skip to content

Commit 3b3d041

Browse files
committed
Update notification dropdown buttons to liquid blue/cyan theme - Apply cyan colors and glass morphism effects to all notification buttons
1 parent ec2d580 commit 3b3d041

1 file changed

Lines changed: 34 additions & 0 deletions

File tree

src/components/header/components/notificationsDropdown/NotificationsOverlay/NotificationsOverlay.styles.ts

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -50,6 +50,40 @@ export const LinkBtn = styled(BaseButton)`
5050

5151
export const Btn = styled(BaseButton)`
5252
width: 100%;
53+
54+
&.ant-btn-ghost {
55+
color: #00ffff;
56+
border-color: rgba(0, 255, 255, 0.3);
57+
background: rgba(0, 255, 255, 0.05);
58+
backdrop-filter: blur(10px);
59+
60+
&:hover:not(:disabled) {
61+
color: #00ffff !important;
62+
border-color: rgba(0, 255, 255, 0.5) !important;
63+
background: rgba(0, 255, 255, 0.1) !important;
64+
box-shadow: 0 0 20px rgba(0, 255, 255, 0.3);
65+
}
66+
67+
&:active {
68+
background: rgba(0, 255, 255, 0.15) !important;
69+
}
70+
}
71+
72+
&.ant-btn-link {
73+
color: #00ffff;
74+
75+
a {
76+
color: #00ffff;
77+
78+
&:hover {
79+
color: #40ffff;
80+
}
81+
}
82+
83+
&:hover:not(:disabled) {
84+
color: #40ffff !important;
85+
}
86+
}
5387
`;
5488

5589
export const Text = styled(BaseTypography.Text)`

0 commit comments

Comments
 (0)