Chillcraft/Marble-shell-theme
3
0
Fork 0
mirror of https://github.com/imarkoff/Marble-shell-theme.git synced 2025-10-12 22:23:12 -07:00
Code Issues Packages Projects Releases Wiki Activity

Optimize code

Browse Source
This commit is contained in:
Vladyslav Hroshev
2023-03-20 21:28:31 +02:00
parent e24425450c
commit 656958244a
3 changed files with 256 additions and 239 deletions
Download Patch File Download Diff File Expand all files Collapse all files

107
css/gnome.css
View File

@@ -12,6 +12,113 @@ stage {
box-shadow: 0 0 2px 2px ACCENT-OPACITY-COLOR;
}
/* Panel */
#panel {
background-color: BACKGROUND-COLOR;
height: 38px;
font-size: 14px;
}
#panel:overview {
background-color: transparent;
}
#panel .screencast-indicator,
#panel .remote-access-indicator {
color: #cd9309;
}
#panel .panel-button.screen-recording-indicator {
background: #c01c28;
}
#panel .panel-button.screen-sharing-indicator {
background: #cd9309;
}
#panel .panel-button.screen-recording-indicator:hover {
background: rgba(192, 28, 40, 0.9);
}
#panel .panel-button.screen-sharing-indicator:hover {
background: rgba(205, 147, 9, 0.9);
}
.panel-button,
.clock,
.clock-display StIcon {
color: TEXT-PRIMARY-COLOR;
border-radius: 14px;
border: 4px solid transparent;
background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}
.clock-display StIcon {
padding: 8px;
margin: 0;
}
#panel .power-status.panel-status-indicators-box StIcon {
font-size: 14px;
}
.panel-button:hover,
.panel-button:hover .clock,
.panel-button:active,
.panel-button:overview,
/* activites */
.panel-button:active .clock {
background-color: ACCENT-DISABLED_HOVER;
}
#panel .power-status.panel-status-indicators-box {
font-size: 12px;
}
/* date-menu-mod */
.clock-display {
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
.clock {
margin: 0 !important;
}
/* clock fix by Aylur's widgets */
#panel .panel-button.clock-display {
-natural-hpadding: 0;
-minimum-hpadding: 0;
}
.datemenu-calendar-column {
padding-left: 0;
padding-right: 0;
}
/* if notifications are hidden, make the column centered */
.datemenu-user {
padding: 30px;
}
.datemenu-user>StButton {
width: 160px;
height: 160px;
padding: 2px;
border-radius: 99px;
margin-bottom: 12px;
}
.datemenu-user>StButton>StWidget {
border-radius: 99px;
}
.datemenu-levels {
spacing: 8px;
}
/* POPOVERS */
.popup-menu-content,

105
css/panel.css
View File

@@ -1,105 +0,0 @@
#panel {
background-color: BACKGROUND-COLOR;
height: 38px;
font-size: 14px;
}
#panel:overview {
background-color: transparent;
}
#panel .screencast-indicator,
#panel .remote-access-indicator {
color: #cd9309;
}
#panel .panel-button.screen-recording-indicator {
background: #c01c28;
}
#panel .panel-button.screen-sharing-indicator {
background: #cd9309;
}
#panel .panel-button.screen-recording-indicator:hover {
background: rgba(192, 28, 40, 0.9);
}
#panel .panel-button.screen-sharing-indicator:hover {
background: rgba(205, 147, 9, 0.9);
}
.panel-button,
.clock,
.clock-display StIcon {
color: TEXT-PRIMARY-COLOR;
border-radius: 14px;
border: 4px solid transparent;
background-color: ACCENT-DISABLED-COLOR;
box-shadow: inset 0 0 0 1px BORDER-SHADOW;
}
.clock-display StIcon {
padding: 8px;
margin: 0;
}
#panel .power-status.panel-status-indicators-box StIcon {
font-size: 14px;
}
.panel-button:hover,
.panel-button:hover .clock,
.panel-button:active,
.panel-button:overview,
/* activites */
.panel-button:active .clock {
background-color: ACCENT-DISABLED_HOVER;
}
#panel .power-status.panel-status-indicators-box {
font-size: 12px;
}
/* date-menu-mod */
.clock-display {
background-color: transparent !important;
box-shadow: none !important;
border: none !important;
}
.clock {
margin: 0 !important;
}
/* clock fix by Aylur's widgets */
#panel .panel-button.clock-display {
-natural-hpadding: 0;
-minimum-hpadding: 0;
}
.datemenu-calendar-column {
padding-left: 0;
padding-right: 0;
}
/* if notifications are hidden, make the column centered */
.datemenu-user {
padding: 30px;
}
.datemenu-user>StButton {
width: 160px;
height: 160px;
padding: 2px;
border-radius: 99px;
margin-bottom: 12px;
}
.datemenu-user>StButton>StWidget {
border-radius: 99px;
}
.datemenu-levels {
spacing: 8px;
}