luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
vinceliuice 2020-12-18 22:35:46 +08:00
parent 5d55ff3b72
commit 15a07ecb17
17 changed files with 536 additions and 382 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
parse-sass.sh
View File

@ -49,3 +49,8 @@ for color in "${_COLOR_VARIANTS[@]}"; do
done done
done 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..."

10
src/main/gnome-shell/gnome-shell-dark-alt.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(16, 16, 16, 0.25); background-color: rgba(16, 16, 16, 0.25);
} }

10
src/main/gnome-shell/gnome-shell-dark-solid-alt.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(16, 16, 16, 0.25); background-color: rgba(16, 16, 16, 0.25);
} }

10
src/main/gnome-shell/gnome-shell-dark-solid.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(16, 16, 16, 0.25); background-color: rgba(16, 16, 16, 0.25);
} }

10
src/main/gnome-shell/gnome-shell-dark.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(16, 16, 16, 0.25); background-color: rgba(16, 16, 16, 0.25);
} }

10
src/main/gnome-shell/gnome-shell-light-alt.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(241, 241, 241, 0.15); background-color: rgba(241, 241, 241, 0.15);
} }

10
src/main/gnome-shell/gnome-shell-light-solid-alt.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(241, 241, 241, 0.15); background-color: rgba(241, 241, 241, 0.15);
} }

10
src/main/gnome-shell/gnome-shell-light-solid.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(241, 241, 241, 0.15); background-color: rgba(241, 241, 241, 0.15);
} }

10
src/main/gnome-shell/gnome-shell-light.css
View File

@ -3914,7 +3914,7 @@ StWidget.focused .app-well-app-running-dot {
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; 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); 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; 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); 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; 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); 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; border-right-width: 0;
} }
@ -3993,7 +3993,7 @@ StWidget.focused .app-well-app-running-dot {
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(241, 241, 241, 0.15); background-color: rgba(241, 241, 241, 0.15);
} }

173
src/other/dash-to-dock/_dash-to-dock.scss Normal file
View 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;
}

38
src/other/dash-to-dock/stylesheet-dark.css
View File

@ -12,10 +12,6 @@
background-color: transparent; background-color: transparent;
} }
#dashtodockContainer .app-well-app-running-dot {
background-color: white;
}
#dashtodockContainer .number-overlay { #dashtodockContainer .number-overlay {
color: white; color: white;
background-color: rgba(0, 0, 0, 0.75); 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); 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; border-top-width: 0;
} }
@ -67,7 +63,7 @@
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; border-bottom-width: 0;
} }
@ -85,7 +81,7 @@
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; border-left-width: 0;
} }
@ -103,7 +99,7 @@
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; border-right-width: 0;
} }
@ -128,36 +124,20 @@
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(16, 16, 16, 0.25); background: 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.opaque #dash { #dashtodockContainer.opaque #dash {
background-color: rgba(16, 16, 16, 0.25); background: rgba(16, 16, 16, 0.25);
} }
#dashtodockContainer.transparent #dash { #dashtodockContainer.transparent #dash {
background-color: rgba(16, 16, 16, 0.25); background: rgba(16, 16, 16, 0.25);
} }
#dashtodockContainer:overview #dash { #dashtodockContainer:overview #dash {
background-color: rgba(255, 255, 255, 0.15); background: 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;
} }
#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { #dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {

8
src/other/dash-to-dock/stylesheet-dark.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'dark';
$laptop: 'false';
$trans: 'true';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';
@import '_dash-to-dock.scss';

38
src/other/dash-to-dock/stylesheet.css
View File

@ -12,10 +12,6 @@
background-color: transparent; background-color: transparent;
} }
#dashtodockContainer .app-well-app-running-dot {
background-color: black;
}
#dashtodockContainer .number-overlay { #dashtodockContainer .number-overlay {
color: white; color: white;
background-color: rgba(0, 0, 0, 0.75); 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); 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; border-top-width: 0;
} }
@ -67,7 +63,7 @@
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; border-bottom-width: 0;
} }
@ -85,7 +81,7 @@
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; border-left-width: 0;
} }
@ -103,7 +99,7 @@
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.05); 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; border-right-width: 0;
} }
@ -128,36 +124,20 @@
padding-bottom: 0; padding-bottom: 0;
} }
#dashtodockContainer #dash { #dashtodockContainer.dashtodock #dash {
background-color: rgba(241, 241, 241, 0.15); background: 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.opaque #dash { #dashtodockContainer.opaque #dash {
background-color: rgba(241, 241, 241, 0.15); background: rgba(241, 241, 241, 0.15);
} }
#dashtodockContainer.transparent #dash { #dashtodockContainer.transparent #dash {
background-color: rgba(241, 241, 241, 0.15); background: rgba(241, 241, 241, 0.15);
} }
#dashtodockContainer:overview #dash { #dashtodockContainer:overview #dash {
background-color: rgba(255, 255, 255, 0.15); background: 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;
} }
#dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash { #dashtodockContainer.opaque:overview #dash, #dashtodockContainer.transparent:overview #dash {

8
src/other/dash-to-dock/stylesheet.scss Normal file
View File

@ -0,0 +1,8 @@
$variant: 'light';
$laptop: 'false';
$trans: 'true';
$black: 'false';
@import '../../sass/colors';
@import '../../sass/variables';
@import '_dash-to-dock.scss';

286
src/sass/gnome-shell/_extensions.scss
View File

@ -1,284 +1,2 @@
// Dash to Dock @import 'extensions/dash-to-dock';
@import 'extensions/misc';
$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; }
}
}
}

195
src/sass/gnome-shell/extensions/_dash-to-dock.scss Normal file
View 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
View 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; }
}
}
}