gtk: Adopt Material banner style to infobar
But only for .info and .question style classes.
https://material.io/design/components/banners.html
by roundabout, Sunday, 21 April 2019, 02:49:03 (1555814943), pushed by roundabout, Sunday, 11 May 2025, 13:22:36 (1746969756)
Author identity: nana-4 <hnmaigo@gmail.com>
84a2d3f5c3760f9b6f1a1227666431539cab848b
src/_sass/_colors.scss
@@ -82,11 +82,6 @@ $success: $green;
$suggested: $primary;
$destructive: $error;
$infobar-info: $green;
$infobar-question: $blue;
$infobar-warning: $warning;
$infobar-error: $error;
$frame: if($variant == 'light', rgba(black, 0.12), rgba(black, 0.26)); // instead of shadows
$border-alt: rgba(black, 0.26); // darker border color for Chrome and Firefox
$titlebar-indicator: if($topbar == 'dark', currentColor, $primary);
src/_sass/cinnamon/_common.scss
@@ -1097,7 +1097,7 @@ StScrollView {
padding-left: 3px;
}
.window-list-item-demands-attention {
background-color: $infobar-info;
background-color: $titlebar;
color: $titlebar-text-secondary;
}
// cinnamon 3.8 will support an improved window-list-thumbnail preview which now has it's own selector
@@ -1155,7 +1155,7 @@ StScrollView {
}
}
&-item-demands-attention {
background-color: $infobar-info;
background-color: $titlebar;
color: $titlebar-text-secondary;
}
&-thumbnail-menu {
src/_sass/gtk/_common-3.20.scss
@@ -3123,25 +3123,43 @@ paned {
infobar {
border-style: none;
&.info { background-color: $infobar-info; }
&.info,
&.question {
border-bottom: 1px solid $divider;
background-color: $base;
&.question { background-color: $infobar-question; }
button {
@extend %simple_flat_button;
&.warning { background-color: $infobar-warning; }
&.text-button {
padding-left: 8px;
padding-right: 8px;
&.error { background-color: $infobar-error; }
&:not(:disabled) { color: $primary; }
}
}
}
&.warning {
background-color: $warning;
color: on($warning);
// button { @extend %button_selected; }
selection {}
*:link { color: on($warning); }
}
&.info,
&.question,
&.warning,
&.error {
> label, & { color: on(dark); }
background-color: $error;
color: on($error);
button { @extend %button_selected; }
selection {}
*:link { color: on(dark); }
*:link { color: on($error); }
}
}