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: proton namespace

Browse source
This commit is contained in:
alstjr7375 2021-04-27 11:13:00 +09:00
parent eb060a3104
commit a7e15cdf54
2 changed files with 49 additions and 44 deletions
Download patch file Download diff file Expand all files Collapse all files

71
userChrome.css
View file

@ -1,43 +1,46 @@
/* Darkmode */
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] {
--toolbar-bgcolor: rgba(43, 42, 51, 5) !important;
}
@media (-moz-proton) {
/* Darkmode - Color lighter */
:root[style*="--lwt-accent-color:rgb(12, 12, 13); --lwt-text-color:rgba(249, 249, 250);"] {
--toolbar-bgcolor: rgba(43, 42, 51, 5) !important;
}
/* Tab */
.tab-background {
border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
margin-bottom: 0px !important;
}
/* Tab - Connect to window */
.tab-background {
border-radius: var(--tab-border-radius) var(--tab-border-radius) 0px 0px !important;
margin-bottom: 0px !important;
}
.tab-content {
margin-top: var(--proton-tab-block-margin);
}
.tab-content {
margin-top: var(--proton-tab-block-margin);
}
.tab-stack {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.tab-stack {
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.tabbrowser-tab {
margin: 0px !important;
margin-inline: 0px !important;
padding-inline: 1px !important;
}
.tabbrowser-tab {
margin: 0px !important;
margin-inline: 0px !important;
padding-inline: 1px !important;
}
/* Selected Tab */
.tab-background[selected="true"] {
background: var(--toolbar-bgcolor) !important;
}
/* Selected Tab - Color like toolbar */
.tab-background[selected="true"] {
background: var(--toolbar-bgcolor) !important;
}
#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(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}
#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(--toolbar-bgcolor, transparent), var(--toolbar-bgcolor, transparent)), linear-gradient(var(--toolbar-bgcolor), var(--toolbar-bgcolor)), var(--lwt-header-image, none) !important;
}
#TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
box-shadow: 0 0 1px var(--toolbar-color) !important;
}
/* Selected Tab - Box Shadow */
#TabsToolbar[brighttext] #tabbrowser-tabs:not([noshadowfortests]) .tabbrowser-tab:is([visuallyselected="true"], [multiselected]) > .tab-stack > .tab-background:-moz-lwtheme {
box-shadow: 0 0 1px var(--toolbar-color) !important;
}
/* Menu */
menupopup > menuitem, menupopup > menu {
padding-block: 0.15em !important;
/* Menu - Padding narrower */
menupopup > menuitem, menupopup > menu {
padding-block: 0.15em !important;
}
}

22
userContent.css
View file

@ -1,13 +1,15 @@
@-moz-document url("about:home"), url("about:newtab") {
/* Activity Stream - Search Focus Border: like URL */
.fake-focus .search-handoff-button {
--focus-outline-color: #00DDFF;
border: 2px solid color-mix(in srgb, var(--focus-outline-color) 50%, transparent) !important;
}
@media (-moz-proton) {
@-moz-document url("about:home"), url("about:newtab") {
/* Activity Stream - Search Focus Border: like URL */
.fake-focus .search-handoff-button {
--focus-outline-color: #00DDFF;
border: 2px solid color-mix(in srgb, var(--focus-outline-color) 50%, transparent) !important;
}
/* Activity Stream - Web Site Icon: full size */
.top-site-outer .tile .icon-wrapper {
width: 100% !important;
height: 100% !important;
/* Activity Stream - Web Site Icon: full size */
.top-site-outer .tile .icon-wrapper {
width: 100% !important;
height: 100% !important;
}
}
}