update
This commit is contained in:
vinceliuice
parent
5d55ff3b72
commit
15a07ecb17
@ -49,3 +49,8 @@ for color in "${_COLOR_VARIANTS[@]}"; do
|
||||
done
|
||||
done
|
||||
done
|
||||
|
||||
sassc $SASSC_OPT src/other/dash-to-dock/stylesheet.{scss,css}
|
||||
echo "==> Generating dash-to-dock stylesheet.css..."
|
||||
sassc $SASSC_OPT src/other/dash-to-dock/stylesheet-dark.{scss,css}
|
||||
echo "==> Generating dash-to-dock stylesheet-dark.css..."
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
|
||||
@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -3932,7 +3932,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -3950,7 +3950,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -3968,7 +3968,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
|
||||
173
src/other/dash-to-dock/_dash-to-dock.scss
Normal file
173
src/other/dash-to-dock/_dash-to-dock.scss
Normal file
@ -0,0 +1,173 @@
|
||||
// Dash to Dock
|
||||
|
||||
$dash_panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.15), rgba(#101010, 0.25));
|
||||
$dash_panel_fg: if($variant == 'light', black, white);
|
||||
$dash_radius: 18px;
|
||||
|
||||
// Scrollview style
|
||||
.bottom #dashtodockDashScrollview,
|
||||
.top #dashtodockDashScrollview {
|
||||
-st-hfade-offset: 24px;
|
||||
}
|
||||
|
||||
.left #dashtodockDashScrollview,
|
||||
.right #dashtodockDashScrollview {
|
||||
-st-vfade-offset: 24px;
|
||||
}
|
||||
|
||||
#dashtodockContainer {
|
||||
background-color: transparent;
|
||||
|
||||
.number-overlay {
|
||||
color: $light_fg_color;
|
||||
background-color: rgba(black, 0.75);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.notification-badge {
|
||||
color: $light_fg_color;
|
||||
background-color: $primary_color;
|
||||
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 1000px;
|
||||
margin: 2px;
|
||||
padding: 0.2em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.dashtodock #dash,
|
||||
&.dashtodock:overview #dash,
|
||||
&.extended #dash,
|
||||
&.extended:overview #dash {
|
||||
border: 1px solid if($variant == 'light', rgba(black, 0.03), rgba(black, 0.35));
|
||||
}
|
||||
|
||||
&.straight-corner #dash,
|
||||
&.shrink.straight-corner #dash {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@each $_dock, $_radius, $_shadow in (top, $dash_radius, 0 -1px),
|
||||
(bottom, $dash_radius, 0 1px),
|
||||
(left, $dash_radius, -1px 0),
|
||||
(right, $dash_radius, 1px 0) {
|
||||
&.#{$_dock}.dashtodock #dash,
|
||||
&.#{$_dock}.dashtodock:overview #dash {
|
||||
border-radius: #{$_radius};
|
||||
margin-#{$_dock}: 6px;
|
||||
padding: 3px;
|
||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
||||
}
|
||||
|
||||
&.#{$_dock}.shrink #dash {
|
||||
border-#{$_dock}-width: 0;
|
||||
}
|
||||
|
||||
&.#{$_dock}.extended #dash,
|
||||
&.#{$_dock}.extended:overview #dash {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: inset #{$_shadow} rgba(white, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.top,
|
||||
&.extended.bottom {
|
||||
#dash {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.right,
|
||||
&.extended.left {
|
||||
#dash {
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.dashtodock #dash { background: $dash_panel_bg; }
|
||||
|
||||
&.opaque #dash { // solid-mode
|
||||
background: $dash_panel_bg;
|
||||
}
|
||||
|
||||
&.transparent #dash { // translucent-mode
|
||||
background: $dash_panel_bg; // does not work
|
||||
}
|
||||
|
||||
&:overview #dash { // overview-mode #1
|
||||
background: $light_divider_color;
|
||||
}
|
||||
|
||||
&.opaque:overview,
|
||||
&.transparent:overview { // overview-mode #2
|
||||
#dash {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended:overview, // overview-mode #3
|
||||
&.opaque.extended:overview,
|
||||
&.transparent.extended:overview {
|
||||
#dash {
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
}
|
||||
|
||||
&.running-dots,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
transition-duration: 250ms;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
padding: 1px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
padding: 8px;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended,
|
||||
&.extended:overview {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.metro .overview-icon {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dashtodock-app-well-preview-menu-item {
|
||||
padding: 1em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
|
||||
width: 1px;
|
||||
height: auto;
|
||||
border-right-width: 1px;
|
||||
margin: 32px 0;
|
||||
}
|
||||
@ -12,10 +12,6 @@
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#dashtodockContainer .app-well-app-running-dot {
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
#dashtodockContainer .number-overlay {
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
@ -49,7 +45,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -67,7 +63,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -85,7 +81,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -103,7 +99,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -128,36 +124,20 @@
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash .app-well-app-running-dot {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
|
||||
background-color: #0860f2;
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
#dashtodockContainer.opaque #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
background: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
#dashtodockContainer.transparent #dash {
|
||||
background-color: rgba(16, 16, 16, 0.25);
|
||||
background: rgba(16, 16, 16, 0.25);
|
||||
}
|
||||
|
||||
#dashtodockContainer:overview #dash {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer:overview #dash .app-well-app-running-dot {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
|
||||
background-color: #0860f2;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
|
||||
|
||||
8
src/other/dash-to-dock/stylesheet-dark.scss
Normal file
8
src/other/dash-to-dock/stylesheet-dark.scss
Normal file
@ -0,0 +1,8 @@
|
||||
$variant: 'dark';
|
||||
$laptop: 'false';
|
||||
$trans: 'true';
|
||||
$black: 'false';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/variables';
|
||||
@import '_dash-to-dock.scss';
|
||||
@ -12,10 +12,6 @@
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
#dashtodockContainer .app-well-app-running-dot {
|
||||
background-color: black;
|
||||
}
|
||||
|
||||
#dashtodockContainer .number-overlay {
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.75);
|
||||
@ -49,7 +45,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.top.shrink #dash, #dashtodockContainer.top.dashtodock #dash {
|
||||
#dashtodockContainer.top.shrink #dash {
|
||||
border-top-width: 0;
|
||||
}
|
||||
|
||||
@ -67,7 +63,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.bottom.shrink #dash, #dashtodockContainer.bottom.dashtodock #dash {
|
||||
#dashtodockContainer.bottom.shrink #dash {
|
||||
border-bottom-width: 0;
|
||||
}
|
||||
|
||||
@ -85,7 +81,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.left.shrink #dash, #dashtodockContainer.left.dashtodock #dash {
|
||||
#dashtodockContainer.left.shrink #dash {
|
||||
border-left-width: 0;
|
||||
}
|
||||
|
||||
@ -103,7 +99,7 @@
|
||||
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05);
|
||||
}
|
||||
|
||||
#dashtodockContainer.right.shrink #dash, #dashtodockContainer.right.dashtodock #dash {
|
||||
#dashtodockContainer.right.shrink #dash {
|
||||
border-right-width: 0;
|
||||
}
|
||||
|
||||
@ -128,36 +124,20 @@
|
||||
padding-bottom: 0;
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash .app-well-app-running-dot {
|
||||
background-color: rgba(0, 0, 0, 0.85);
|
||||
}
|
||||
|
||||
#dashtodockContainer #dash StWidget.focused .app-well-app-running-dot {
|
||||
background-color: #0860f2;
|
||||
#dashtodockContainer.dashtodock #dash {
|
||||
background: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer.opaque #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
background: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer.transparent #dash {
|
||||
background-color: rgba(241, 241, 241, 0.15);
|
||||
background: rgba(241, 241, 241, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer:overview #dash {
|
||||
background-color: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer:overview #dash .app-well-app-running-dot {
|
||||
background-color: rgba(255, 255, 255, 0.85);
|
||||
}
|
||||
|
||||
#dashtodockContainer:overview #dash StWidget.focused .app-well-app-running-dot {
|
||||
background-color: #0860f2;
|
||||
background: rgba(255, 255, 255, 0.15);
|
||||
}
|
||||
|
||||
#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {
|
||||
|
||||
8
src/other/dash-to-dock/stylesheet.scss
Normal file
8
src/other/dash-to-dock/stylesheet.scss
Normal file
@ -0,0 +1,8 @@
|
||||
$variant: 'light';
|
||||
$laptop: 'false';
|
||||
$trans: 'true';
|
||||
$black: 'false';
|
||||
|
||||
@import '../../sass/colors';
|
||||
@import '../../sass/variables';
|
||||
@import '_dash-to-dock.scss';
|
||||
@ -1,284 +1,2 @@
|
||||
// Dash to Dock
|
||||
|
||||
$dash_panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.15), rgba(#101010, 0.25));
|
||||
$dash_panel_fg: if($variant == 'light', black, white);
|
||||
$dash_radius: 18px;
|
||||
|
||||
// Scrollview style
|
||||
.bottom #dashtodockDashScrollview,
|
||||
.top #dashtodockDashScrollview {
|
||||
-st-hfade-offset: 24px;
|
||||
}
|
||||
|
||||
.left #dashtodockDashScrollview,
|
||||
.right #dashtodockDashScrollview {
|
||||
-st-vfade-offset: 24px;
|
||||
}
|
||||
|
||||
#dashtodockContainer {
|
||||
background-color: transparent;
|
||||
|
||||
.app-well-app-running-dot {
|
||||
background-color: $dash_panel_fg;
|
||||
}
|
||||
|
||||
.number-overlay {
|
||||
color: $light_fg_color;
|
||||
background-color: rgba(black, 0.75);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.notification-badge {
|
||||
color: $light_fg_color;
|
||||
background-color: $primary_color;
|
||||
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 1000px;
|
||||
margin: 2px;
|
||||
padding: 0.2em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.dashtodock #dash,
|
||||
&.dashtodock:overview #dash,
|
||||
&.extended #dash,
|
||||
&.extended:overview #dash {
|
||||
border: 1px solid if($variant == 'light', rgba(black, 0.03), rgba(black, 0.35));
|
||||
}
|
||||
|
||||
&.straight-corner #dash,
|
||||
&.shrink.straight-corner #dash {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@each $_dock, $_radius, $_shadow in (top, $dash_radius, 0 -1px),
|
||||
(bottom, $dash_radius, 0 1px),
|
||||
(left, $dash_radius, -1px 0),
|
||||
(right, $dash_radius, 1px 0) {
|
||||
&.#{$_dock}.dashtodock #dash,
|
||||
&.#{$_dock}.dashtodock:overview #dash {
|
||||
border-radius: #{$_radius};
|
||||
margin-#{$_dock}: 6px;
|
||||
padding: 3px;
|
||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
||||
}
|
||||
|
||||
&.#{$_dock}.shrink #dash,
|
||||
&.#{$_dock}.dashtodock #dash {
|
||||
border-#{$_dock}-width: 0;
|
||||
}
|
||||
|
||||
&.#{$_dock}.extended #dash,
|
||||
&.#{$_dock}.extended:overview #dash {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: inset #{$_shadow} rgba(white, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.top,
|
||||
&.extended.bottom {
|
||||
#dash {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.right,
|
||||
&.extended.left {
|
||||
#dash {
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
#dash { // default-mode
|
||||
background-color: $dash_panel_bg;
|
||||
|
||||
.app-well-app-running-dot {
|
||||
background-color: rgba($dash_panel_fg, 0.85);
|
||||
}
|
||||
|
||||
StWidget.focused .app-well-app-running-dot {
|
||||
background-color: $primary_color;
|
||||
}
|
||||
}
|
||||
|
||||
&.opaque #dash { // solid-mode
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
|
||||
&.transparent #dash { // translucent-mode
|
||||
background-color: $dash_panel_bg; // does not work
|
||||
}
|
||||
|
||||
&:overview #dash { // overview-mode #1
|
||||
background-color: $light_divider_color;
|
||||
|
||||
.app-well-app-running-dot {
|
||||
background-color: $light_alt_fg_color;
|
||||
}
|
||||
|
||||
StWidget.focused .app-well-app-running-dot {
|
||||
background-color: $primary_color;
|
||||
}
|
||||
}
|
||||
|
||||
&.opaque:overview,
|
||||
&.transparent:overview { // overview-mode #2
|
||||
#dash {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended:overview, // overview-mode #3
|
||||
&.opaque.extended:overview,
|
||||
&.transparent.extended:overview {
|
||||
#dash {
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
}
|
||||
|
||||
&.running-dots,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
transition-duration: 250ms;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
padding: 1px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
padding: 8px;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended,
|
||||
&.extended:overview {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.metro .overview-icon {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dashtodock-app-well-preview-menu-item {
|
||||
padding: 1em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
|
||||
width: 1px;
|
||||
height: auto;
|
||||
border-right-width: 1px;
|
||||
margin: 32px 0;
|
||||
}
|
||||
|
||||
|
||||
// Simple Dock
|
||||
|
||||
#dash:desktop {
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
|
||||
// OpenWeather Extension
|
||||
|
||||
.openweather {
|
||||
&-button,
|
||||
&-button-action,
|
||||
&-menu-button-container,
|
||||
&-button-box {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
&-provider {
|
||||
// generic text buttons are allocated with y-expand-ed
|
||||
padding: 0 16px;
|
||||
font-weight: 500;
|
||||
@include button(flat-normal);
|
||||
&:hover { @include button(flat-hover); }
|
||||
&:focus { @include button(flat-focus); }
|
||||
&:active { @include button(flat-active); }
|
||||
&:insensitive { @include button(flat-disabled); }
|
||||
}
|
||||
|
||||
&-current {
|
||||
&-icon,
|
||||
&-summary,
|
||||
&-summarybox {
|
||||
background: none;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&-databox-values {
|
||||
background: none;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
|
||||
&-databox-captions {
|
||||
background: none;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
&-forecast {
|
||||
&-icon,
|
||||
&-summary {
|
||||
background: none;
|
||||
color: $alt_fg_color;
|
||||
}
|
||||
|
||||
&-day,
|
||||
&-temperature {
|
||||
background: none;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
&-sunrise-icon,
|
||||
&-sunset-icon,
|
||||
&-build-icon { color: $alt_fg_color; }
|
||||
}
|
||||
|
||||
// GPaste
|
||||
|
||||
.popup-menu {
|
||||
.search-entry {
|
||||
color: $fg_color;
|
||||
selection-background-color: $primary_color;
|
||||
selected-color: $light_fg_color;
|
||||
@include entry(normal);
|
||||
|
||||
&:focus {
|
||||
@include entry(focus);
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
.search-entry-icon { color: $hint_fg_color; }
|
||||
|
||||
&:hover, &:focus {
|
||||
.search-entry-icon { color: $fg_color; }
|
||||
}
|
||||
}
|
||||
}
|
||||
@import 'extensions/dash-to-dock';
|
||||
@import 'extensions/misc';
|
||||
|
||||
195
src/sass/gnome-shell/extensions/_dash-to-dock.scss
Normal file
195
src/sass/gnome-shell/extensions/_dash-to-dock.scss
Normal file
@ -0,0 +1,195 @@
|
||||
// Dash to Dock
|
||||
|
||||
$dash_panel_bg: if($variant == 'light', rgba(#f1f1f1, 0.15), rgba(#101010, 0.25));
|
||||
$dash_panel_fg: if($variant == 'light', black, white);
|
||||
$dash_radius: 18px;
|
||||
|
||||
// Scrollview style
|
||||
.bottom #dashtodockDashScrollview,
|
||||
.top #dashtodockDashScrollview {
|
||||
-st-hfade-offset: 24px;
|
||||
}
|
||||
|
||||
.left #dashtodockDashScrollview,
|
||||
.right #dashtodockDashScrollview {
|
||||
-st-vfade-offset: 24px;
|
||||
}
|
||||
|
||||
#dashtodockContainer {
|
||||
background-color: transparent;
|
||||
|
||||
.app-well-app-running-dot {
|
||||
background-color: $dash_panel_fg;
|
||||
}
|
||||
|
||||
.number-overlay {
|
||||
color: $light_fg_color;
|
||||
background-color: rgba(black, 0.75);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.notification-badge {
|
||||
color: $light_fg_color;
|
||||
background-color: $primary_color;
|
||||
box-shadow: -1px 1px 5px 0px rgba(0, 0, 0, 0.25);
|
||||
border-radius: 1000px;
|
||||
margin: 2px;
|
||||
padding: 0.2em;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
&.dashtodock #dash,
|
||||
&.dashtodock:overview #dash,
|
||||
&.extended #dash,
|
||||
&.extended:overview #dash {
|
||||
border: 1px solid if($variant == 'light', rgba(black, 0.03), rgba(black, 0.35));
|
||||
}
|
||||
|
||||
&.straight-corner #dash,
|
||||
&.shrink.straight-corner #dash {
|
||||
border-radius: 0;
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
@each $_dock, $_radius, $_shadow in (top, $dash_radius, 0 -1px),
|
||||
(bottom, $dash_radius, 0 1px),
|
||||
(left, $dash_radius, -1px 0),
|
||||
(right, $dash_radius, 1px 0) {
|
||||
&.#{$_dock}.dashtodock #dash,
|
||||
&.#{$_dock}.dashtodock:overview #dash {
|
||||
border-radius: #{$_radius};
|
||||
margin-#{$_dock}: 6px;
|
||||
padding: 3px;
|
||||
box-shadow: inset 0 0 0 1px rgba(white, 0.05);
|
||||
}
|
||||
|
||||
&.#{$_dock}.shrink #dash {
|
||||
border-#{$_dock}-width: 0;
|
||||
}
|
||||
|
||||
&.#{$_dock}.extended #dash,
|
||||
&.#{$_dock}.extended:overview #dash {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-radius: 0;
|
||||
box-shadow: inset #{$_shadow} rgba(white, 0.05);
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.top,
|
||||
&.extended.bottom {
|
||||
#dash {
|
||||
border-left: 0;
|
||||
border-right: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended.right,
|
||||
&.extended.left {
|
||||
#dash {
|
||||
border-top: 0;
|
||||
border-bottom: 0;
|
||||
padding-top: 0;
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
&.dashtodock #dash { background-color: $dash_panel_bg; }
|
||||
|
||||
#dash { // default-mode
|
||||
.app-well-app-running-dot {
|
||||
background-color: rgba($dash_panel_fg, 0.85);
|
||||
}
|
||||
|
||||
StWidget.focused .app-well-app-running-dot {
|
||||
background-color: $primary_color;
|
||||
}
|
||||
}
|
||||
|
||||
&.opaque #dash { // solid-mode
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
|
||||
&.transparent #dash { // translucent-mode
|
||||
background-color: $dash_panel_bg; // does not work
|
||||
}
|
||||
|
||||
&:overview #dash { // overview-mode #1
|
||||
background-color: $light_divider_color;
|
||||
|
||||
.app-well-app-running-dot {
|
||||
background-color: $light_alt_fg_color;
|
||||
}
|
||||
|
||||
StWidget.focused .app-well-app-running-dot {
|
||||
background-color: $primary_color;
|
||||
}
|
||||
}
|
||||
|
||||
&.opaque:overview,
|
||||
&.transparent:overview { // overview-mode #2
|
||||
#dash {
|
||||
background-color: transparent !important;
|
||||
box-shadow: none !important;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended:overview, // overview-mode #3
|
||||
&.opaque.extended:overview,
|
||||
&.transparent.extended:overview {
|
||||
#dash {
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
}
|
||||
|
||||
&.running-dots,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
transition-duration: 250ms;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.shrink,
|
||||
&.dashtodock {
|
||||
.dash-item-container > StButton {
|
||||
padding: 1px 2px;
|
||||
}
|
||||
}
|
||||
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
padding: 8px;
|
||||
background-size: contain;
|
||||
}
|
||||
}
|
||||
|
||||
&.extended,
|
||||
&.extended:overview {
|
||||
.app-well-app,
|
||||
.show-apps {
|
||||
.overview-icon {
|
||||
border-radius: $bt_radius;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.metro .overview-icon {
|
||||
border-radius: 0;
|
||||
}
|
||||
}
|
||||
|
||||
.dashtodock-app-well-preview-menu-item {
|
||||
padding: 1em 1em 0.5em 1em;
|
||||
}
|
||||
|
||||
#dashtodockPreviewSeparator.popup-separator-menu-item-horizontal {
|
||||
width: 1px;
|
||||
height: auto;
|
||||
border-right-width: 1px;
|
||||
margin: 32px 0;
|
||||
}
|
||||
87
src/sass/gnome-shell/extensions/_misc.scss
Normal file
87
src/sass/gnome-shell/extensions/_misc.scss
Normal file
@ -0,0 +1,87 @@
|
||||
|
||||
// Simple Dock
|
||||
|
||||
#dash:desktop {
|
||||
background-color: $dash_panel_bg;
|
||||
}
|
||||
|
||||
// OpenWeather Extension
|
||||
|
||||
.openweather {
|
||||
&-button,
|
||||
&-button-action,
|
||||
&-menu-button-container,
|
||||
&-button-box {
|
||||
border: 1px solid transparent;
|
||||
}
|
||||
|
||||
&-provider {
|
||||
// generic text buttons are allocated with y-expand-ed
|
||||
padding: 0 16px;
|
||||
font-weight: 500;
|
||||
@include button(flat-normal);
|
||||
&:hover { @include button(flat-hover); }
|
||||
&:focus { @include button(flat-focus); }
|
||||
&:active { @include button(flat-active); }
|
||||
&:insensitive { @include button(flat-disabled); }
|
||||
}
|
||||
|
||||
&-current {
|
||||
&-icon,
|
||||
&-summary,
|
||||
&-summarybox {
|
||||
background: none;
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
&-databox-values {
|
||||
background: none;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
|
||||
&-databox-captions {
|
||||
background: none;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
&-forecast {
|
||||
&-icon,
|
||||
&-summary {
|
||||
background: none;
|
||||
color: $alt_fg_color;
|
||||
}
|
||||
|
||||
&-day,
|
||||
&-temperature {
|
||||
background: none;
|
||||
color: $hint_fg_color;
|
||||
}
|
||||
}
|
||||
|
||||
&-sunrise-icon,
|
||||
&-sunset-icon,
|
||||
&-build-icon { color: $alt_fg_color; }
|
||||
}
|
||||
|
||||
// GPaste
|
||||
|
||||
.popup-menu {
|
||||
.search-entry {
|
||||
color: $fg_color;
|
||||
selection-background-color: $primary_color;
|
||||
selected-color: $light_fg_color;
|
||||
@include entry(normal);
|
||||
|
||||
&:focus {
|
||||
@include entry(focus);
|
||||
color: $fg_color;
|
||||
}
|
||||
|
||||
.search-entry-icon { color: $hint_fg_color; }
|
||||
|
||||
&:hover, &:focus {
|
||||
.search-entry-icon { color: $fg_color; }
|
||||
}
|
||||
}
|
||||
}
|
||||
Loading…
x
Reference in New Issue
Block a user