97 lines
2.4 KiB
CSS
97 lines
2.4 KiB
CSS
/* Panel */
|
|
|
|
#panel {
|
|
background-color: BACKGROUND-OPAQUE-COLOR;
|
|
height: 34px;
|
|
font-size: 13px;
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* panel in overview, lock screen */
|
|
#panel:overview, #panel.unlock-screen, #panel.login-screen {
|
|
background-color: transparent;
|
|
transition-duration: 0.25s;
|
|
}
|
|
|
|
/* i know margin are not used cuz hitboxes of buttons don't expand to screen edges */
|
|
/* however with this trick i cannot paint button borders */
|
|
.panel-button {
|
|
margin: 4px 3px;
|
|
}
|
|
|
|
/* allows to shrink horizontal padding for app icons */
|
|
.panel-button { -natural-hpadding: 6px !important; }
|
|
.panel-status-indicators-box:first-child { padding-left: 3px; }
|
|
.panel-status-indicators-box:last-child { padding-right: 3px; }
|
|
.panel-status-indicators-box:first-child:last-child { padding: 0; }
|
|
.panel-button#panelActivities { -natural-hpadding: 10px !important; }
|
|
|
|
/* panel buttons */
|
|
.panel-button,
|
|
.panel-button .clock { /* DND / new messages icon */
|
|
color: TEXT-PRIMARY-COLOR;
|
|
border-radius: 9px;
|
|
border-width: 0 !important;
|
|
background-color: ACCENT-DISABLED-COLOR;
|
|
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
|
|
}
|
|
|
|
.panel-button:hover,
|
|
.panel-button:hover .clock,
|
|
.panel-button:active,
|
|
.panel-button:active .clock {
|
|
background-color: ACCENT-DISABLED_HOVER;
|
|
}
|
|
|
|
/* workspaces indicator in activities button (45+) */
|
|
#panel .workspace-dot {
|
|
background-color: TEXT-PRIMARY-COLOR;
|
|
border-radius: 99px;
|
|
}
|
|
|
|
/* indicator for active */
|
|
#panel .screencast-indicator,
|
|
#panel .remote-access-indicator,
|
|
#panel .panel-button.screen-sharing-indicator { /* when sharing screen */
|
|
background: #cd9309;
|
|
}
|
|
|
|
#panel .panel-button.screen-sharing-indicator:hover {
|
|
background: rgba(205, 147, 9, 0.9);
|
|
}
|
|
|
|
/* indicator when recording screen */
|
|
#panel .panel-button.screen-recording-indicator {
|
|
background: #c01c28;
|
|
}
|
|
|
|
#panel .panel-button.screen-recording-indicator:hover {
|
|
background: rgba(192, 28, 40, 0.9);
|
|
}
|
|
|
|
|
|
/* battery percentage */
|
|
#panel .power-status.panel-status-indicators-box {
|
|
font-size: 12px;
|
|
}
|
|
|
|
|
|
/* panel buttons in lock screen / overview */
|
|
#panel.unlock-screen .panel-button,
|
|
#panel.login-screen .panel-button,
|
|
#panel:overview .panel-button {
|
|
color: TEXT-PRIMARY-COLOR !important;
|
|
}
|
|
|
|
|
|
/* panel clock fix. remove additional background */
|
|
.clock-display {
|
|
background-color: transparent !important;
|
|
box-shadow: none !important;
|
|
}
|
|
|
|
/* additional background for DND / new messages icon */
|
|
.clock-display StIcon {
|
|
padding: 8px;
|
|
margin: 0;
|
|
} |