|
|
@ -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;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|