style: New window-icon class to split it from icon-dropshadow

- new class for window icons in window picker
- move HC specific styles to this new class

Fixes: https://gitlab.gnome.org/GNOME/gnome-shell-extensions/-/issues/507
Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3310>
This commit is contained in:
Sam Hewitt 2024-05-13 13:10:35 -02:30
parent 4f174f16a3
commit 6fee2c24e3
3 changed files with 14 additions and 5 deletions

View File

@ -18,10 +18,5 @@
@if $contrast == 'high' {
icon-shadow: none;
background-color: $osd_bg_color;
padding: $base_padding * 2;
border-radius: $modal_radius;
border: 2px solid $hc_inset_color;
margin: $base_padding * 3;
}
}

View File

@ -7,6 +7,19 @@ $window_close_button_color: transparentize(lighten($system_bg_color, 7%), .02);
spacing: $base_padding;
}
// Window icons
.window-icon {
// styled only with .icon-dropshadow
// but has a different style in high-contrast
@if $contrast == 'high' {
background-color: $osd_bg_color;
padding: $base_padding * 2;
border-radius: $modal_radius;
border: 2px solid $hc_inset_color;
margin: $base_padding * 3;
}
}
// Window titles
.window-caption {
@extend %tooltip;

View File

@ -133,6 +133,7 @@ export const WindowPreview = GObject.registerClass({
const tracker = Shell.WindowTracker.get_default();
const app = tracker.get_window_app(this.metaWindow);
this._icon = app.create_icon_texture(ICON_SIZE);
this._icon.add_style_class_name('window-icon');
this._icon.add_style_class_name('icon-dropshadow');
this._icon.set({
reactive: true,