first version of rewrite
This commit is contained in:
bmFtZQ
parent
f61c7c4a2d
commit
26df277f1b
226 changed files with 1649 additions and 6675 deletions
30
chrome/toolbar/findbar.css
Normal file
30
chrome/toolbar/findbar.css
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - findbar.css */
|
||||
|
||||
.findbar-find-previous,
|
||||
.findbar-find-next,
|
||||
.close-icon {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
}
|
||||
|
||||
.findbar-textbox {
|
||||
border: 0 !important;
|
||||
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
|
||||
}
|
||||
|
||||
.findbar-textbox:-moz-lwtheme {
|
||||
background-color: var(--toolbar-field-background-color) !important;
|
||||
}
|
||||
|
||||
.findbar-textbox:focus {
|
||||
outline: 2px solid var(--focus-outline-color, -moz-accent-color) !important;
|
||||
outline-offset: -1px !important;
|
||||
}
|
||||
|
||||
.findbar-textbox[status="notfound"] {
|
||||
outline: 2px solid var(--input-error-border-color, #E22850) !important;
|
||||
outline-offset: -1px !important;
|
||||
}
|
||||
|
||||
.findbar-container {
|
||||
overflow-inline: visible !important;
|
||||
}
|
||||
29
chrome/toolbar/navbar.css
Normal file
29
chrome/toolbar/navbar.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - navbar.css */
|
||||
|
||||
:root {
|
||||
--toolbarbutton-border-radius: 2px !important;
|
||||
--toolbarbutton-inner-padding: 7px !important;
|
||||
--uc-toolbarbutton-inner-inline-padding: 12px !important;
|
||||
--tabs-navbar-shadow-size: 0 !important;
|
||||
}
|
||||
|
||||
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon {
|
||||
width: calc(2 * var(--uc-toolbarbutton-inner-inline-padding) + 16px) !important;
|
||||
}
|
||||
|
||||
#nav-bar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#nav-bar .toolbarbutton-1 > .toolbarbutton-text,
|
||||
#nav-bar .toolbarbutton-1 > .toolbarbutton-badge-stack {
|
||||
padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important;
|
||||
}
|
||||
|
||||
/* move reload/stop icon to middle of button */
|
||||
#reload-button > .toolbarbutton-animatable-box,
|
||||
#stop-button > .toolbarbutton-animatable-box {
|
||||
top: calc(50% - 10px) !important;
|
||||
margin-inline-start: calc((16px + 2 * var(--uc-toolbarbutton-inner-inline-padding) - 20px) / 2) !important;
|
||||
}
|
||||
|
||||
#nav-bar-customization-target :where(#reload-button, #stop-button) > .toolbarbutton-icon {
|
||||
padding: var(--toolbarbutton-inner-padding) var(--uc-toolbarbutton-inner-inline-padding) !important;
|
||||
}
|
||||
29
chrome/toolbar/personalbar.css
Normal file
29
chrome/toolbar/personalbar.css
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - personalbar.css */
|
||||
|
||||
#PersonalToolbar {
|
||||
--bookmark-block-padding: 6px !important;
|
||||
}
|
||||
|
||||
#personal-toolbar-empty-description,
|
||||
#PersonalToolbar .toolbarbutton-1,
|
||||
toolbarbutton.bookmark-item:not(.subviewbutton) {
|
||||
margin-block: 0 4px !important;
|
||||
padding: var(--bookmark-block-padding) 6px !important;
|
||||
font-size: 12px !important;
|
||||
}
|
||||
|
||||
#PlacesToolbarItems > toolbarseparator::before {
|
||||
content: "";
|
||||
display: block;
|
||||
border-inline-start: 1px solid var(--toolbarseparator-color) !important;
|
||||
margin-block: 8px !important;
|
||||
border-image-source: none !important;
|
||||
}
|
||||
|
||||
#PersonalToolbar {
|
||||
padding-inline: var(--toolbar-start-end-padding) calc(var(--toolbar-start-end-padding) + 4px) !important;
|
||||
}
|
||||
|
||||
#managed-bookmarks > .toolbarbutton-icon, #bookmarks-toolbar-placeholder > .toolbarbutton-icon, #PlacesToolbarItems > .bookmark-item > .toolbarbutton-icon[label]:not([label=""]), #OtherBookmarks.bookmark-item[container] > .toolbarbutton-icon {
|
||||
margin-inline-end: 6px !important;
|
||||
}
|
||||
269
chrome/toolbar/tabbar.css
Normal file
269
chrome/toolbar/tabbar.css
Normal file
|
|
@ -0,0 +1,269 @@
|
|||
/* EdgeFr-Fox 2 - tabbar */
|
||||
|
||||
:root #titlebar {
|
||||
--tab-min-height: 32px !important;
|
||||
--inline-tab-padding: 11px !important;
|
||||
--tab-border-radius: 4px !important;
|
||||
--tab-block-margin: 8px !important;
|
||||
|
||||
--uc-toolbarbutton-inner-padding: 6px !important;
|
||||
--toolbarbutton-border-radius: 2px !important;
|
||||
--tabs-navbar-shadow-size: 0 !important;
|
||||
}
|
||||
|
||||
/* tab open/close transition */
|
||||
.tabbrowser-tab:not([pinned]) {
|
||||
transition-property: min-width, max-width !important;
|
||||
transition-duration: 150ms !important;
|
||||
transition-timing-function: cubic-bezier(0,.75,.25,1) !important;
|
||||
}
|
||||
|
||||
:root:is([inFullscreen], :not([tabsintitlebar])) #titlebar {
|
||||
--tab-block-margin: 0px !important;
|
||||
}
|
||||
|
||||
.tab-background {
|
||||
border-radius: var(--tab-border-radius);
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
margin-block: 0 !important;
|
||||
border: 0 !important;
|
||||
position: relative !important;
|
||||
--uc-tab-corner-bg: transparent;
|
||||
}
|
||||
|
||||
/* rounded bottom corners */
|
||||
.tab-background::before,
|
||||
.tab-background::after {
|
||||
content: "" !important;
|
||||
display: block !important;
|
||||
position: absolute !important;
|
||||
width: 8px !important;
|
||||
height: 8px !important;
|
||||
bottom: 0 !important;
|
||||
pointer-events: none !important;
|
||||
clip-path: inset(0);
|
||||
}
|
||||
|
||||
.tab-background::before {
|
||||
border-bottom-right-radius: var(--tab-border-radius) !important;
|
||||
left: 0 !important;
|
||||
transform: translateX(-8px) !important;
|
||||
box-shadow: 4px 4px 0 4px var(--uc-tab-corner-bg) !important;
|
||||
}
|
||||
|
||||
.tab-background::after {
|
||||
border-bottom-left-radius: var(--tab-border-radius) !important;
|
||||
right: 0 !important;
|
||||
transform: translateX(8px) !important;
|
||||
box-shadow: -4px 4px 0 4px var(--uc-tab-corner-bg) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[selected="true"] .tab-background {
|
||||
--uc-tab-corner-bg: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
.tab-background:is([selected], [multiselected]) {
|
||||
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[multiselected="true"]:-moz-lwtheme,
|
||||
#tabbrowser-tabs:not([movingtab]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab > .tab-stack > .tab-background[selected="true"]:-moz-lwtheme {
|
||||
background-image: linear-gradient(var(--lwt-selected-tab-background-color, transparent), var(--lwt-selected-tab-background-color, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none);
|
||||
--uc-tab-corner-bg: var(--lwt-selected-tab-background-color, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
.tabbrowser-tab .tab-background:is([selected], [multiselected]) {
|
||||
--uc-tab-corner-bg: var(--tab-selected-bgcolor, var(--toolbar-bgcolor));
|
||||
}
|
||||
|
||||
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected="true"], [multiselected]) {
|
||||
--uc-tab-corner-bg: color-mix(in srgb, currentColor 11%, transparent)
|
||||
}
|
||||
|
||||
#tabbrowser-tabs,
|
||||
#TabsToolbar #TabsToolbar-customization-target > .toolbarbutton-1 {
|
||||
margin-top: var(--tab-block-margin) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
/* fix colours */
|
||||
#navigator-toolbox:not(:-moz-lwtheme) {
|
||||
background-color: var(--lwt-accent-color) !important;
|
||||
color: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
.tab-label-container:not([selected="true"], [multiselected]) {
|
||||
opacity: 1 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-animatable-box,
|
||||
#TabsToolbar .toolbarbutton-1 {
|
||||
fill: var(--lwt-text-color) !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[multiselected]:not(:-moz-lwtheme), .tabbrowser-tab[visuallyselected="true"]:not(:-moz-lwtheme) {
|
||||
color: var(--lwt-tab-text, var(--toolbar-color)) !important;
|
||||
}
|
||||
|
||||
.tab-close-button {
|
||||
margin-inline-end: calc(8px - var(--inline-tab-padding)) !important;
|
||||
width: 17px !important;
|
||||
height: 17px !important;
|
||||
padding: 4px !important;
|
||||
border-radius: 2px !important;
|
||||
}
|
||||
|
||||
.tab-throbber:not([pinned]), .tab-icon-pending:not([pinned]), .tab-icon-image:not([pinned]), .tab-sharing-icon-overlay:not([pinned]), .tab-icon-overlay:not([pinned]) {
|
||||
margin-inline-end: 10px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab {
|
||||
font-size: 12px !important;
|
||||
padding-inline: 0 !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack {
|
||||
border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
padding: var(--uc-toolbarbutton-inner-padding) !important;
|
||||
}
|
||||
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon {
|
||||
width: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
|
||||
height: calc(2 * var(--uc-toolbarbutton-inner-padding) + 16px) !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs #tabs-newtab-button {
|
||||
margin-inline-start: 2px !important;
|
||||
}
|
||||
|
||||
.tab-content[pinned] {
|
||||
padding: 0 12px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab[usercontextid] > .tab-stack > .tab-background > .tab-context-line {
|
||||
height: 8px !important;
|
||||
clip-path: inset(0 0 6px) !important;
|
||||
border-radius: var(--tab-border-radius) !important;
|
||||
border-bottom-left-radius: 0 !important;
|
||||
border-bottom-right-radius: 0 !important;
|
||||
margin: 0 !important;
|
||||
}
|
||||
|
||||
.titlebar-spacer[type="post-tabs"] {
|
||||
display: -moz-box !important;
|
||||
}
|
||||
|
||||
.titlebar-spacer[type="pre-tabs"] {
|
||||
display: none !important;
|
||||
}
|
||||
|
||||
toolbarbutton[part="scrollbutton-up"],
|
||||
toolbarbutton[part="scrollbutton-down"] {
|
||||
border-width: 2px !important;
|
||||
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
|
||||
margin-inline: 2px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([pinned], [style*="max-width"])[fadein] {
|
||||
max-width: 240px !important;
|
||||
}
|
||||
|
||||
/* tab separators */
|
||||
.tabbrowser-tab:not([last-visible-tab="true"]) {
|
||||
margin-inline-end: -1px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab:not([selected="true"], :hover, [beforeselected-visible], [beforehovered]) .tab-stack::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
display: block;
|
||||
height: 20px;
|
||||
right: 0;
|
||||
top: 6px;
|
||||
border-right: 1px solid color-mix(in srgb, currentColor 34%, transparent);
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
|
||||
margin-inline-start: 0 !important;
|
||||
}
|
||||
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
|
||||
border-block-width: 2px !important;
|
||||
padding-inline: calc(var(--uc-toolbarbutton-inner-padding) - 4px) !important;
|
||||
padding-block: calc(var(--uc-toolbarbutton-inner-padding) - 0px) !important;
|
||||
}
|
||||
|
||||
/* mac titlebar buttons */
|
||||
@media (-moz-mac-big-sur-theme:0) {
|
||||
.titlebar-buttonbox {
|
||||
margin-inline: 10px !important;
|
||||
}
|
||||
.titlebar-buttonbox-container {
|
||||
margin-inline-end: -8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (-moz-mac-big-sur-theme:1) {
|
||||
.titlebar-buttonbox {
|
||||
margin-inline: calc((var(--tab-min-height) + var(--tab-block-margin) - 14px) / 2) !important;
|
||||
}
|
||||
.titlebar-buttonbox-container {
|
||||
margin-inline-end: -8px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Tab Shadows */
|
||||
#TabsToolbar>.toolbar-items {
|
||||
margin-top: -2px !important;
|
||||
}
|
||||
|
||||
.tabbrowser-tab,
|
||||
#TabsToolbar #tabs-newtab-button,
|
||||
/* no ::part workaround - may have side effects */
|
||||
#scrollbutton-up[part="scrollbutton-up"]:not(.menupopup-scrollbutton),
|
||||
#scrollbutton-down[part="scrollbutton-down"]:not(.menupopup-scrollbutton) {
|
||||
margin-top: 2px !important;
|
||||
}
|
||||
|
||||
#TabsToolbar #TabsToolbar-customization-target> :not(#tabbrowser-tabs) {
|
||||
margin-top: calc(2px + var(--tab-block-margin)) !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs:not([overflow="true"]) .tabbrowser-tab[first-visible-tab] {
|
||||
margin-inline-start: 8px !important;
|
||||
}
|
||||
|
||||
#tabbrowser-tabs[overflow] .tabbrowser-tab[last-visible-tab]:not([pinned]) {
|
||||
margin-inline-end: 8px !important;}
|
||||
|
||||
|
||||
.tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
|
||||
box-shadow: 0 4px 5px rgba(0,0,0,0.2), 0 0px 2px rgba(0,0,0,0.2) !important;
|
||||
}
|
||||
|
||||
#titlebar {
|
||||
box-shadow: 0 -3px 2px -3px rgba(0,0,0,0.2) inset !important;
|
||||
}
|
||||
|
||||
:root[lwthemetextcolor="bright"] .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background {
|
||||
box-shadow: 0 4px 5px rgba(0,0,0,0.55), 0 0px 2px rgba(0,0,0,0.6) !important;
|
||||
}
|
||||
|
||||
:root[lwthemetextcolor="bright"] #titlebar {
|
||||
box-shadow: 0 -3px 2px -3px rgba(0,0,0,0.75) inset !important;
|
||||
}
|
||||
|
||||
/* force inactive window on default theme */
|
||||
@media not (-moz-os-version: windows-win7) {
|
||||
@media not (-moz-os-version: windows-win8) {
|
||||
#navigator-toolbox:-moz-window-inactive {
|
||||
background-color: var(--lwt-accent-color-inactive, var(--lwt-accent-color)) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
144
chrome/toolbar/urlbar.css
Normal file
144
chrome/toolbar/urlbar.css
Normal file
|
|
@ -0,0 +1,144 @@
|
|||
/* EdgeFr-Fox by bmFtZQ - urlbar.css */
|
||||
|
||||
:root {
|
||||
--urlbar-min-height: 28px !important;
|
||||
--urlbarView-item-inline-padding: 14px !important;
|
||||
--urlbar-icon-border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
--urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important;
|
||||
--uc-urlbar-icon-inline-padding: calc(var(--uc-toolbarbutton-inner-inline-padding) - 2px) !important;
|
||||
--identity-box-margin-inline: 2px !important;
|
||||
}
|
||||
|
||||
/* color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) */
|
||||
|
||||
:root:not(:-moz-lwtheme) #urlbar {
|
||||
--urlbar-box-bgcolor: unset !important;
|
||||
}
|
||||
|
||||
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background:not(:-moz-lwtheme),
|
||||
#searchbar:not(:-moz-lwtheme):focus-within {
|
||||
outline-color: color-mix(in srgb, var(--toolbar-field-focus-border-color) 50%, transparent) !important;
|
||||
}
|
||||
|
||||
:root:not([lwthemetextcolor="bright"]) #urlbar-background {
|
||||
box-shadow: var(--uc-urlbar-shadow, none);
|
||||
}
|
||||
|
||||
#urlbar[open] > #urlbar-background {
|
||||
border-color: transparent !important;
|
||||
box-shadow: 0 10px 16px #0005, 0 0 1px #0006 !important;
|
||||
}
|
||||
|
||||
.urlbarView {
|
||||
margin-inline: 0 !important;
|
||||
width: 100% !important;
|
||||
border-inline: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row {
|
||||
padding-block: 0 !important;
|
||||
}
|
||||
|
||||
.urlbarView-row-inner {
|
||||
border-radius: 0 !important;
|
||||
padding-block: 8px !important;
|
||||
}
|
||||
|
||||
.urlbarView-row:not([type="tip"], [type="dynamic"])[selected] > .urlbarView-row-inner, .urlbarView-row-inner[selected] {
|
||||
box-shadow: 3px 0 var(--toolbar-field-focus-border-color) inset !important;
|
||||
}
|
||||
|
||||
#urlbar-anon-search-settings {
|
||||
margin-inline-end: 8px !important;
|
||||
}
|
||||
|
||||
#urlbar .search-one-offs:not([hidden]) {
|
||||
padding-block: 8px 0 !important;
|
||||
}
|
||||
|
||||
/* breakout */
|
||||
#urlbar[breakout][breakout-extend] {
|
||||
left: 0 !important;
|
||||
width: 100% !important;
|
||||
}
|
||||
|
||||
#urlbar[breakout][breakout-extend] > #urlbar-input-container {
|
||||
padding-inline: var(--urlbar-container-padding) !important;
|
||||
}
|
||||
|
||||
.urlbarView-results {
|
||||
padding-block: 0 !important;
|
||||
}
|
||||
|
||||
#urlbar[open] > .urlbarView > .urlbarView-body-outer > .urlbarView-body-inner,
|
||||
.urlbarView:not([noresults]) > .search-one-offs:not([hidden]) {
|
||||
border-top: 0 !important;
|
||||
}
|
||||
|
||||
/* urlbar spacing */
|
||||
#urlbar-container {
|
||||
--urlbar-container-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important;
|
||||
}
|
||||
|
||||
#urlbar {
|
||||
--urlbar-toolbar-height: calc(8px + 16px + var(--toolbarbutton-inner-padding) * 2) !important;
|
||||
--urlbar-height: calc(16px + var(--toolbarbutton-inner-padding) * 2) !important;
|
||||
}
|
||||
|
||||
#urlbar-container, #search-container {
|
||||
margin-inline: 6px !important;
|
||||
}
|
||||
|
||||
.urlbar-page-action, #urlbar-go-button, .search-go-button,
|
||||
#tracking-protection-icon-container,
|
||||
#identity-icon-box {
|
||||
padding-inline: var(--uc-urlbar-icon-inline-padding) !important;
|
||||
width: calc(var(--uc-urlbar-icon-inline-padding) * 2 + 16px) !important;
|
||||
}
|
||||
|
||||
#identity-box[pageproxystate="valid"].notSecureText > .identity-box-button,
|
||||
#identity-box[pageproxystate="valid"].chromeUI > .identity-box-button,
|
||||
#identity-box[pageproxystate="valid"].extensionPage > .identity-box-button,
|
||||
#urlbar-label-box {
|
||||
width: unset !important;
|
||||
}
|
||||
|
||||
#identity-icon-box {
|
||||
padding-inline: var(--uc-toolbarbutton-inner-inline-padding) !important;
|
||||
}
|
||||
|
||||
/* workaround for bringing lock icon and permission icon closer */
|
||||
#identity-permission-box {
|
||||
padding-inline: 2px var(--uc-urlbar-icon-inline-padding) !important;
|
||||
margin-inline-start: -8px !important;
|
||||
}
|
||||
|
||||
#urlbar-background, #searchbar {
|
||||
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
|
||||
}
|
||||
|
||||
|
||||
/* move tracking protection button */
|
||||
#tracking-protection-icon-container,
|
||||
#page-action-buttons {
|
||||
-moz-box-ordinal-group: 2 !important;
|
||||
}
|
||||
|
||||
#urlbar[focused="true"]:not([suppress-focus-border]) > #urlbar-background,
|
||||
#searchbar:focus-within {
|
||||
outline-offset: calc(var(--focus-outline-width) * -1 + 1px) !important;
|
||||
}
|
||||
|
||||
.urlbarView {
|
||||
padding-block-end: 8px !important;
|
||||
}
|
||||
|
||||
.urlbarView-row[pinned] > .urlbarView-row-inner > .urlbarView-no-wrap > .urlbarView-type-icon {
|
||||
fill: var(--toolbar-field-color) !important;
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
Loading…
Add table
Add a link
Reference in a new issue