Add SICK Firefox theme that makes Firefox like Arc Browser.
This commit is contained in:
73
themes/firefox/chrome/toolbar/findbar.css
Normal file
73
themes/firefox/chrome/toolbar/findbar.css
Normal file
@ -0,0 +1,73 @@
|
||||
/* Edge-Frfox - findbar.css
|
||||
* https://github.com/bmFtZQ/edge-frfox */
|
||||
|
||||
/*
|
||||
MARK: Findbar textbox
|
||||
*/
|
||||
.findbar-textbox {
|
||||
border: 0 !important;
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
background-color: var(--toolbar-field-background-color) !important;
|
||||
|
||||
/* Add shadow when in light mode with no theme applied, like the URL bar. */
|
||||
:root:not([lwtheme]) & {
|
||||
box-shadow: 0 0 4px light-dark(rgb(0 0 0 / .1), transparent) !important;
|
||||
}
|
||||
|
||||
&:focus {
|
||||
outline-width: 2px !important;
|
||||
outline-offset: -1px !important;
|
||||
}
|
||||
|
||||
&[status="notfound"] {
|
||||
outline: 2px solid var(--input-error-border-color, #E22850) !important;
|
||||
outline-offset: -1px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Prevent focus outline from being cut off on the findbar textbox. */
|
||||
.findbar-container {
|
||||
overflow-inline: visible !important;
|
||||
|
||||
/* Add ability to drag window from empty space in the findbar. */
|
||||
&::after {
|
||||
content: "";
|
||||
flex: 1;
|
||||
align-self: stretch;
|
||||
margin-block: -6px;
|
||||
-moz-window-dragging: drag;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
MARK: Findbar buttons
|
||||
*/
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next,
|
||||
findbar .close-icon {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
|
||||
&:not([disabled]):hover {
|
||||
background-color: var(--toolbarbutton-hover-background, rgb(190 190 190 / .2)) !important;
|
||||
|
||||
&:active {
|
||||
background-color: var(--toolbarbutton-active-background, rgb(190 190 190 / .4)) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
MARK: Rounded corners
|
||||
*/
|
||||
@media (-moz-bool-pref: "uc.tweak.rounded-corners") {
|
||||
findbar {
|
||||
border: none !important;
|
||||
margin-bottom: var(--uc-tweak-rounded-corners-padding, 0px) !important;
|
||||
background-color: transparent !important;
|
||||
padding-inline: var(--uc-tweak-rounded-corners-padding, 0px) !important;
|
||||
|
||||
&[hidden] {
|
||||
margin-bottom: calc(var(--uc-tweak-rounded-corners-padding, 0px) - 40px) !important;
|
||||
}
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user