199529a67d
- updated switch assets - new high contrast assets - use non-hardcoded bg color for dash - updated palette colors - add missing color definitions to hc - increase radii of many elements - update search entry style - align icon better in search entry - restyle panel popovers without arrow and add drop shadow - used theme colors in panel - fix some things with popover labels - new slider style - some light variant fixes - fixes to the calendar popover - day with event styles - better calendar-today.svg and dark variant - shorten calendary weekday header - saner padding - overhaul popover menu style - minor fixes to app grid and alt-tab switch - updated looking glass styles - nm-dialog adjustments - search results adjustments - expand out panel button hover styles - button drawing adjustments - adjust notifications area - update on-screen keyboard style - better keyboard symbolic icon assets - change keyboard symbolic icons to 24px - improved keyboard style - gave the keyboard word suggestions some styles - less obnoxious saner media control buttons - cleaned up the css for the dash - reworked the alt-tab switcher style - sync style on workspace switcher - adjusted dialog button style drawing - popover submenu redrawing adjustement Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2104>
91 lines
1.7 KiB
SCSS
91 lines
1.7 KiB
SCSS
/* App Switcher */
|
|
|
|
// same as dash
|
|
$switcher_padding: $base_padding + 4px; // 10px
|
|
$switcher_border_radius: $modal_radius + 8px;
|
|
|
|
|
|
// the full screen container of the switcher
|
|
.switcher-popup {
|
|
padding: 0;
|
|
spacing: $base_spacing * 4;
|
|
}
|
|
|
|
// switcher onscreen panel
|
|
.switcher-list {
|
|
@extend %osd_panel;
|
|
padding: $switcher_padding;
|
|
border-radius: $switcher_border_radius;
|
|
box-shadow: 0 8px 8px 0 rgba(0,0,0,0.1);
|
|
|
|
// container for items in list
|
|
.switcher-list-item-container {
|
|
spacing: $base_spacing * 2;
|
|
}
|
|
|
|
// each item in the list
|
|
.item-box {
|
|
@extend %icon_tile;
|
|
|
|
&:outlined {
|
|
background-color: transparentize($osd_fg_color, 0.7);
|
|
}
|
|
|
|
&:hover,
|
|
&:selected {
|
|
background-color: transparentize($osd_fg_color, .9);
|
|
}
|
|
|
|
&:focus {
|
|
background-color: transparentize($osd_fg_color, .7);
|
|
// border-color: $selected_bg_color;
|
|
}
|
|
|
|
&:focus,
|
|
&:active,
|
|
&:checked {
|
|
background-color: transparentize(darken($osd_bg_color, 10%), .5);
|
|
}
|
|
}
|
|
|
|
.separator {
|
|
width: 1px;
|
|
background: $borders_color;
|
|
}
|
|
|
|
// container of thumbnails
|
|
.thumbnail-box {
|
|
padding: 2px;
|
|
spacing: $base_spacing;
|
|
}
|
|
|
|
// window thumbnail itself
|
|
.thumbnail {
|
|
width: 256px; // equal to THUMBNAIL_DEFAULT_SIZE in altTab.js
|
|
border-radius:$base_border_radius;
|
|
}
|
|
}
|
|
|
|
// arrow if app has multiple windows
|
|
.switcher-arrow {
|
|
border-color: transparentize($osd_fg_color, 0.2);
|
|
color: transparentize($osd_fg_color, 0.2);
|
|
|
|
&:highlighted {
|
|
border-color: $osd_fg_color;
|
|
color: $osd_fg_color;
|
|
}
|
|
}
|
|
|
|
// Input Source Switcher
|
|
.input-source-switcher-symbol {
|
|
font-size: 34pt;
|
|
width: 96px;
|
|
height: 96px;
|
|
}
|
|
|
|
// Window cycler highlight
|
|
.cycler-highlight {
|
|
border: 5px solid $selected_bg_color;
|
|
}
|