diff --git a/gtk/theme/HighContrast/_common.scss b/gtk/theme/HighContrast/_common.scss index 87c29f53e1..d07b66c1f4 100644 --- a/gtk/theme/HighContrast/_common.scss +++ b/gtk/theme/HighContrast/_common.scss @@ -836,8 +836,10 @@ toolbar { //FIXME: why is all this being ignored? } searchbar { - @extend %inset-bar; + @extend toolbar; border-width: 0 0 1px; + border-color: $borders_color; + border-style: none none solid none; padding: 3px; } diff --git a/gtk/theme/HighContrast/gtk-contained-dark.css b/gtk/theme/HighContrast/gtk-contained-dark.css index e7212dc7d1..3c3791ee15 100644 --- a/gtk/theme/HighContrast/gtk-contained-dark.css +++ b/gtk/theme/HighContrast/gtk-contained-dark.css @@ -623,17 +623,17 @@ button { background-image: none; background-color: #090909; } -toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button { +toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button { border-radius: 0; border-left-style: none; } -toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button { +toolbar.inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button { border-radius: 3px 0 0 3px; border-left-style: solid; } -toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button { +toolbar.inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button { border-radius: 0 3px 3px 0; } -toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button { +toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button { border-right-style: solid; } -toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button { +toolbar.inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button { border-radius: 3px; border-style: solid; } @@ -930,35 +930,37 @@ combobox { /************ * Toolbars * ************/ -toolbar { +toolbar, searchbar { padding: 6px; background-color: #000; } - toolbar.osd { + toolbar.osd, searchbar.osd { background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; padding: 12px; } - toolbar.osd label { + toolbar.osd label, searchbar.osd label { color: #fff; } - toolbar.inline-toolbar { + toolbar.inline-toolbar, searchbar.inline-toolbar { border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 4px 4px; } - toolbar.vertical { + toolbar.vertical, searchbar.vertical { border-right: 1px solid gray; } - toolbar.vertical:dir(rtl) { + toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) { border-right: none; border-left: 1px solid gray; } searchbar { border-width: 0 0 1px; + border-color: gray; + border-style: none none solid none; padding: 3px; } -toolbar.inline-toolbar, searchbar { +toolbar.inline-toolbar, searchbar.inline-toolbar { border-style: solid; border-color: gray; background-color: #262626; box-shadow: inset 0 2px 3px -1px #5c5c5c; } - toolbar.inline-toolbar:backdrop, searchbar:backdrop { + toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop { border-color: #737373; background-color: #282828; box-shadow: none; } @@ -1338,7 +1340,7 @@ popover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } popover:backdrop { box-shadow: none; } - popover > .list, popover > .view, popover > toolbar { + popover > .list, popover > .view, popover > toolbar, popover > searchbar { background-color: transparent; } popover separator, popover placessidebar .view separator, placessidebar .view popover separator, popover placessidebar .view separator:backdrop, diff --git a/gtk/theme/HighContrast/gtk-contained.css b/gtk/theme/HighContrast/gtk-contained.css index ef465782d6..30d4b4674a 100644 --- a/gtk/theme/HighContrast/gtk-contained.css +++ b/gtk/theme/HighContrast/gtk-contained.css @@ -623,17 +623,17 @@ button { background-image: none; background-color: #f6f6f6; } -toolbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button { +toolbar.inline-toolbar toolbutton > button.flat, searchbar.inline-toolbar toolbutton > button.flat, toolbar.inline-toolbar toolbutton > button.sidebar-button, searchbar.inline-toolbar toolbutton > button.sidebar-button { border-radius: 0; border-left-style: none; } -toolbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button { +toolbar.inline-toolbar toolbutton:first-child > button.flat, searchbar.inline-toolbar toolbutton:first-child > button.flat, toolbar.inline-toolbar toolbutton:first-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:first-child > button.sidebar-button { border-radius: 3px 0 0 3px; border-left-style: solid; } -toolbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button { +toolbar.inline-toolbar toolbutton:last-child > button.flat, searchbar.inline-toolbar toolbutton:last-child > button.flat, toolbar.inline-toolbar toolbutton:last-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child > button.sidebar-button { border-radius: 0 3px 3px 0; } -toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button { +toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.flat, toolbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button, searchbar.inline-toolbar toolbutton:last-child:dir(rtl) > button.sidebar-button { border-right-style: solid; } -toolbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button { +toolbar.inline-toolbar toolbutton:only-child > button.flat, searchbar.inline-toolbar toolbutton:only-child > button.flat, toolbar.inline-toolbar toolbutton:only-child > button.sidebar-button, searchbar.inline-toolbar toolbutton:only-child > button.sidebar-button { border-radius: 3px; border-style: solid; } @@ -930,35 +930,37 @@ combobox { /************ * Toolbars * ************/ -toolbar { +toolbar, searchbar { padding: 6px; background-color: #fff; } - toolbar.osd { + toolbar.osd, searchbar.osd { background-color: rgba(0, 0, 0, 0.8); border-radius: 6px; padding: 12px; } - toolbar.osd label { + toolbar.osd label, searchbar.osd label { color: #fff; } - toolbar.inline-toolbar { + toolbar.inline-toolbar, searchbar.inline-toolbar { border-width: 0 1px 1px; padding: 3px; border-radius: 0 0 4px 4px; } - toolbar.vertical { + toolbar.vertical, searchbar.vertical { border-right: 1px solid gray; } - toolbar.vertical:dir(rtl) { + toolbar.vertical:dir(rtl), searchbar.vertical:dir(rtl) { border-right: none; border-left: 1px solid gray; } searchbar { border-width: 0 0 1px; + border-color: gray; + border-style: none none solid none; padding: 3px; } -toolbar.inline-toolbar, searchbar { +toolbar.inline-toolbar, searchbar.inline-toolbar { border-style: solid; border-color: gray; background-color: #d9d9d9; box-shadow: inset 0 2px 3px -1px #a4a4a4; } - toolbar.inline-toolbar:backdrop, searchbar:backdrop { + toolbar.inline-toolbar:backdrop, searchbar.inline-toolbar:backdrop { border-color: #8d8d8d; background-color: #d7d7d7; box-shadow: none; } @@ -1338,7 +1340,7 @@ popover { box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5); } popover:backdrop { box-shadow: none; } - popover > .list, popover > .view, popover > toolbar { + popover > .list, popover > .view, popover > toolbar, popover > searchbar { background-color: transparent; } popover separator, popover placessidebar .view separator, placessidebar .view popover separator, popover placessidebar .view separator:backdrop,