sankalp
8ee6003241
- glass-hover: alpha(@foreground,0.08) → alpha(white,0.10) - glass-active: alpha(@foreground,0.14) → alpha(white,0.50) - panel, settings, dropdown, tray, notification hover → glass-hover - battery, wifi, bluetooth connected icons → glass-active - wifi-icon-box base dimmed to glass-hover for contrast
115 lines
2.4 KiB
CSS
115 lines
2.4 KiB
CSS
#notification-close-button {
|
|
background-color: @glass-panel;
|
|
border-radius: 999px;
|
|
padding: 4px;
|
|
margin-top: 8px;
|
|
margin-right: 8px;
|
|
margin-left: -32px;
|
|
min-width: 24px;
|
|
min-height: 24px;
|
|
opacity: 0;
|
|
transition: background-color apply(transition-fast), opacity apply(transition-fast);
|
|
}
|
|
|
|
#notification-close-button.hover,
|
|
#notification-close-button:hover {
|
|
opacity: 1;
|
|
}
|
|
|
|
#notification-close-button:hover {
|
|
background-color: @glass-surface-4;
|
|
}
|
|
|
|
|
|
|
|
#notification-action-buttons button {
|
|
background-color: @glass-hover;
|
|
padding: 4px;
|
|
border-radius: apply(radius-sm);
|
|
transition: background-color apply(transition-fast);
|
|
}
|
|
|
|
#notification-action-buttons button:hover {
|
|
background-color: @glass-active;
|
|
}
|
|
|
|
#notification-action-buttons button:active {
|
|
background-color: @glass-accent;
|
|
}
|
|
|
|
#notification-action-buttons button:active #button-label {
|
|
color: @glass-overlay-dark;
|
|
}
|
|
|
|
.mac-options-button {
|
|
background-color: @glass-panel;
|
|
border-radius: apply(radius-md);
|
|
padding: 4px 8px;
|
|
margin-top: 4px;
|
|
margin-right: 8px;
|
|
margin-bottom: 8px;
|
|
color: @text-secondary;
|
|
font-weight: 500;
|
|
transition: background-color apply(transition-fast), color apply(transition-fast);
|
|
}
|
|
|
|
.mac-options-button:hover {
|
|
background-color: @glass-surface-4;
|
|
color: @text-primary;
|
|
}
|
|
|
|
.mac-options-button:active {
|
|
background-color: @glass-surface-5;
|
|
}
|
|
|
|
menu.mac-context-menu {
|
|
background-color: @glass-panel;
|
|
border-radius: apply(radius-md);
|
|
padding: 4px;
|
|
border: 1px solid @glass-surface-2;
|
|
}
|
|
|
|
.mac-context-menu menuitem {
|
|
padding: 4px 12px;
|
|
border-radius: apply(radius-sm);
|
|
color: @text-primary;
|
|
transition: background-color apply(transition-fast);
|
|
}
|
|
|
|
.mac-context-menu menuitem:hover {
|
|
background-color: @glass-hover;
|
|
color: @glass-text;
|
|
}
|
|
|
|
.mac-header-pill {
|
|
background-color: @glass-surface-4;
|
|
border-radius: apply(radius-md);
|
|
padding: 2px 8px;
|
|
color: @text-secondary;
|
|
font-size: 12px;
|
|
font-weight: 500;
|
|
margin-right: 4px;
|
|
transition: background-color apply(transition-fast), color apply(transition-fast);
|
|
}
|
|
|
|
.mac-header-pill:hover {
|
|
background-color: @glass-surface-5;
|
|
color: @text-primary;
|
|
}
|
|
|
|
.mac-header-circle {
|
|
background-color: @glass-surface-4;
|
|
border-radius: 999px;
|
|
padding: 3px;
|
|
margin: 0;
|
|
min-width: 18px;
|
|
min-height: 18px;
|
|
color: @text-secondary;
|
|
transition: background-color apply(transition-fast);
|
|
}
|
|
|
|
.mac-header-circle:hover {
|
|
background-color: @glass-surface-5;
|
|
color: @text-primary;
|
|
}
|