This commit is contained in:
vinceliuice 2020-12-13 12:56:16 +08:00
parent 989c3be9f5
commit ef6ac4fd65
10 changed files with 161 additions and 29 deletions

View File

@ -272,6 +272,17 @@ install_dialog() {
fi
}
install_depends() {
if [ ! "$(which glib-compile-resources 2> /dev/null)" ]; then
prompt -w "\n 'glib2.0' needs to be installed for this shell"
if has_command apt; then
sudo apt install libglib2.0-dev-bin
elif has_command dnf; then
sudo dnf install -y glib2-devel
fi
fi
}
run_sidebar_dialog() {
if [[ -x /usr/bin/dialog ]]; then
tui=$(dialog --backtitle "${THEME_NAME} gtk theme installer" \
@ -518,6 +529,9 @@ while [[ $# -gt 0 ]]; do
done
install_theme() {
# install depends
install_depends
for color in "${colors[@]-${COLOR_VARIANTS[@]}}"; do
for opacity in "${opacities[@]-${OPACITY_VARIANTS[@]}}"; do
for alt in "${alts[@]-${ALT_VARIANTS[@]}}"; do

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #afafaf;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #afafaf;
box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.06);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(255, 255, 255, 0.06);
color: #dedede;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -2821,19 +2821,31 @@ StWidget.focused .app-well-app-running-dot {
background-color: transparent;
color: #424242;
font-weight: 500;
border-width: 0;
}
.notification-banner .notification-button:first-child {
border-radius: 0 0 0 2px;
border-radius: 0 0 0 6px;
}
.notification-banner .notification-button:last-child {
border-radius: 0 0 2px 0;
border-radius: 0 0 6px 0;
}
.notification-banner .notification-button:hover, .notification-banner .notification-buttonfocus {
.notification-banner .notification-button:only-child, .notification-banner .notification-button:first-child:last-child {
border-radius: 0 0 6px 6px;
}
.notification-banner .notification-button:focus {
background-color: transparent;
color: #424242;
box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.12);
}
.notification-banner .notification-button:hover, .notification-banner .notification-button:focus:hover {
background-color: rgba(0, 0, 0, 0.12);
color: #242424;
box-shadow: none;
}
.notification-banner .notification-button:active {

View File

@ -1917,7 +1917,7 @@ $popop_menuitem_radius: $wm_radius - 4px;
/* OVERVIEW */
#overview {
spacing: 24px; //
spacing: 24px;
StScrollBar { @extend %overview_scrollbar; }
}
@ -2464,6 +2464,7 @@ StWidget.focused .app-well-app-running-dot {
background-color: rgba($base_color, 0.92);
border: none;
box-shadow: $shadow_2;
&:hover { background-color: rgba($base_color, 0.95); }
&:focus { background-color: $base_color; }
@ -2476,16 +2477,37 @@ StWidget.focused .app-well-app-running-dot {
border-top: 1px solid $borders_color;
spacing: 1px;
}
.notification-button {
min-height: 40px;
padding: 0 16px;
background-color: transparent;
color: $alt_fg_color;
font-weight: 500;
&:first-child { border-radius: 0 0 0 2px; }
&:last-child { border-radius: 0 0 2px 0; }
&:hover, &focus { background-color: $divider_color; color: $fg_color; }
&:active { background-color: $track_color; color: $fg_color; }
border-width: 0;
&:first-child { border-radius: 0 0 0 $bt_radius; }
&:last-child { border-radius: 0 0 $bt_radius 0; }
&:only-child, &:first-child:last-child { border-radius: 0 0 $bt_radius $bt_radius; }
&:focus {
background-color: transparent;
color: $alt_fg_color;
box-shadow: inset 0 0 0 2px $divider_color;
}
&:hover, &:focus:hover {
background-color: $divider_color;
color: $fg_color;
box-shadow: none;
}
&:active {
background-color: $track_color;
color: $fg_color;
}
}
}