mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2025-12-06 02:30:54 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add: Decoration - Other Fields' hover border

Browse source
This commit is contained in:
alstjr7375 2021-11-05 09:15:13 +09:00
parent 33ef379322
commit 19f511d4ac
1 changed files with 34 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

34
userChrome.css
View file

@ -1982,6 +1982,24 @@
--toolbar-field-border-color: var(--toolbar-field-focus-border-color);
}
/*= Other Fields ===========================================================*/
/* Sidebar */
.sidebar-panel[lwt-sidebar] #search-box:hover,
body[lwt-sidebar] xul|search-textbox.tabsFilter:hover {
border-color: var(--lwt-sidebar-highlight-background-color, Highlight) !important;
}
.sidebar-panel:not([lwt-sidebar]) #search-box:hover,
body:not([lwt-sidebar]) xul|search-textbox.tabsFilter:hover {
border-color: -moz-accent-color !important;
}
/* Others */
#editBMPanel_namePicker:hover,
#editBMPanel_tagsField:hover,
.findbar-container .findbar-textbox:hover {
--input-border-color: color-mix(in srgb, var(--focus-outline-color, -moz-accent-color) 50%, transparent);
}
/*= Downloads Panel ========================================================*/
/* Accent Color for downloaded item */
#downloadsListBox .download-state[exists] .downloadDetails {
@ -2116,6 +2134,22 @@
transition: background-color 1.25s var(--animation-easing-function) !important;
}
/*- Border - Other Fields --------------------------------------------------*/
#search-box:hover,
xul|search-textbox.tabsFilter:hover,
#editBMPanel_namePicker:hover,
#editBMPanel_tagsField:hover,
.findbar-container .findbar-textbox:hover {
transition: border-color 1s var(--animation-easing-function) !important;
}
#search-box:hover,
xul|search-textbox.tabsFilter:hover,
#editBMPanel_namePicker:hover,
#editBMPanel_tagsField:hover,
.findbar-container .findbar-textbox:hover {
transition: border-color 0.5s var(--animation-easing-function) !important;
}
/*- Sidebar ----------------------------------------------------------------*/
#sidebar-box {
/* like #sidebar-box > #sidebar */