nagai/fune
3
0
Fork 0
forked from mirrors/gecko-dev
Code Pull requests Activity

Bug 1858726 - Have a single source of truth for toolbar-field-border colors. r=dao,desktop-theme-reviewers

Browse source 
I missed the urlbar-searchbar bits on the regressing bug.

Differential Revision: https://phabricator.services.mozilla.com/D190916
This commit is contained in:
Emilio Cobos Álvarez 2023-10-13 11:50:57 +00:00
parent 8cc8e8ac29
commit 18e3d8706a
2 changed files with 2 additions and 8 deletions
repo.diff.show_diff_stats Download patch file Download diff file Expand all files Collapse all files

8
browser/themes/shared/urlbar-searchbar.css
View file

@ -5,17 +5,9 @@
@namespace html url("http://www.w3.org/1999/xhtml"); @namespace html url("http://www.w3.org/1999/xhtml");
:root { :root {
--toolbar-field-border-color: transparent;
--toolbar-field-focus-border-color: color-mix(in srgb, var(--focus-outline-color) 50%, transparent);
--urlbar-container-padding: 1px; --urlbar-container-padding: 1px;
--urlbar-margin-inline: 5px; --urlbar-margin-inline: 5px;
--urlbar-search-button-width: calc(16px + 2 * var(--urlbar-icon-padding)); --urlbar-search-button-width: calc(16px + 2 * var(--urlbar-icon-padding));
@media (prefers-contrast) {
/* TODO: Should probably be a system color instead (ThreeDShadow?) */
--toolbar-field-border-color: light-dark(hsla(240, 5%, 5%, .25), hsla(240, 95%, 95%, .35));
--toolbar-field-focus-border-color: var(--focus-outline-color);
}
} }
/* When rich suggestions are enabled the urlbar identity icon is given extra padding to /* When rich suggestions are enabled the urlbar identity icon is given extra padding to

2
toolkit/themes/shared/global-shared.css
View file

@ -41,6 +41,7 @@
--toolbar-field-border-color: ThreeDShadow; --toolbar-field-border-color: ThreeDShadow;
--toolbar-field-focus-background-color: Field; --toolbar-field-focus-background-color: Field;
--toolbar-field-focus-color: FieldText; --toolbar-field-focus-color: FieldText;
--toolbar-field-focus-border-color: color-mix(in srgb, var(--focus-outline-color) 50%, transparent);
} }
:root:-moz-lwtheme { :root:-moz-lwtheme {
@ -58,6 +59,7 @@
--toolbarbutton-disabled-opacity: 0.3; --toolbarbutton-disabled-opacity: 0.3;
--panel-separator-color: currentColor; --panel-separator-color: currentColor;
--toolbar-field-focus-border-color: var(--focus-outline-color);
} }
:root:not(:-moz-lwtheme) { :root:not(:-moz-lwtheme) {