diff --git a/src/_sass/gtk/_common-4.0.scss b/src/_sass/gtk/_common-4.0.scss index 15dece11..404434ae 100644 --- a/src/_sass/gtk/_common-4.0.scss +++ b/src/_sass/gtk/_common-4.0.scss @@ -1659,14 +1659,18 @@ headerbar { &:disabled { color: on($header, disabled); } - &.flat, - .sidebar-pane .top-bar &, - .content-pane .top-bar & { - box-shadow: inset 0 1px highlight($background); - background-color: transparent; - color: $text; - - button { @extend %flat_button; } + @if $topbar == 'dark' and $variant 'light' { + // nothing + } @else { + &.flat, + .sidebar-pane .top-bar &, + .content-pane .top-bar & { + box-shadow: inset 0 1px highlight($background); + background-color: transparent; + color: $text; + + button { @extend %flat_button; } + } } &.titlebar { box-shadow: $header_shadow, inset 0 1px highlight($header); } @@ -3967,6 +3971,7 @@ calendar { // window.dialog.message { // Message Dialog styling background-color: $surface; + background-image: none; .dialog-vbox { border-spacing: $space_size * 2; @@ -4016,6 +4021,7 @@ window.dialog.message { // Message Dialog styling window.messagedialog { background-color: $surface; color: $text; + background-image: none; &.csd { outline: none; @@ -4252,9 +4258,27 @@ scrolledwindow { background-color: $base-alt; color: $text; + @if $topbar == 'dark' and $variant == 'light' { + background-color: transparent; + background-image: linear-gradient(to bottom, + $header, + $header $medium-size + $space_size * 2, + $base-alt $medium-size + $space_size * 2, + $base-alt); + } + &:backdrop { background-color: $background; transition: background-color $shorter_duration $deceleration_curve; + + @if $topbar == 'dark' and $variant == 'light' { + background-color: transparent; + background-image: linear-gradient(to bottom, + $header, + $header $medium-size + $space_size * 2, + $background $medium-size + $space_size * 2, + $background); + } } headerbar { @@ -4301,9 +4325,27 @@ scrolledwindow { background-color: $base; color: $text; + @if $topbar == 'dark' and $variant == 'light' { + background-color: transparent; + background-image: linear-gradient(to bottom, + $header, + $header $medium-size + $space_size * 2, + $base $medium-size + $space_size * 2, + $base); + } + &:backdrop { background-color: $background; transition: background-color $shorter_duration $deceleration_curve; + + @if $topbar == 'dark' and $variant == 'light' { + background-color: transparent; + background-image: linear-gradient(to bottom, + $header, + $header $medium-size + $space_size * 2, + $background $medium-size + $space_size * 2, + $background); + } } banner > revealer > widget { @@ -4379,6 +4421,15 @@ scrolledwindow { background-color: $background; color: $text; + @if $topbar == 'dark' and $variant == 'light' { + background-color: transparent; + background-image: linear-gradient(to bottom, + $header, + $header $medium-size + $space_size * 2, + $background $medium-size + $space_size * 2, + $background); + } + headerbar { border-top-left-radius: 0; } @@ -4392,6 +4443,12 @@ scrolledwindow { .collapse-spacing { padding: 0; } + + > windowhandle { + &, &:backdrop { + filder: none; + } + } } // Floating sheet @@ -4817,7 +4874,7 @@ window { box-shadow: $shadow_4, 0 16px 16px 2px rgba(black, 0), 0 6px 18px 5px rgba(black, 0); } - &.messagedialog { + &.messagedialog, &.message { @if $topbar == 'dark' and $variant == 'light' { &.background { background-color: $surface; diff --git a/src/gtk/4.0/gtk-dark.css b/src/gtk/4.0/gtk-dark.css index 685b4ba0..8775241b 100644 --- a/src/gtk/4.0/gtk-dark.css +++ b/src/gtk/4.0/gtk-dark.css @@ -639,7 +639,7 @@ button:checked:disabled { datechooser button.circular.day, #NautilusQueryEditor > menubutton > button.image-button.toggle, button.emoji-section, window.dialog.message .dialog-action-area > button, row button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, pathbar > button, -.pathbar > button, headerbar.flat button, .sidebar-pane .top-bar headerbar button, .content-pane .top-bar headerbar button, .toolbar > button, .linked > spinbutton:not(.vertical) > button.up, .linked > spinbutton:not(.vertical) > button.down, +.pathbar > button, .toolbar > button, .linked > spinbutton:not(.vertical) > button.up, .linked > spinbutton:not(.vertical) > button.down, list > row button.image-button:not(.flat), splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, toolbutton button, toolbutton button.image-button, toolbutton button.toggle, .linked.stack-switcher > button, button.flat, toast button { box-shadow: none; @@ -656,7 +656,7 @@ splitbutton.flat > menubutton > button, menubutton.suggested-action > button, me datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { transition-duration: 100ms, 225ms, 0ms, 0ms; @@ -666,7 +666,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { background-image: radial-gradient(circle, alpha(currentColor,0.16) 10%, transparent 10%); @@ -674,7 +674,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:hover, #NautilusQueryEditor > menubutton > button.image-button.toggle:hover, button.emoji-section:hover, window.dialog.message .dialog-action-area > button:hover, row button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, pathbar > button:hover, -.pathbar > button:hover, headerbar.flat button:hover, .sidebar-pane .top-bar headerbar button:hover, .content-pane .top-bar headerbar button:hover, .toolbar > button:hover, .linked > spinbutton:not(.vertical) > button.up:hover, .linked > spinbutton:not(.vertical) > button.down:hover, +.pathbar > button:hover, .toolbar > button:hover, .linked > spinbutton:not(.vertical) > button.up:hover, .linked > spinbutton:not(.vertical) > button.down:hover, list > row button.image-button:hover:not(.flat), splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, toolbutton button:hover, .linked.stack-switcher > button:hover, button.flat:hover, toast button:hover { box-shadow: none; @@ -684,7 +684,7 @@ splitbutton.flat > menubutton > button:hover, menubutton.suggested-action > butt datechooser button.circular.day:focus, #NautilusQueryEditor > menubutton > button.image-button.toggle:focus, button.emoji-section:focus, window.dialog.message .dialog-action-area > button:focus, row button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:focus, popover.menu box.inline-buttons button.image-button.model:focus, pathbar > button:focus, -.pathbar > button:focus, headerbar.flat button:focus, .sidebar-pane .top-bar headerbar button:focus, .content-pane .top-bar headerbar button:focus, .toolbar > button:focus, .linked > spinbutton:not(.vertical) > button.up:focus, .linked > spinbutton:not(.vertical) > button.down:focus, +.pathbar > button:focus, .toolbar > button:focus, .linked > spinbutton:not(.vertical) > button.up:focus, .linked > spinbutton:not(.vertical) > button.down:focus, list > row button.image-button:focus:not(.flat), splitbutton.flat > button:focus, splitbutton.flat > menubutton > button:focus, menubutton.suggested-action > button:focus, menubutton.destructive-action > button:focus, menubutton.opaque > button:focus, menubutton.flat > button:focus, toolbutton button:focus, .linked.stack-switcher > button:focus, button.flat:focus, toast button:focus { outline: none; @@ -694,7 +694,7 @@ splitbutton.flat > menubutton > button:focus, menubutton.suggested-action > butt datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { box-shadow: none; @@ -704,7 +704,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:disabled, #NautilusQueryEditor > menubutton > button.image-button.toggle:disabled, button.emoji-section:disabled, window.dialog.message .dialog-action-area > button:disabled, row button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, pathbar > button:disabled, -.pathbar > button:disabled, headerbar.flat button:disabled, .sidebar-pane .top-bar headerbar button:disabled, .content-pane .top-bar headerbar button:disabled, .toolbar > button:disabled, .linked > spinbutton:not(.vertical) > button.up:disabled, .linked > spinbutton:not(.vertical) > button.down:disabled, +.pathbar > button:disabled, .toolbar > button:disabled, .linked > spinbutton:not(.vertical) > button.up:disabled, .linked > spinbutton:not(.vertical) > button.down:disabled, list > row button.image-button:disabled:not(.flat), splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, toolbutton button:disabled, .linked.stack-switcher > button:disabled, button.flat:disabled, toast button:disabled { box-shadow: none; @@ -716,7 +716,7 @@ splitbutton.flat > menubutton > button:disabled, menubutton.suggested-action > b datechooser button.circular.day:checked, #NautilusQueryEditor > menubutton > button.image-button.toggle:checked, button.emoji-section:checked, window.dialog.message .dialog-action-area > button:checked, row button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, pathbar > button:checked, -.pathbar > button:checked, headerbar.flat button:checked, .sidebar-pane .top-bar headerbar button:checked, .content-pane .top-bar headerbar button:checked, .toolbar > button:checked, .linked > spinbutton:not(.vertical) > button.up:checked, .linked > spinbutton:not(.vertical) > button.down:checked, +.pathbar > button:checked, .toolbar > button:checked, .linked > spinbutton:not(.vertical) > button.up:checked, .linked > spinbutton:not(.vertical) > button.down:checked, list > row button.image-button:checked:not(.flat), splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, toolbutton button:checked, .linked.stack-switcher > button:checked, button.flat:checked, toast button:checked { color: white; @@ -725,7 +725,7 @@ splitbutton.flat > menubutton > button:checked, menubutton.suggested-action > bu datechooser button.circular.day:checked:disabled, #NautilusQueryEditor > menubutton > button.image-button.toggle:checked:disabled, button.emoji-section:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, row button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, pathbar > button:checked:disabled, -.pathbar > button:checked:disabled, headerbar.flat button:checked:disabled, .sidebar-pane .top-bar headerbar button:checked:disabled, .content-pane .top-bar headerbar button:checked:disabled, .toolbar > button:checked:disabled, .linked > spinbutton:not(.vertical) > button.up:checked:disabled, .linked > spinbutton:not(.vertical) > button.down:checked:disabled, +.pathbar > button:checked:disabled, .toolbar > button:checked:disabled, .linked > spinbutton:not(.vertical) > button.up:checked:disabled, .linked > spinbutton:not(.vertical) > button.down:checked:disabled, list > row button.image-button:checked:disabled:not(.flat), splitbutton.flat > button:checked:disabled, splitbutton.flat > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, toolbutton button:checked:disabled, .linked.stack-switcher > button:checked:disabled, button.flat:checked:disabled, toast button:checked:disabled { background-color: alpha(currentColor,0.06); @@ -2213,12 +2213,6 @@ headerbar:disabled { color: rgba(255, 255, 255, 0.45); } -headerbar.flat, .sidebar-pane .top-bar headerbar, .content-pane .top-bar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.1); - background-color: transparent; - color: white; -} - headerbar.titlebar { box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } @@ -4728,6 +4722,7 @@ calendar > grid > label.day-number.other-month { window.dialog.message { background-color: #383a3e; + background-image: none; } window.dialog.message .dialog-vbox { @@ -4774,6 +4769,7 @@ window.dialog.message .dialog-action-area > button.destructive-action { window.messagedialog { background-color: #383a3e; color: white; + background-image: none; } window.messagedialog.csd { @@ -5354,6 +5350,10 @@ scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { padding: 0; } +.top-bar > windowhandle, .top-bar > windowhandle:backdrop { + filder: none; +} + floating-sheet > dimming { background-color: rgba(0, 0, 0, 0.35); } diff --git a/src/gtk/4.0/gtk-light.css b/src/gtk/4.0/gtk-light.css index 440694bd..3e25b431 100644 --- a/src/gtk/4.0/gtk-light.css +++ b/src/gtk/4.0/gtk-light.css @@ -639,7 +639,7 @@ button:checked:disabled { datechooser button.circular.day, #NautilusQueryEditor > menubutton > button.image-button.toggle, button.emoji-section, window.dialog.message .dialog-action-area > button, row button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, pathbar > button, -.pathbar > button, headerbar.flat button, .sidebar-pane .top-bar headerbar button, .content-pane .top-bar headerbar button, .toolbar > button, .linked > spinbutton:not(.vertical) > button.up, .linked > spinbutton:not(.vertical) > button.down, +.pathbar > button, .toolbar > button, .linked > spinbutton:not(.vertical) > button.up, .linked > spinbutton:not(.vertical) > button.down, list > row button.image-button:not(.flat), splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, toolbutton button, toolbutton button.image-button, toolbutton button.toggle, .linked.stack-switcher > button, button.flat, toast button { box-shadow: none; @@ -656,7 +656,7 @@ splitbutton.flat > menubutton > button, menubutton.suggested-action > button, me datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { transition-duration: 100ms, 225ms, 0ms, 0ms; @@ -666,7 +666,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { background-image: radial-gradient(circle, alpha(currentColor,0.16) 10%, transparent 10%); @@ -674,7 +674,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:hover, #NautilusQueryEditor > menubutton > button.image-button.toggle:hover, button.emoji-section:hover, window.dialog.message .dialog-action-area > button:hover, row button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, pathbar > button:hover, -.pathbar > button:hover, headerbar.flat button:hover, .sidebar-pane .top-bar headerbar button:hover, .content-pane .top-bar headerbar button:hover, .toolbar > button:hover, .linked > spinbutton:not(.vertical) > button.up:hover, .linked > spinbutton:not(.vertical) > button.down:hover, +.pathbar > button:hover, .toolbar > button:hover, .linked > spinbutton:not(.vertical) > button.up:hover, .linked > spinbutton:not(.vertical) > button.down:hover, list > row button.image-button:hover:not(.flat), splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, toolbutton button:hover, .linked.stack-switcher > button:hover, button.flat:hover, toast button:hover { box-shadow: none; @@ -684,7 +684,7 @@ splitbutton.flat > menubutton > button:hover, menubutton.suggested-action > butt datechooser button.circular.day:focus, #NautilusQueryEditor > menubutton > button.image-button.toggle:focus, button.emoji-section:focus, window.dialog.message .dialog-action-area > button:focus, row button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:focus, popover.menu box.inline-buttons button.image-button.model:focus, pathbar > button:focus, -.pathbar > button:focus, headerbar.flat button:focus, .sidebar-pane .top-bar headerbar button:focus, .content-pane .top-bar headerbar button:focus, .toolbar > button:focus, .linked > spinbutton:not(.vertical) > button.up:focus, .linked > spinbutton:not(.vertical) > button.down:focus, +.pathbar > button:focus, .toolbar > button:focus, .linked > spinbutton:not(.vertical) > button.up:focus, .linked > spinbutton:not(.vertical) > button.down:focus, list > row button.image-button:focus:not(.flat), splitbutton.flat > button:focus, splitbutton.flat > menubutton > button:focus, menubutton.suggested-action > button:focus, menubutton.destructive-action > button:focus, menubutton.opaque > button:focus, menubutton.flat > button:focus, toolbutton button:focus, .linked.stack-switcher > button:focus, button.flat:focus, toast button:focus { outline: none; @@ -694,7 +694,7 @@ splitbutton.flat > menubutton > button:focus, menubutton.suggested-action > butt datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { box-shadow: none; @@ -704,7 +704,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:disabled, #NautilusQueryEditor > menubutton > button.image-button.toggle:disabled, button.emoji-section:disabled, window.dialog.message .dialog-action-area > button:disabled, row button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, pathbar > button:disabled, -.pathbar > button:disabled, headerbar.flat button:disabled, .sidebar-pane .top-bar headerbar button:disabled, .content-pane .top-bar headerbar button:disabled, .toolbar > button:disabled, .linked > spinbutton:not(.vertical) > button.up:disabled, .linked > spinbutton:not(.vertical) > button.down:disabled, +.pathbar > button:disabled, .toolbar > button:disabled, .linked > spinbutton:not(.vertical) > button.up:disabled, .linked > spinbutton:not(.vertical) > button.down:disabled, list > row button.image-button:disabled:not(.flat), splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, toolbutton button:disabled, .linked.stack-switcher > button:disabled, button.flat:disabled, toast button:disabled { box-shadow: none; @@ -716,7 +716,7 @@ splitbutton.flat > menubutton > button:disabled, menubutton.suggested-action > b datechooser button.circular.day:checked, #NautilusQueryEditor > menubutton > button.image-button.toggle:checked, button.emoji-section:checked, window.dialog.message .dialog-action-area > button:checked, row button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, pathbar > button:checked, -.pathbar > button:checked, headerbar.flat button:checked, .sidebar-pane .top-bar headerbar button:checked, .content-pane .top-bar headerbar button:checked, .toolbar > button:checked, .linked > spinbutton:not(.vertical) > button.up:checked, .linked > spinbutton:not(.vertical) > button.down:checked, +.pathbar > button:checked, .toolbar > button:checked, .linked > spinbutton:not(.vertical) > button.up:checked, .linked > spinbutton:not(.vertical) > button.down:checked, list > row button.image-button:checked:not(.flat), splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, toolbutton button:checked, .linked.stack-switcher > button:checked, button.flat:checked, toast button:checked { color: rgba(0, 0, 0, 0.87); @@ -725,7 +725,7 @@ splitbutton.flat > menubutton > button:checked, menubutton.suggested-action > bu datechooser button.circular.day:checked:disabled, #NautilusQueryEditor > menubutton > button.image-button.toggle:checked:disabled, button.emoji-section:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, row button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, pathbar > button:checked:disabled, -.pathbar > button:checked:disabled, headerbar.flat button:checked:disabled, .sidebar-pane .top-bar headerbar button:checked:disabled, .content-pane .top-bar headerbar button:checked:disabled, .toolbar > button:checked:disabled, .linked > spinbutton:not(.vertical) > button.up:checked:disabled, .linked > spinbutton:not(.vertical) > button.down:checked:disabled, +.pathbar > button:checked:disabled, .toolbar > button:checked:disabled, .linked > spinbutton:not(.vertical) > button.up:checked:disabled, .linked > spinbutton:not(.vertical) > button.down:checked:disabled, list > row button.image-button:checked:disabled:not(.flat), splitbutton.flat > button:checked:disabled, splitbutton.flat > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, toolbutton button:checked:disabled, .linked.stack-switcher > button:checked:disabled, button.flat:checked:disabled, toast button:checked:disabled { background-color: alpha(currentColor,0.06); @@ -2213,12 +2213,6 @@ headerbar:disabled { color: rgba(0, 0, 0, 0.38); } -headerbar.flat, .sidebar-pane .top-bar headerbar, .content-pane .top-bar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - headerbar.titlebar { box-shadow: 0 3px 5px -2px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.12), 0 1px 2px -1px rgba(0, 0, 0, 0.08), inset 0 1px rgba(255, 255, 255, 0.15); } @@ -4728,6 +4722,7 @@ calendar > grid > label.day-number.other-month { window.dialog.message { background-color: #fafafa; + background-image: none; } window.dialog.message .dialog-vbox { @@ -4774,6 +4769,7 @@ window.dialog.message .dialog-action-area > button.destructive-action { window.messagedialog { background-color: #fafafa; color: rgba(0, 0, 0, 0.87); + background-image: none; } window.messagedialog.csd { @@ -5354,6 +5350,10 @@ scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { padding: 0; } +.top-bar > windowhandle, .top-bar > windowhandle:backdrop { + filder: none; +} + floating-sheet > dimming { background-color: rgba(0, 0, 0, 0.35); } diff --git a/src/gtk/4.0/gtk.css b/src/gtk/4.0/gtk.css index f1a348fd..9f5efc73 100644 --- a/src/gtk/4.0/gtk.css +++ b/src/gtk/4.0/gtk.css @@ -639,7 +639,7 @@ button:checked:disabled { datechooser button.circular.day, #NautilusQueryEditor > menubutton > button.image-button.toggle, button.emoji-section, window.dialog.message .dialog-action-area > button, row button:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model, popover.menu box.inline-buttons button.image-button.model, pathbar > button, -.pathbar > button, headerbar.flat button, .sidebar-pane .top-bar headerbar button, .content-pane .top-bar headerbar button, .toolbar > button, .linked > spinbutton:not(.vertical) > button.up, .linked > spinbutton:not(.vertical) > button.down, +.pathbar > button, .toolbar > button, .linked > spinbutton:not(.vertical) > button.up, .linked > spinbutton:not(.vertical) > button.down, list > row button.image-button:not(.flat), splitbutton.flat > button, splitbutton.flat > menubutton > button, menubutton.suggested-action > button, menubutton.destructive-action > button, menubutton.opaque > button, menubutton.flat > button, toolbutton button, toolbutton button.image-button, toolbutton button.toggle, .linked.stack-switcher > button, button.flat, toast button { box-shadow: none; @@ -656,7 +656,7 @@ splitbutton.flat > menubutton > button, menubutton.suggested-action > button, me datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { transition-duration: 100ms, 225ms, 0ms, 0ms; @@ -666,7 +666,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { background-image: radial-gradient(circle, alpha(currentColor,0.16) 10%, transparent 10%); @@ -674,7 +674,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:hover, #NautilusQueryEditor > menubutton > button.image-button.toggle:hover, button.emoji-section:hover, window.dialog.message .dialog-action-area > button:hover, row button:hover:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:hover:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:hover, popover.menu box.inline-buttons button.image-button.model:hover, pathbar > button:hover, -.pathbar > button:hover, headerbar.flat button:hover, .sidebar-pane .top-bar headerbar button:hover, .content-pane .top-bar headerbar button:hover, .toolbar > button:hover, .linked > spinbutton:not(.vertical) > button.up:hover, .linked > spinbutton:not(.vertical) > button.down:hover, +.pathbar > button:hover, .toolbar > button:hover, .linked > spinbutton:not(.vertical) > button.up:hover, .linked > spinbutton:not(.vertical) > button.down:hover, list > row button.image-button:hover:not(.flat), splitbutton.flat > button:hover, splitbutton.flat > menubutton > button:hover, menubutton.suggested-action > button:hover, menubutton.destructive-action > button:hover, menubutton.opaque > button:hover, menubutton.flat > button:hover, toolbutton button:hover, .linked.stack-switcher > button:hover, button.flat:hover, toast button:hover { box-shadow: none; @@ -684,7 +684,7 @@ splitbutton.flat > menubutton > button:hover, menubutton.suggested-action > butt datechooser button.circular.day:focus, #NautilusQueryEditor > menubutton > button.image-button.toggle:focus, button.emoji-section:focus, window.dialog.message .dialog-action-area > button:focus, row button:focus:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:focus:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:focus, popover.menu box.inline-buttons button.image-button.model:focus, pathbar > button:focus, -.pathbar > button:focus, headerbar.flat button:focus, .sidebar-pane .top-bar headerbar button:focus, .content-pane .top-bar headerbar button:focus, .toolbar > button:focus, .linked > spinbutton:not(.vertical) > button.up:focus, .linked > spinbutton:not(.vertical) > button.down:focus, +.pathbar > button:focus, .toolbar > button:focus, .linked > spinbutton:not(.vertical) > button.up:focus, .linked > spinbutton:not(.vertical) > button.down:focus, list > row button.image-button:focus:not(.flat), splitbutton.flat > button:focus, splitbutton.flat > menubutton > button:focus, menubutton.suggested-action > button:focus, menubutton.destructive-action > button:focus, menubutton.opaque > button:focus, menubutton.flat > button:focus, toolbutton button:focus, .linked.stack-switcher > button:focus, button.flat:focus, toast button:focus { outline: none; @@ -694,7 +694,7 @@ splitbutton.flat > menubutton > button:focus, menubutton.suggested-action > butt datechooser button.circular.day:active, #NautilusQueryEditor > menubutton > button.image-button.toggle:active, button.emoji-section:active, window.dialog.message .dialog-action-area > button:active, row button:active:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:active:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:active, popover.menu box.inline-buttons button.image-button.model:active, pathbar > button:active, -.pathbar > button:active, headerbar.flat button:active, .sidebar-pane .top-bar headerbar button:active, .content-pane .top-bar headerbar button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, +.pathbar > button:active, .toolbar > button:active, .linked > spinbutton:not(.vertical) > button.up:active, .linked > spinbutton:not(.vertical) > button.down:active, list > row button.image-button:active:not(.flat), splitbutton.flat > button:active, splitbutton.flat > menubutton > button:active, menubutton.suggested-action > button:active, menubutton.destructive-action > button:active, menubutton.opaque > button:active, menubutton.flat > button:active, toolbutton button:active, .linked.stack-switcher > button:active, button.flat:active, toast button:active { box-shadow: none; @@ -704,7 +704,7 @@ splitbutton.flat > menubutton > button:active, menubutton.suggested-action > but datechooser button.circular.day:disabled, #NautilusQueryEditor > menubutton > button.image-button.toggle:disabled, button.emoji-section:disabled, window.dialog.message .dialog-action-area > button:disabled, row button:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:disabled, popover.menu box.inline-buttons button.image-button.model:disabled, pathbar > button:disabled, -.pathbar > button:disabled, headerbar.flat button:disabled, .sidebar-pane .top-bar headerbar button:disabled, .content-pane .top-bar headerbar button:disabled, .toolbar > button:disabled, .linked > spinbutton:not(.vertical) > button.up:disabled, .linked > spinbutton:not(.vertical) > button.down:disabled, +.pathbar > button:disabled, .toolbar > button:disabled, .linked > spinbutton:not(.vertical) > button.up:disabled, .linked > spinbutton:not(.vertical) > button.down:disabled, list > row button.image-button:disabled:not(.flat), splitbutton.flat > button:disabled, splitbutton.flat > menubutton > button:disabled, menubutton.suggested-action > button:disabled, menubutton.destructive-action > button:disabled, menubutton.opaque > button:disabled, menubutton.flat > button:disabled, toolbutton button:disabled, .linked.stack-switcher > button:disabled, button.flat:disabled, toast button:disabled { box-shadow: none; @@ -716,7 +716,7 @@ splitbutton.flat > menubutton > button:disabled, menubutton.suggested-action > b datechooser button.circular.day:checked, #NautilusQueryEditor > menubutton > button.image-button.toggle:checked, button.emoji-section:checked, window.dialog.message .dialog-action-area > button:checked, row button:checked:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:checked, popover.menu box.inline-buttons button.image-button.model:checked, pathbar > button:checked, -.pathbar > button:checked, headerbar.flat button:checked, .sidebar-pane .top-bar headerbar button:checked, .content-pane .top-bar headerbar button:checked, .toolbar > button:checked, .linked > spinbutton:not(.vertical) > button.up:checked, .linked > spinbutton:not(.vertical) > button.down:checked, +.pathbar > button:checked, .toolbar > button:checked, .linked > spinbutton:not(.vertical) > button.up:checked, .linked > spinbutton:not(.vertical) > button.down:checked, list > row button.image-button:checked:not(.flat), splitbutton.flat > button:checked, splitbutton.flat > menubutton > button:checked, menubutton.suggested-action > button:checked, menubutton.destructive-action > button:checked, menubutton.opaque > button:checked, menubutton.flat > button:checked, toolbutton button:checked, .linked.stack-switcher > button:checked, button.flat:checked, toast button:checked { color: rgba(0, 0, 0, 0.87); @@ -725,7 +725,7 @@ splitbutton.flat > menubutton > button:checked, menubutton.suggested-action > bu datechooser button.circular.day:checked:disabled, #NautilusQueryEditor > menubutton > button.image-button.toggle:checked:disabled, button.emoji-section:checked:disabled, window.dialog.message .dialog-action-area > button:checked:disabled, row button:checked:disabled:not(.suggested-action):not(.destructive-action), actionbar > revealer > box button:checked:disabled:not(.suggested-action):not(.destructive-action):not(.server-list-button), popover.menu box.circular-buttons button.circular.image-button.model:checked:disabled, popover.menu box.inline-buttons button.image-button.model:checked:disabled, pathbar > button:checked:disabled, -.pathbar > button:checked:disabled, headerbar.flat button:checked:disabled, .sidebar-pane .top-bar headerbar button:checked:disabled, .content-pane .top-bar headerbar button:checked:disabled, .toolbar > button:checked:disabled, .linked > spinbutton:not(.vertical) > button.up:checked:disabled, .linked > spinbutton:not(.vertical) > button.down:checked:disabled, +.pathbar > button:checked:disabled, .toolbar > button:checked:disabled, .linked > spinbutton:not(.vertical) > button.up:checked:disabled, .linked > spinbutton:not(.vertical) > button.down:checked:disabled, list > row button.image-button:checked:disabled:not(.flat), splitbutton.flat > button:checked:disabled, splitbutton.flat > menubutton > button:checked:disabled, menubutton.suggested-action > button:checked:disabled, menubutton.destructive-action > button:checked:disabled, menubutton.opaque > button:checked:disabled, menubutton.flat > button:checked:disabled, toolbutton button:checked:disabled, .linked.stack-switcher > button:checked:disabled, button.flat:checked:disabled, toast button:checked:disabled { background-color: alpha(currentColor,0.06); @@ -2213,12 +2213,6 @@ headerbar:disabled { color: rgba(255, 255, 255, 0.45); } -headerbar.flat, .sidebar-pane .top-bar headerbar, .content-pane .top-bar headerbar { - box-shadow: inset 0 1px rgba(255, 255, 255, 0.15); - background-color: transparent; - color: rgba(0, 0, 0, 0.87); -} - headerbar.titlebar { box-shadow: 0 2px 3px -2px rgba(0, 0, 0, 0.2), 0 1px 2px -1px rgba(0, 0, 0, 0.22), 0 1px 2px -1px rgba(0, 0, 0, 0.12), inset 0 1px rgba(255, 255, 255, 0.1); } @@ -4728,6 +4722,7 @@ calendar > grid > label.day-number.other-month { window.dialog.message { background-color: white; + background-image: none; } window.dialog.message .dialog-vbox { @@ -4774,6 +4769,7 @@ window.dialog.message .dialog-action-area > button.destructive-action { window.messagedialog { background-color: white; color: rgba(0, 0, 0, 0.87); + background-image: none; } window.messagedialog.csd { @@ -5050,11 +5046,15 @@ scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { .sidebar-pane { background-color: #f9f9f9; color: rgba(0, 0, 0, 0.87); + background-color: transparent; + background-image: linear-gradient(to bottom, #363636, #363636 48px, #f9f9f9 48px, #f9f9f9); } .sidebar-pane:backdrop { background-color: #F2F2F2; transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + background-image: linear-gradient(to bottom, #363636, #363636 48px, #F2F2F2 48px, #F2F2F2); } .sidebar-pane headerbar { @@ -5095,12 +5095,16 @@ scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { .sidebar-pane .content-pane { background-color: #FFFFFF; color: rgba(0, 0, 0, 0.87); + background-color: transparent; + background-image: linear-gradient(to bottom, #363636, #363636 48px, #FFFFFF 48px, #FFFFFF); } .content-pane .sidebar-pane:backdrop, .sidebar-pane .content-pane:backdrop { background-color: #F2F2F2; transition: background-color 100ms cubic-bezier(0, 0, 0.2, 1); + background-color: transparent; + background-image: linear-gradient(to bottom, #363636, #363636 48px, #F2F2F2 48px, #F2F2F2); } .content-pane .sidebar-pane banner > revealer > widget, @@ -5338,6 +5342,8 @@ scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { .content-pane { background-color: #F2F2F2; color: rgba(0, 0, 0, 0.87); + background-color: transparent; + background-image: linear-gradient(to bottom, #363636, #363636 48px, #F2F2F2 48px, #F2F2F2); } .content-pane headerbar { @@ -5354,6 +5360,10 @@ scrolledwindow.undershoot-end:dir(rtl) > undershoot.left { padding: 0; } +.top-bar > windowhandle, .top-bar > windowhandle:backdrop { + filder: none; +} + floating-sheet > dimming { background-color: rgba(0, 0, 0, 0.35); } @@ -5945,7 +5955,7 @@ window.csd:backdrop { box-shadow: 0 2px 3px -1px rgba(0, 0, 0, 0.2), 0 4px 3px -1px rgba(0, 0, 0, 0.14), 0 1px 6px -1px rgba(0, 0, 0, 0.12), 0 16px 16px 2px rgba(0, 0, 0, 0), 0 6px 18px 5px rgba(0, 0, 0, 0); } -window.csd.messagedialog.background { +window.csd.messagedialog.background, window.csd.message.background { background-color: white; background-image: none; }