modified: gnome-shell/gnome-shell.css

main
SamuDifferent 4 months ago
parent cb7519914e
commit d20e4b7aab

@ -24,9 +24,26 @@
/* Show Apps icon */ /* Show Apps icon */
.show-apps .overview-icon { .show-apps .overview-icon {
background-color: rgba(255, 167, 199, 1);
color: rgba(255, 255, 255, 1);
}
.show-apps:hover .overview-icon,
.show-apps:focus .overview-icon,
#dash .show-apps:hover .overview-icon,
#dash .show-apps:focus .overview-icon {
background-color: rgba(255, 255, 255, 1);
color: rgba(255, 90, 153, 1); color: rgba(255, 90, 153, 1);
} }
.show-apps:active .overview-icon,
.show-apps .overview-icon:insensitive
#dash .show-apps:active .overview-icon {
background-color: rgba(255, 90, 153, 1);
color: rgba(255, 255, 255, 1);
}
/* folders */ /* folders */
.app-well-app.app-folder .overview-icon { .app-well-app.app-folder .overview-icon {
background-color: rgba(227, 203, 230, 0.95); background-color: rgba(227, 203, 230, 0.95);
@ -36,9 +53,7 @@
.app-well-app:hover .overview-icon, .app-well-app:hover .overview-icon,
.app-well-app:focus .overview-icon, .app-well-app:focus .overview-icon,
.app-well-app:selected .overview-icon, .app-well-app:selected .overview-icon,
.app-well-app.app-folder .overview-icon, .app-well-app.app-folder .overview-icon {
.show-apps:hover .overview-icon,
.show-apps:focus .overview-icon {
background-color: rgba(237, 219, 239, 0.9); background-color: rgba(237, 219, 239, 0.9);
color: rgba(255, 255, 255, 1); color: rgba(255, 255, 255, 1);
} }
@ -46,9 +61,7 @@
/* app icons effects in dash */ /* app icons effects in dash */
#dash .app-well-app:hover .overview-icon, #dash .app-well-app:hover .overview-icon,
#dash .app-well-app:focus .overview-icon, #dash .app-well-app:focus .overview-icon,
#dash .app-well-app:selected .overview-icon, #dash .app-well-app:selected .overview-icon {
#dash .show-apps:hover .overview-icon,
#dash .show-apps:focus .overview-icon {
background-color: rgba(255, 90, 153, 1); background-color: rgba(255, 90, 153, 1);
} }
@ -129,12 +142,10 @@
.page-navigation-arrow:hover { .page-navigation-arrow:hover {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.05);
} }
.page-navigation-arrow:hover > StIcon { .page-navigation-arrow:hover > StIcon {
color: rgba(255, 90, 153, 1); color: rgba(255, 90, 153, 1);
} }
.page-navigation-arrow:active { .page-navigation-arrow:active {
@ -164,8 +175,7 @@
/* Dash */ /* Dash */
#dash .dash-background { #dash .dash-background {
background-color: rgba(251, 247, 251, 0.8); background-color: rgba(255, 255, 255, 1);
box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
border: none; /* remove black border on ubuntu */ border: none; /* remove black border on ubuntu */
padding: 4px 2px 4px 2px; padding: 4px 2px 4px 2px;
border-radius: 21px; border-radius: 21px;
@ -186,13 +196,11 @@
/* popup label when hovering the app in dash */ /* popup label when hovering the app in dash */
.dash-label { .dash-label {
background-color: rgba(255, 167, 199, 1); background-color: rgba(255, 255, 255, 1);
color: rgba(255, 255, 255, 1); color: rgba(255, 90, 153, 1);
box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.08);
border-color: transparent; border-color: transparent;
} }
/* pill below if app is running */ /* pill below if app is running */
.app-well-app-running-dot { .app-well-app-running-dot {
width: 10px; width: 10px;
@ -215,20 +223,17 @@
margin-bottom: 6px; margin-bottom: 6px;
} }
/* elements in dash */ /* elements in dash */
.dash-item-container .app-well-app .overview-icon, .dash-item-container .app-well-app .overview-icon,
.dash-item-container .show-apps .overview-icon { .dash-item-container .show-apps .overview-icon {
border-radius: 21px; border-radius: 21px;
} }
/* pinned apps | running apps */ /* pinned apps | running apps */
.dash-separator { .dash-separator {
background-color: rgba(255, 90, 153, 1); background-color: rgba(255, 90, 153, 1);
} }
/* ubuntu fix */ /* ubuntu fix */
#dashtodockContainer #dash .app-well-app:hover .overview-icon, #dashtodockContainer #dash .app-well-app:hover .overview-icon,
#dashtodockContainer #dash .app-well-app:focus .overview-icon, #dashtodockContainer #dash .app-well-app:focus .overview-icon,
@ -243,14 +248,6 @@
border-radius: 15px; border-radius: 15px;
} }
#dashtodockContainer .app-well-app.focused .overview-icon,
.show-apps:selected .overview-icon,
.show-apps:selected:hover .overview-icon,
.show-apps:active .overview-icon,
.show-apps:checked .overview-icon {
box-shadow: inset 0 0 4px 1px rgba(148, 102, 153, 0.4);
}
/* ubuntu fix */ /* ubuntu fix */
#dashtodockContainer.bottom.extended #dash .dash-background, #dashtodockContainer.bottom.extended #dash .dash-background,
#dashtodockContainer.bottom.extended.dashtodock #dash .dash-background, #dashtodockContainer.bottom.extended.dashtodock #dash .dash-background,
@ -398,15 +395,18 @@
} }
.dnd-button .toggle-switch { .dnd-button .toggle-switch {
background-color: rgba(237, 219, 239, 0.9); background-color: rgba(255, 167, 199, 1);
color: rgba(255, 255, 255, 1);
} }
.dnd-button:hover .toggle-switch { .dnd-button:hover .toggle-switch {
background-color: rgba(227, 203, 230, 0.95); background-color: rgba(255, 255, 255, 1);
color: rgba(255, 90, 153, 1);
} }
.dnd-button .toggle-switch:checked { .dnd-button .toggle-switch:checked {
background-color: rgba(207, 127, 214, 1); background-color: rgba(255, 90, 153, 1);
color: rgba(255, 255, 255, 1);
} }
.dnd-button:hover .toggle-switch:checked { .dnd-button:hover .toggle-switch:checked {
@ -1351,13 +1351,17 @@ StEntry:focus {
} }
.panel-button:hover, .panel-button:hover,
.panel-button:hover .clock, .panel-button:hover .clock {
.panel-button:active,
.panel-button:active .clock {
background-color: rgba(255, 255, 255, 1); background-color: rgba(255, 255, 255, 1);
color: rgba(255, 90, 153, 1); color: rgba(255, 90, 153, 1);
} }
.panel-button:active,
.panel-button:active .clock {
background-color: rgba(255, 90, 153, 1);
color: rgba(255, 255, 255, 1);
}
/* workspaces indicator in activities button (45+) */ /* workspaces indicator in activities button (45+) */
#panel .workspace-dot { #panel .workspace-dot {
background-color: rgb(255, 255, 255); background-color: rgb(255, 255, 255);
@ -1406,7 +1410,7 @@ StEntry:focus {
#panel.unlock-screen .panel-button, #panel.unlock-screen .panel-button,
#panel.login-screen .panel-button, #panel.login-screen .panel-button,
#panel:overview .panel-button { #panel:overview .panel-button {
color: rgba(40, 7, 43, 0.87) !important; color: rgba(255, 255, 255, 1) !important;
} }

Loading…
Cancel
Save