74 lines
949 B
CSS
74 lines
949 B
CSS
#panel {
|
|
background-color: alpha(var(--shadow), 0.6);
|
|
}
|
|
|
|
#panel-icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
#panel-button {
|
|
border-radius: 8px;
|
|
margin: 0 4px 0 6px;
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
}
|
|
|
|
#panel-button:hover {
|
|
background-color: var(--surface-bright);
|
|
}
|
|
|
|
#tray-button {
|
|
border-radius: 8px;
|
|
margin: 0 4px 0 0px;
|
|
min-width: 20px;
|
|
min-height: 20px;
|
|
}
|
|
|
|
#tray-button:hover {
|
|
background-color: var(--surface-bright);
|
|
}
|
|
|
|
#date-time {
|
|
margin-right: 6px;
|
|
}
|
|
|
|
#modules-left,
|
|
#modules-right {
|
|
margin: 0 5px;
|
|
padding: 3px 0;
|
|
}
|
|
|
|
#notch-spot {
|
|
background-color: var(--surface);
|
|
}
|
|
|
|
#indicators-icon {
|
|
font-size: 20px;
|
|
}
|
|
|
|
#bt-icon {
|
|
font-size: 18px;
|
|
}
|
|
|
|
#indicators {
|
|
margin: 0 8px;
|
|
}
|
|
|
|
#indicators-icon.alert {
|
|
color: var(--red-dim);
|
|
}
|
|
|
|
#menubar-button {
|
|
margin: 0 2px;
|
|
border-radius: 4px;
|
|
padding: 0 6px;
|
|
}
|
|
|
|
#menubar-button:hover {
|
|
background-color: var(--surface-bright);
|
|
}
|
|
|
|
#activewindow-label {
|
|
font-weight: bold;
|
|
}
|