This commit is contained in:
Vince 2021-04-24 23:14:31 +08:00
parent acc1fcf027
commit 880be876f8
5 changed files with 28 additions and 41 deletions

View File

@ -1,8 +1,6 @@
/* App Icons */ /* App Icons */
$app_grid_fg_color: #fff;
.show-apps, .show-apps,
.app-well-app, .app-well-app,
%app-well-app { %app-well-app {
@ -62,7 +60,7 @@ $app_grid_fg_color: #fff;
} }
& .folder-name-entry { & .folder-name-entry {
@extend %search-entry !optional; @extend %search-entry;
width: 300px; width: 300px;
} }
@ -78,7 +76,7 @@ $app_grid_fg_color: #fff;
height: 36px; height: 36px;
border-radius: 18px; border-radius: 18px;
& > StIcon { icon-size: 16px } & > StIcon { icon-size: 16px; }
&:hover { background-color: $light_divider_color; } &:hover { background-color: $light_divider_color; }
&:checked, &:active { background-color: $light_track_color; } &:checked, &:active { background-color: $light_track_color; }

View File

@ -221,15 +221,5 @@
#panel.lock-screen { background-color: $alt_dark_bg_color; } #panel.lock-screen { background-color: $alt_dark_bg_color; }
#screenShieldNotifications { #screenShieldNotifications {
StScrollBar { StScrollBar { @extend %overview_scrollbar; }
StBin#trough {
background-color: $light_divider_color;
}
StButton#vhandle, StButton#hhandle {
background-color: $light_hint_fg_color;
&:hover { background-color: $light_alt_fg_color; }
&:active { background-color: $light_alt_fg_color; }
}
}
} }

View File

@ -1,4 +1,16 @@
%overview_scrollbar {
StBin#trough {
background-color: $inverse_divider_color;
}
StButton#vhandle, StButton#hhandle {
background-color: $inverse_hint_fg_color;
&:hover { background-color: $inverse_secondary_fg_color; }
&:active { background-color: $inverse_fg_color; }
}
}
#overview { #overview {
spacing: 24px; spacing: 24px;
StScrollBar { @extend %overview_scrollbar !optional; } StScrollBar { @extend %overview_scrollbar; }
} }

View File

@ -1084,11 +1084,11 @@ spinbutton {
> button.up:dir(rtl):hover:not(:active), > button.up:dir(rtl):hover:not(:active),
> text + button:not(:active):hover { box-shadow: none; } > text + button:not(:active):hover { box-shadow: none; }
> text:focus + button { border-left-color: $entry_highlight; } > text:focus-within + button { border-left-color: $entry_highlight; }
> text:drop(active) + button { border-left-color: $drop_target_color; } > text:drop(active) + button { border-left-color: $drop_target_color; }
.osd & { .osd & {
&, &:focus, &:drop(active) { border-image: none; } &, &:focus-within, &:drop(active) { border-image: none; }
> button:hover:not(:active), > button:hover:not(:active),
> button:hover + button { box-shadow: inset 1px 0 $osd_button_border; } > button:hover + button { box-shadow: inset 1px 0 $osd_button_border; }
@ -1096,7 +1096,7 @@ spinbutton {
> button.up:dir(rtl):hover:not(:active), > button.up:dir(rtl):hover:not(:active),
> text + button:not(:active):hover { box-shadow: none; } > text + button:not(:active):hover { box-shadow: none; }
> text:focus + button { border-left-color: $entry_highlight; } > text:focus-within + button { border-left-color: $entry_highlight; }
} }
} }
@ -1111,7 +1111,7 @@ spinbutton {
> button.up { border-radius: $bt_radius $bt_radius 0 0; } > button.up { border-radius: $bt_radius $bt_radius 0 0; }
> text:focus + button { border-top-color: $entry_highlight; } > text:focus-within + button { border-top-color: $entry_highlight; }
> text:drop(active) + button { border-top-color: $drop_target_color; } > text:drop(active) + button { border-top-color: $drop_target_color; }
} }
@ -1966,19 +1966,10 @@ treeview.view {
color: $borders_color; color: $borders_color;
} }
&:drop(active) {
border-style: solid none;
border-width: 1px;
border-color: mix($fg_color, $selected_bg_color, 50%);
&.after { border-top-style: none; }
&.before { border-bottom-style: none; }
}
> dndtarget:drop(active) { > dndtarget:drop(active) {
border-style: solid none; border-style: solid none;
border-width: 1px; border-width: 1px;
border-color: $selected_borders_color; border-color: mix($fg_color, $selected_bg_color, 50%);
&.after { border-top-style: none; } &.after { border-top-style: none; }
@ -2778,7 +2769,7 @@ radio {
margin: 0 2px; margin: 0 2px;
&:only-child, &:only-child,
menu menuitem & { margin: 0; } popover.menu > contents & { margin: 0; }
} }
// //
@ -2816,7 +2807,6 @@ scale {
$_scale_trough_bg: rgba(black, 0.2); $_scale_trough_bg: rgba(black, 0.2);
outline-offset: 2px; outline-offset: 2px;
border-radius: $bt_radius; border-radius: $bt_radius;
background-color: $_scale_trough_bg; background-color: $_scale_trough_bg;
@ -2836,7 +2826,7 @@ scale {
} }
// Troughs in selected list-rows and infobars // Troughs in selected list-rows and infobars
menuitem:hover &, modelbutton:hover &,
row:selected &, row:selected &,
infobar & { infobar & {
background-color: transparentize(black, 0.8); background-color: transparentize(black, 0.8);
@ -2898,7 +2888,7 @@ scale {
} }
// Selected list-row and infobar sliders // Selected list-row and infobar sliders
menuitem:hover &, modelbutton:hover &,
row:selected &, row:selected &,
infobar & { infobar & {
background-clip: border-box; background-clip: border-box;
@ -3103,8 +3093,8 @@ progressbar {
} }
} }
&.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border // &.horizontal > trough > progress { margin: 0 -1px; } // the progress node is positioned after the trough border
&.vertical > trough > progress { margin: -1px 0; } // this moves it over it. // &.vertical > trough > progress { margin: -1px 0; } // this moves it over it.
&.osd { &.osd {
min-width: 3px; min-width: 3px;
@ -3514,10 +3504,7 @@ calendar {
} }
> label:focus { > label:focus {
outline-color: $borders_color; outline-style: none;
outline-offset: -2px;
outline-width: 2px;
outline-style: solid;
} }
> label.day-number { > label.day-number {
@ -4003,7 +3990,7 @@ infobar {
background-color: $selected_fg_color; background-color: $selected_fg_color;
} }
*:link { @extend %link_selected; } link { @extend %link_selected; }
} }
} }
} }