From 4a63f88ec2ff5c6784edbbbb6a623fe5fe83fc04 Mon Sep 17 00:00:00 2001 From: Richard Marti Date: Thu, 5 Aug 2021 12:41:31 +0300 Subject: [PATCH] Bug 1715128 - Port bug 1698814: Clean up --lwt-toolbar-field-* variables after proton. r=mkmelin --- mail/base/content/quickFilterBar.inc.xhtml | 2 +- .../downloads/content/aboutDownloads.xhtml | 2 +- mail/components/im/themes/chat.css | 33 +++++------- mail/themes/addons/light/manifest.json | 2 +- mail/themes/linux/mail/editContactPanel.css | 2 - mail/themes/linux/mail/searchBox.css | 3 +- mail/themes/osx/mail/chat.css | 23 -------- mail/themes/osx/mail/editContactPanel.css | 2 - mail/themes/osx/mail/searchBox.css | 2 +- mail/themes/shared/mail/compacttheme.css | 1 - mail/themes/shared/mail/editContactPanel.css | 13 ++--- mail/themes/shared/mail/mailWindow1.css | 23 -------- mail/themes/shared/mail/messenger.css | 24 +++++---- mail/themes/shared/mail/messengercompose.css | 6 +-- mail/themes/shared/mail/searchBox.css | 53 ++++++++----------- mail/themes/windows/mail/chat.css | 20 ------- mail/themes/windows/mail/editContactPanel.css | 2 - mail/themes/windows/mail/searchBox.css | 10 +--- 18 files changed, 62 insertions(+), 161 deletions(-) diff --git a/mail/base/content/quickFilterBar.inc.xhtml b/mail/base/content/quickFilterBar.inc.xhtml index 9341dd77d1..1e676fcb67 100644 --- a/mail/base/content/quickFilterBar.inc.xhtml +++ b/mail/base/content/quickFilterBar.inc.xhtml @@ -55,7 +55,7 @@ /> diff --git a/mail/components/im/themes/chat.css b/mail/components/im/themes/chat.css index cdd0aa2d95..64dd213076 100644 --- a/mail/components/im/themes/chat.css +++ b/mail/components/im/themes/chat.css @@ -487,7 +487,7 @@ richlistitem:not([selected]) .protoIconDimmed { :root[lwt-tree] .conv-textbox { background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); - color: var(--lwt-toolbar-field-color, black); + color: var(--toolbar-field-color); } .conv-counter { @@ -676,19 +676,26 @@ toolbar[mode="text"] #statusTypeIcon > .toolbarbutton-icon { margin-inline-start: -1px; padding: 3px 5px 4px; border: 1px solid transparent; + border-radius: var(--toolbarbutton-border-radius); background-clip: padding-box; } #chat-status-selector:hover > vbox > .statusMessageToolbarItem, .statusMessageToolbarItem:focus { - border-color: ThreeDShadow; + color: var(--toolbar-field-color); + background-color: var(--toolbar-field-background-color); + border-color: var(--toolbar-field-border-color); } -#chat-status-selector:-moz-lwtheme:hover > vbox > .statusMessageToolbarItem, +#chat-status-selector > vbox > .statusMessageToolbarItem[editing], .statusMessageToolbarItem:-moz-lwtheme:focus { - background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); - color: var(--lwt-toolbar-field-color, black); - border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); + appearance: none; + padding-inline-start: 4px; + padding-inline-end: 4px; + color: var(--toolbar-field-color); + background-color: var(--toolbar-field-focus-background-color); + border-color: var(--toolbar-field-focus-border-color); + outline: 1px solid var(--toolbar-field-focus-border-color); } .statusMessageToolbarItem[statusType="offline"], @@ -696,20 +703,6 @@ toolbar[mode="text"] #statusTypeIcon > .toolbarbutton-icon { border: none; } -#chat-status-selector > vbox > .statusMessageToolbarItem[editing] { - appearance: none; - padding-inline-start: 4px; - padding-inline-end: 4px; - border-color: ThreeDShadow; - background-color: Field; -} - -#chat-status-selector:-moz-lwtheme > vbox > .statusMessageToolbarItem[editing] { - background-color: var(--lwt-toolbar-field-focus, var(--lwt-toolbar-field-background-color, white)); - color: var(--lwt-toolbar-field-focus-color, var(--lwt-toolbar-field-color, black)); - border-color: var(--toolbar-field-focus-border-color); -} - .tabmail-tab[type="chat"] { list-style-image: url("chrome://messenger/skin/icons/chat.svg"); } diff --git a/mail/themes/addons/light/manifest.json b/mail/themes/addons/light/manifest.json index 39eba5688e..b9f0f6a5f3 100644 --- a/mail/themes/addons/light/manifest.json +++ b/mail/themes/addons/light/manifest.json @@ -30,7 +30,7 @@ "toolbar_bottom_separator": "#ccc", "toolbar_field": "#f0f0f4", "toolbar_field_text": "rgb(21, 20, 26)", - "toolbar_field_border": "#ccc", + "toolbar_field_border": "#aaa", "toolbar_field_border_focus": "#0061e0", "toolbar_field_focus": "white", "toolbar_text": "#5b5b66", diff --git a/mail/themes/linux/mail/editContactPanel.css b/mail/themes/linux/mail/editContactPanel.css index aad2bee0c7..734e8ef883 100644 --- a/mail/themes/linux/mail/editContactPanel.css +++ b/mail/themes/linux/mail/editContactPanel.css @@ -11,7 +11,5 @@ } html|input.editContactTextbox { - background-color: Field; - border: 1px solid ThreeDShadow; padding: 3px 6px; } diff --git a/mail/themes/linux/mail/searchBox.css b/mail/themes/linux/mail/searchBox.css index e1578cce39..1dae00cd8b 100644 --- a/mail/themes/linux/mail/searchBox.css +++ b/mail/themes/linux/mail/searchBox.css @@ -14,8 +14,7 @@ .searchBox, .themeableSearchBox { - background-color: Field; - border: 1px solid ThreeDShadow; + border-color: ThreeDShadow; padding-block: 3px; padding-inline: 4px 2px; margin: 0 3px; diff --git a/mail/themes/osx/mail/chat.css b/mail/themes/osx/mail/chat.css index 959691567b..634531aab3 100644 --- a/mail/themes/osx/mail/chat.css +++ b/mail/themes/osx/mail/chat.css @@ -117,29 +117,6 @@ richlistitem[is="chat-group-richlistitem"] .twisty { padding-bottom: 3px; } -#chat-status-selector:not(:-moz-lwtheme):hover > vbox > .statusMessageToolbarItem, -#chat-status-selector:not(:-moz-lwtheme) > vbox > .statusMessageToolbarItem[editing], -.statusMessageToolbarItem:not(:-moz-lwtheme):focus { - border-color: #aaa; - box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5), - 0 1px 0 rgba(255, 255, 255, 0.5) inset; -} - -#chat-status-selector:not(:-moz-lwtheme) > vbox > .statusMessageToolbarItem[editing] { - border-color: #888; -} - -#chat-status-selector:-moz-lwtheme:hover > vbox > .statusMessageToolbarItem, -.statusMessageToolbarItem:-moz-lwtheme:focus, -#chat-status-selector:-moz-lwtheme > vbox > .statusMessageToolbarItem[editing] { - text-shadow: none; -} - -#chat-status-selector:-moz-lwtheme > vbox > .statusMessageToolbarItem[editing] { - box-shadow: 0 0 0 1px var(--toolbar-field-focus-border-color) inset, - 0 0 0 1px var(--toolbar-field-focus-border-color); -} - /* Adaptation of #folderpane_splitter */ #listSplitter, #contextSplitter { diff --git a/mail/themes/osx/mail/editContactPanel.css b/mail/themes/osx/mail/editContactPanel.css index 1902937b17..c539c4fa8e 100644 --- a/mail/themes/osx/mail/editContactPanel.css +++ b/mail/themes/osx/mail/editContactPanel.css @@ -33,7 +33,5 @@ } html|input.editContactTextbox { - background-color: #fff; - border: 1px solid rgba(0, 0, 0, 0.3); padding: 3px 8px; } diff --git a/mail/themes/osx/mail/searchBox.css b/mail/themes/osx/mail/searchBox.css index 54a7932dbf..04dda0bb3c 100644 --- a/mail/themes/osx/mail/searchBox.css +++ b/mail/themes/osx/mail/searchBox.css @@ -13,8 +13,8 @@ .searchBox, .themeableSearchBox { + border-color: hsla(240, 5%, 5%, 0.25); margin-block: 3px 2px; - border: 1px solid hsla(240, 5%, 5%, 0.25); font: icon; padding: 1px 4px; } diff --git a/mail/themes/shared/mail/compacttheme.css b/mail/themes/shared/mail/compacttheme.css index c6f8810aec..9bea1eb9cc 100644 --- a/mail/themes/shared/mail/compacttheme.css +++ b/mail/themes/shared/mail/compacttheme.css @@ -12,7 +12,6 @@ --toolbar-non-lwt-bgcolor: var(--toolbar-bgcolor); --toolbar-non-lwt-textcolor: var(--lwt-text-color); --toolbar-non-lwt-bgimage: none; - --lwt-toolbar-field-border-color: hsla(240,5%,5%,.25); --new-focused-folder-color: var(--sidebar-highlight-text-color); } diff --git a/mail/themes/shared/mail/editContactPanel.css b/mail/themes/shared/mail/editContactPanel.css index e5034e0e5e..ba960ca179 100644 --- a/mail/themes/shared/mail/editContactPanel.css +++ b/mail/themes/shared/mail/editContactPanel.css @@ -47,8 +47,10 @@ html|input.editContactTextbox { appearance: none; cursor: text; + color: var(--toolbar-field-focus-color); + background-color: var(--toolbar-field-focus-background-color); + border: 1px solid var(--toolbar-field-border-color); border-radius: var(--toolbarbutton-border-radius); - border: 1px solid rgba(0, 0, 0, 0.3); padding: 3px 8px; width: 20em; } @@ -66,15 +68,6 @@ html|input.editContactTextbox[readonly] { outline: none !important; } -:root[lwt-tree] html|input.editContactTextbox { - background-color: var(--lwt-toolbar-field-background-color); - color: var(--lwt-toolbar-field-color); -} - -:root[lwt-tree] html|input.editContactTextbox:not([readonly],:focus) { - border-color: var(--panel-separator-color); -} - #contactMoveDisabledText { width: 20em; } diff --git a/mail/themes/shared/mail/mailWindow1.css b/mail/themes/shared/mail/mailWindow1.css index 6417540fdc..5a8667a5ed 100644 --- a/mail/themes/shared/mail/mailWindow1.css +++ b/mail/themes/shared/mail/mailWindow1.css @@ -98,29 +98,6 @@ treechildren::-moz-tree-cell-text(dummy) { color: var(--lwt-text-color); } -:root[lwt-tree] #qfb-qs-textbox { - background-color: var(--lwt-toolbar-field-background-color, hsla(0, 0%, 100%, .8)); - color: var(--lwt-toolbar-field-color, black); -} - -:root[lwt-tree] #qfb-qs-textbox:not([focused="true"]) { - border-color: var(--lwt-toolbar-field-border-color, hsla(240, 5%, 5%, .25)); -} - -:root[lwt-tree] #qfb-qs-textbox:hover { - background-color: var(--lwt-toolbar-field-background-color, white); -} - -:root[lwt-tree-brighttext] #qfb-qs-textbox:hover { - box-shadow: 0 1px 3px rgba(255, 255, 255, .15); -} - -:root[lwt-tree] #qfb-qs-textbox[focused="true"] { - background-color: var(--lwt-toolbar-field-focus, var(--lwt-toolbar-field-background-color, white)); - color: var(--lwt-toolbar-field-focus-color, var(--lwt-toolbar-field-color, black)); - border-color: var(--toolbar-field-focus-border-color); -} - /* virtual folder list dialog */ :root[windowtype="mailnews:virtualFolderList"]:not(:-moz-lwtheme) { diff --git a/mail/themes/shared/mail/messenger.css b/mail/themes/shared/mail/messenger.css index 54f1ef2db0..d5dab319e5 100644 --- a/mail/themes/shared/mail/messenger.css +++ b/mail/themes/shared/mail/messenger.css @@ -34,8 +34,8 @@ body { --button-primary-hover-bgcolor: color-mix(in srgb, black 10%, -moz-accent-color); --button-primary-active-bgcolor: color-mix(in srgb, black 20%, -moz-accent-color); --button-primary-color: -moz-accent-color-foreground; - --checkbox-border-color: var(--lwt-toolbar-field-border-color, ThreeDDarkShadow); - --checkbox-unchecked-bgcolor: var(--lwt-toolbar-field-background-color, Field); + --checkbox-border-color: var(--toolbar-field-border-color); + --checkbox-unchecked-bgcolor: var(--toolbar-field-background-color); --checkbox-unchecked-hover-bgcolor: color-mix(in srgb, -moz-accent-color 4%, var(--checkbox-unchecked-bgcolor)); --checkbox-unchecked-active-bgcolor: var(--button-active-bgcolor); --checkbox-checked-border-color: transparent; @@ -66,6 +66,8 @@ body { --toolbarbutton-icon-fill-attention: var(--lwt-toolbarbutton-icon-fill-attention, #0a84ff); --toolbarseparator-color: color-mix(in srgb, currentColor 20%, transparent); --toolbar-field-focus-border-color: -moz-accent-color; + --toolbar-field-highlight: Highlight; + --toolbar-field-highlight-color: HighlightText; --item-focus-selected-border-color: #0060df; --default: #4f526d; --primary: #0a84ff; @@ -88,6 +90,8 @@ body { --arrowpanel-dimmed-further: color-mix(in srgb, currentColor 20%, transparent); --arrowpanel-dimmed-even-further: color-mix(in srgb, currentColor 27%, transparent); --error-text-color: #c50042; + --toolbar-field-background-color: rgb(250, 250, 254); + --toolbar-field-color: rgb(21, 20, 26); } } @@ -127,6 +131,8 @@ body { --toolbar-bgimage: none; --toolbarbutton-icon-fill-opacity: 1; --autocomplete-popup-url-color: hsl(210, 77%, 47%); + --toolbar-field-background-color: hsla(0, 0%, 100%, 0.8); + --toolbar-field-border-color: hsla(240, 5%, 5%, 0.25); } :root[lwt-tree] { @@ -170,7 +176,7 @@ body { /* composer header fields bottom border */ --composer-header-border-color: rgb(127, 127, 128); - --lwt-toolbar-field-border-color: #5f5f6d !important; + --toolbar-field-border-color: #5f5f6d !important; --unread-folder-color: var(--sidebar-text-color); } @@ -293,11 +299,11 @@ treechildren::-moz-tree-twisty(selected, focus) { :root[lwt-default-theme-in-dark-mode] #qfb-qs-textbox:-moz-lwtheme { background-color: var(--lwt-toolbar-field-background-color, hsla(0,0%,100%,.8)); - color: var(--lwt-toolbar-field-color, black); + color: var(--toolbar-field-color); } :root[lwt-default-theme-in-dark-mode] #qfb-qs-textbox:not([focused="true"]):-moz-lwtheme { - border-color: var(--lwt-toolbar-field-border-color, hsla(240,5%,5%,.25)); + border-color: var(--toolbar-field-border-color); } :root[lwt-default-theme-in-dark-mode] #qfb-qs-textbox:-moz-lwtheme:hover { @@ -309,8 +315,8 @@ treechildren::-moz-tree-twisty(selected, focus) { } :root[lwt-default-theme-in-dark-mode] #qfb-qs-textbox:-moz-lwtheme[focused="true"] { - background-color: var(--lwt-toolbar-field-focus, var(--lwt-toolbar-field-background-color, white)); - color: var(--lwt-toolbar-field-focus-color, var(--lwt-toolbar-field-color, black)); + background-color: var(--toolbar-field-focus-background-color); + color: var(--toolbar-field-focus-color); border-color: var(--toolbar-field-focus-border-color); } @@ -980,8 +986,8 @@ toolbarpaletteitem toolbarbutton { :root[lwt-tree] .statuspanel-label { background-color: var(--lwt-toolbar-field-background-color); - color: var(--lwt-toolbar-field-color, -moz-dialogText); - border-color: var(--lwt-toolbar-field-border-color); + color: var(--toolbar-field-color); + border-color: var(--toolbar-field-border-color); } /* Status bar */ diff --git a/mail/themes/shared/mail/messengercompose.css b/mail/themes/shared/mail/messengercompose.css index dc0b5c9222..43ddde62ff 100644 --- a/mail/themes/shared/mail/messengercompose.css +++ b/mail/themes/shared/mail/messengercompose.css @@ -759,7 +759,7 @@ toolbarbutton.formatting-button[disabled="true"] > .toolbarbutton-icon, /* :::: attachment notification :::: */ #compose-notification-bottom > .notificationbox-stack { - background-color: var(--lwt-toolbar-field-focus); + background-color: var(--toolbar-field-focus-background-color); } #attachmentReminderText { @@ -1126,8 +1126,8 @@ button.remove-field-button:focus { :root[lwt-tree] #msgIdentity[focused="true"], :root[lwt-tree] #msgSubject:focus, :root[lwt-tree] .address-container[focused="true"] { - color: var(--lwt-toolbar-field-focus-color, black); - background-color: var(--lwt-toolbar-field-focus, white); + color: var(--toolbar-field-focus-color); + background-color: var(--toolbar-field-focus-background-color); } :root[lwt-tree-brighttext] #msgIdentity:focus, diff --git a/mail/themes/shared/mail/searchBox.css b/mail/themes/shared/mail/searchBox.css index 4adc407b86..1cdeb71090 100644 --- a/mail/themes/shared/mail/searchBox.css +++ b/mail/themes/shared/mail/searchBox.css @@ -19,6 +19,9 @@ .searchBox, .themeableSearchBox { appearance: none; + color: FieldText; + background-color: Field; + border: 1px solid; border-radius: var(--toolbarbutton-border-radius); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05); outline: none; @@ -42,6 +45,21 @@ box-shadow: 0 1px 6px rgba(0, 0, 0, 0.1); } +.searchBox:-moz-lwtheme-brighttext:hover, +:root[lwt-tree-brighttext] .themeableSearchBox:not([disabled]):hover { + box-shadow: 0 1px 3px rgba(255, 255, 255, 0.25); +} + +/* special treatment because these boxes are on themable toolbars */ +.gloda-search:-moz-lwtheme, +.remote-gloda-search:-moz-lwtheme, +:root[lwt-tree] .themeableSearchBox, +#peopleSearchInput:not([focused="true"]):-moz-lwtheme { + color: var(--toolbar-field-color); + background-color: var(--toolbar-field-background-color); + border-color: var(--toolbar-field-border-color); +} + .gloda-search:focus, .searchBox[focused="true"], .themeableSearchBox:not([disabled="true"]):focus, @@ -50,38 +68,16 @@ outline: 1px solid var(--toolbar-field-focus-border-color); } -.searchBox:-moz-lwtheme-brighttext:hover, -.themeableSearchBox:-moz-lwtheme-brighttext:not([disabled]):hover { - box-shadow: 0 1px 3px rgba(255, 255, 255, 0.25); -} - -/* special treatment because these boxes are on themable toolbars */ -.gloda-search:-moz-lwtheme, -#searchBox:-moz-lwtheme, -#peopleSearchInput:-moz-lwtheme, -.themeableSearchBox:-moz-lwtheme, -.remote-gloda-search:-moz-lwtheme { - background-color: var(--lwt-toolbar-field-background-color, - hsla(0, 0%, 100%, 0.8)); - color: var(--lwt-toolbar-field-color, black); - border-color: var(--lwt-toolbar-field-border-color, hsla(240, 5%, 5%, 0.25)); -} - .gloda-search:-moz-lwtheme:focus, -.themeableSearchBox:-moz-lwtheme:focus, -#searchBox:-moz-lwtheme[focused="true"], +:root[lwt-tree] .themeableSearchBox:focus, +:root[lwt-tree] .themeableSearchBox[focused="true"], #peopleSearchInput:-moz-lwtheme[focused="true"], -.themeableSearchBox:-moz-lwtheme[focused="true"], .remote-gloda-search:-moz-lwtheme[focused="true"] { - background-color: var(--lwt-toolbar-field-focus, - var(--lwt-toolbar-field-background-color, white)); - color: var(--lwt-toolbar-field-focus-color, - var(--lwt-toolbar-field-color, black)); - border-color: var(--toolbar-field-focus-border-color); + color: var(--toolbar-field-focus-color); + background-color: var(--toolbar-field-focus-background-color); } .gloda-search:-moz-lwtheme::selection, -#searchBox .textbox-input:-moz-lwtheme::selection, #peopleSearchInput .textbox-input:-moz-lwtheme::selection, .themeableSearchBox .textbox-input:-moz-lwtheme::selection, .remote-gloda-search .textbox-input:-moz-lwtheme::selection { @@ -92,7 +88,6 @@ } .gloda-search:not(:focus)::selection, -#searchBox:not([focused="true"]) .textbox-input::selection, #peopleSearchInput:not([focused="true"]) .textbox-input::selection, .themeableSearchBox:not(:focus) .textbox-input::selection, .themeableSearchBox:not([focused="true"]) .textbox-input::selection, @@ -103,8 +98,6 @@ } :root[lwt-toolbar-field-focus-brighttext] .gloda-search:focus::selection, -:root[lwt-toolbar-field-focus-brighttext] - #searchBox[focused="true"] .textbox-input::selection, :root[lwt-toolbar-field-focus-brighttext] #peopleSearchInput[focused="true"] .textbox-input::selection, :root[lwt-toolbar-field-focus-brighttext] @@ -120,8 +113,6 @@ } :root[lwt-toolbar-field-brighttext] .gloda-search:not(:focus)::selection, -:root[lwt-toolbar-field-brighttext] - #searchBox:not([focused="true"]) .textbox-input::selection, :root[lwt-toolbar-field-brighttext] #peopleSearchInput:not([focused="true"]) .textbox-input::selection, :root[lwt-toolbar-field-brighttext] diff --git a/mail/themes/windows/mail/chat.css b/mail/themes/windows/mail/chat.css index edd383b7f0..18d4437815 100644 --- a/mail/themes/windows/mail/chat.css +++ b/mail/themes/windows/mail/chat.css @@ -92,7 +92,6 @@ margin: 0 1px; margin-inline-start: -2px; padding: 3px 3px 4px; - border-radius: 2px; } #listSplitter, @@ -131,18 +130,6 @@ richlistitem[is="chat-group-richlistitem"] .twisty { padding-inline: 2px; } - #chat-status-selector:not(:-moz-lwtheme):hover > vbox > .statusMessageToolbarItem, - .statusMessageToolbarItem:not(:-moz-lwtheme):focus { - border-color: hsla(210, 54%, 20%, .25) hsla(210, 54%, 20%, .27) - hsla(210, 54%, 20%, .3); - } - - #chat-status-selector:not(:-moz-lwtheme) > vbox > .statusMessageToolbarItem[editing] { - border-color: hsla(206, 100%, 60%, .65) hsla(206, 100%, 55%, .65) - hsla(206, 100%, 50%, .65); - background-color: Field; - } - #nicklist > richlistitem[selected] > label, #nicklist:focus > richlistitem[inactive][selected] > label { color: -moz-dialogtext !important; @@ -175,10 +162,3 @@ richlistitem[is="chat-group-richlistitem"] .twisty { background-color: #fafafa; } } - -@media (-moz-os-version: windows-win8) and (-moz-windows-default-theme), - (-moz-os-version: windows-win10) and (-moz-windows-default-theme) { - .statusMessageToolbarItem { - border-radius: 0; - } -} diff --git a/mail/themes/windows/mail/editContactPanel.css b/mail/themes/windows/mail/editContactPanel.css index 70b4309c0f..7123ee96b8 100644 --- a/mail/themes/windows/mail/editContactPanel.css +++ b/mail/themes/windows/mail/editContactPanel.css @@ -7,7 +7,5 @@ @namespace html url("http://www.w3.org/1999/xhtml"); html|input.editContactTextbox { - background-color: Field; - border: 1px solid ThreeDShadow; padding: 3px 6px; } diff --git a/mail/themes/windows/mail/searchBox.css b/mail/themes/windows/mail/searchBox.css index ebeda08e48..cb58381b6c 100644 --- a/mail/themes/windows/mail/searchBox.css +++ b/mail/themes/windows/mail/searchBox.css @@ -27,21 +27,13 @@ .searchBox, .themeableSearchBox { - border: 1px solid hsla(240, 5%, 5%, 0.25); + border-color: hsla(240, 5%, 5%, 0.25); padding-block: 0; padding-inline: 4px 2px; margin-block: 2px; width: 25em; } -@media (prefers-contrast) { - .gloda-search:not(:-moz-lwtheme), - .searchBox:not(:-moz-lwtheme), - .themeableSearchBox:not(:-moz-lwtheme) { - border-color: ThreeDShadow; - } -} - .autocomplete-richlistitem[type^="gloda-"] { padding-inline-start: 12px; }