mirror of
https://github.com/black7375/Firefox-UI-Fix.git
synced 2026-03-12 09:50:38 -07:00
Merge branch 'frequency_user_requirement' into dev
This commit is contained in:
alstjr7375
commit
cc75c6a754
26 changed files with 827 additions and 318 deletions
|
|
@ -50,18 +50,5 @@
|
|||
}
|
||||
}
|
||||
|
||||
@include test("multiple") {
|
||||
@include assert {
|
||||
@include output {
|
||||
@include option.Option("userChrome.tab.photon", "userChrome.padding.photon") {
|
||||
@include example;
|
||||
}
|
||||
}
|
||||
@include expect {
|
||||
@supports -moz-bool-pref("userChrome.tab.photon") or -moz-bool-pref("userChrome.padding.photon") {
|
||||
@include example;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
// Need multiple test
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,11 +1,12 @@
|
|||
@-moz-document url("about:home"), url("about:newtab") {
|
||||
/** Activity Stream - Search Focus Border: like URL *************************/
|
||||
@include Option("userContent.newTab.field_border") {
|
||||
@include Option("userContent.page.field_border") {
|
||||
/* At DarkMode, Color */
|
||||
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
|
||||
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
|
||||
body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
|
||||
body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] {
|
||||
body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"],
|
||||
body[style*="--newtab-background-color: rgb(43, 42, 51);"] {
|
||||
/* inner */
|
||||
--newtab-focus-border: rgba(
|
||||
0,
|
||||
|
|
@ -13,10 +14,16 @@
|
|||
255,
|
||||
0.5
|
||||
) !important; /* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
|
||||
--newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important; /* Original: #B5D3FF */
|
||||
--newtab-focus-border-selected: var(--newtab-focus-border) !important; /* Original: #B5D3FF */
|
||||
|
||||
/* For Nightly */
|
||||
--newtab-primary-action-background: var(--newtab-focus-border) !important;
|
||||
|
||||
@include Option("userContent.page.proton_color") {
|
||||
@include Option("userContent.page.proton_color.dark_blue_accent") {
|
||||
--newtab-focus-border: var(--in-content-focus-outline-color) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -62,13 +69,34 @@
|
|||
.search-wrapper input:focus {
|
||||
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
|
||||
}
|
||||
.search-wrapper .search-inner-wrapper:hover input {
|
||||
border-color: var(--newtab-primary-action-background) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
@include Option("userContent.page.field_border") {
|
||||
.search-wrapper .search-inner-wrapper:hover input {
|
||||
border-color: var(--newtab-primary-action-background) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/** Activity Stream - Pocket order to last **********************************/
|
||||
@include Option("userContent.newTab.pocket_to_last") {
|
||||
.body-wrapper.on {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.body-wrapper.on > .discovery-stream.ds-layout {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.body-wrapper.on > .collapsible-section[data-section-id="topstories"],
|
||||
.home-section > #pocket-section,
|
||||
.home-section > .divider,
|
||||
.home-section > div:not(.section) {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
|
||||
/** Activity Stream - Home Search Bar looks like proton *********************/
|
||||
@include Option("userContent.newTab.animate") {
|
||||
/* Dropdown Colors */
|
||||
|
|
|
|||
27
src/contents/_proton_color.scss
Normal file
27
src/contents/_proton_color.scss
Normal file
|
|
@ -0,0 +1,27 @@
|
|||
@-moz-document url-prefix("about:"),
|
||||
url-prefix("https://addons.mozilla.org"),
|
||||
url-prefix("https://support.mozilla.org"),
|
||||
url-prefix("https://accounts.firefox.com"),
|
||||
url-prefix("view-source"),
|
||||
regexp("^(((jar:)?file:\/\/\/)|(chrome:\/\/)).*\/$") {
|
||||
@import "../theme/proton_color";
|
||||
|
||||
@include Option("userContent.page.proton_color.dark_blue_accent") {
|
||||
@include Dark {
|
||||
@import "../theme/dark_blue_color";
|
||||
|
||||
:host, :root {
|
||||
@include DarkBlueContent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@include Option("userContent.page.proton_color.system_accent") {
|
||||
:host, :root {
|
||||
--in-content-primary-button-text-color: -moz-accent-color-foreground !important;
|
||||
--in-content-primary-button-background: Highlight !important;
|
||||
--in-content-primary-button-background-hover: color-mix(in srgb, black 10%, Highlight) !important;
|
||||
--in-content-primary-button-background-active: color-mix(in srgb, black 20%, Highlight) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,6 +1,13 @@
|
|||
/*= Common contents ==========================================================*/
|
||||
@import "proton_contents/proton_commons";
|
||||
|
||||
/*= Field Border =============================================================*/
|
||||
@include Option("userContent.page.field_border") {
|
||||
@include Animate {
|
||||
@import "proton_contents/field_border";
|
||||
}
|
||||
}
|
||||
|
||||
/*= View Source ==============================================================*/
|
||||
@import "proton_contents/view_source";
|
||||
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
@-moz-document url-prefix("about:sync-log"),
|
||||
regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") {
|
||||
regexp("^(((jar:)?file:\/\/\/)|(chrome:\/\/)).*\/$") {
|
||||
body {
|
||||
background-color: var(--in-content-box-background) !important;
|
||||
margin: 4em auto !important; /* Override to default */
|
||||
|
|
|
|||
12
src/contents/proton_contents/_field_border.scss
Normal file
12
src/contents/proton_contents/_field_border.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
@-moz-document url-prefix("about:") {
|
||||
xul|search-textbox:hover {
|
||||
border-color: var(--in-content-focus-outline-color) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
@-moz-document url-prefix("about:config") {
|
||||
#about-config-search:hover {
|
||||
border-color: var(--in-content-focus-outline-color) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
|
|
@ -4,7 +4,7 @@
|
|||
url-prefix("about:checkerboard"),
|
||||
url-prefix("about:sync-log"),
|
||||
url-prefix("about:memory"),
|
||||
regexp("^((file:\/\/\/)|(chrome:\/\/)).*\/$") {
|
||||
regexp("^(((jar:)?file:\/\/\/)|(chrome:\/\/)).*\/$") {
|
||||
/* Base */
|
||||
html,
|
||||
body {
|
||||
|
|
|
|||
|
|
@ -24,11 +24,22 @@
|
|||
background-image: var(--avatar-image-url) !important;
|
||||
}
|
||||
|
||||
@include Option("userChrome.icon.panel_full") {
|
||||
@include Option("userChrome.icon.panel_full", "userChrome.icon.panel_photon") {
|
||||
#appMenu-new-tab-button2 {
|
||||
list-style-image: url("chrome://browser/skin/new-tab.svg");
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.icon.panel_photon") {
|
||||
#appMenu-save-file-button2,
|
||||
#appMenu-find-button2,
|
||||
#appMenu-more-button2 {
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
}
|
||||
#appMenu-zoom-controls2 {
|
||||
padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.icon.panel_sparse") {
|
||||
#appMenu-new-tab-button2, /* Seperate */
|
||||
#appMenu-passwords-button, /* Seperate */
|
||||
|
|
@ -38,8 +49,8 @@
|
|||
#appMenu-more-button2, /* Seperate */
|
||||
#appMenu-help-button2,
|
||||
#appMenu-quit-button2 /* Seperate */ {
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding-block) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important;
|
||||
}
|
||||
#appMenu-zoom-controls2 {
|
||||
padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
|
||||
|
|
@ -61,7 +72,7 @@
|
|||
#appMenu-downloads-button {
|
||||
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
|
||||
}
|
||||
@include Option("userChrome.icon.panel_full") {
|
||||
@include Option("userChrome.icon.panel_full", "userChrome.icon.panel_photon") {
|
||||
#appMenu-passwords-button {
|
||||
list-style-image: url("chrome://browser/skin/login.svg");
|
||||
}
|
||||
|
|
@ -92,6 +103,8 @@
|
|||
#appMenu-more-button2 {
|
||||
list-style-image: url("chrome://browser/skin/ion.svg");
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.icon.panel_full", "userChrome.icon.panel_photon") {
|
||||
#appMenu-help-button2 {
|
||||
list-style-image: url("chrome://global/skin/icons/help.svg");
|
||||
}
|
||||
|
|
@ -169,7 +182,7 @@
|
|||
}
|
||||
|
||||
.PanelUI-remotetabs-notabsforclient-label {
|
||||
margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
|
||||
margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding-inline)) !important;
|
||||
padding-inline-start: var(--arrowpanel-menublank-padding) !important;
|
||||
}
|
||||
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
--organizer-hover-color: var(--organizer-color);
|
||||
--organizer-selected-background: var(--in-content-button-background-active);
|
||||
--organizer-selected-color: var(--organizer-color);
|
||||
--organizer-outline-color: var(--in-content-primary-button-background);
|
||||
--organizer-outline-color: var(--in-content-focus-outline-color);
|
||||
|
||||
--organizer-separator-color: var(--organizer-pane-field-border-color);
|
||||
--organizer-border-color: var(--in-content-border-color);
|
||||
|
|
@ -64,7 +64,6 @@
|
|||
|
||||
--organizer-hover-background: rgb(82, 82, 94);
|
||||
--organizer-selected-background: rgb(91, 91, 102);
|
||||
--organizer-outline-color: rgb(0, 221, 255);
|
||||
|
||||
--organizer-toolbar-field-background: var(--in-content-page-background);
|
||||
--organizer-toolbar-field-background-focused: rgb(66, 65, 77);
|
||||
|
|
@ -176,7 +175,8 @@
|
|||
}
|
||||
|
||||
/*- Downloads Pane -------------------------------------------------------*/
|
||||
#downloadsRichListBox {
|
||||
#downloadsRichListBox, /* Legacy - FF v98 */
|
||||
#downloadsListBox {
|
||||
color: var(--organizer-color) !important;
|
||||
background-color: var(--organizer-content-background) !important;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@ menupopup menupopup[emptyplacesresult] .menu-text,
|
|||
/* Bookmark Popup - As Arrow Panel */
|
||||
#BMB_bookmarksPopup,
|
||||
#PersonalToolbar {
|
||||
--context-menu-background-padding: var(--arrowpanel-menuitem-padding);
|
||||
--context-menu-background-padding: var(--arrowpanel-menuitem-padding-inline);
|
||||
}
|
||||
|
||||
/* Windows 7, 8 */
|
||||
|
|
@ -31,7 +31,7 @@ menupopup menupopup[emptyplacesresult] .menu-text,
|
|||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
margin-inline: var(--arrowpanel-menuitem-padding) !important;
|
||||
margin-inline: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
|
||||
}
|
||||
menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
|
|
@ -51,7 +51,7 @@ menupopup menupopup[emptyplacesresult] .menu-text,
|
|||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
margin-inline: var(--arrowpanel-menuitem-padding) !important;
|
||||
margin-inline: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important;
|
||||
background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
|
||||
}
|
||||
|
|
@ -74,7 +74,7 @@ menupopup menupopup[emptyplacesresult] .menu-text,
|
|||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 1px) !important;
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -82,12 +82,12 @@ menupopup menupopup[emptyplacesresult] .menu-text,
|
|||
/* Bookmark Popup - As Arrow Panel */
|
||||
#PersonalToolbar menupopup menuitem,
|
||||
#PersonalToolbar menupopup menu {
|
||||
padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
|
||||
padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding-inline)) !important;
|
||||
}
|
||||
|
||||
/* Bookmark Popup - None icon menu */
|
||||
menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important;
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,17 +1,5 @@
|
|||
/*= Tab Bar - Distribution padding, radius ===================================*/
|
||||
@import "tab_padding";
|
||||
@include Option("userChrome.tab.photon_like_radius") {
|
||||
:root {
|
||||
--tab-border-radius: 0px !important; /* Original: 4px */
|
||||
}
|
||||
/* Fix Tab bar button radious */
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
|
||||
.tab-close-button {
|
||||
--tab-border-radius: 4px !important;
|
||||
}
|
||||
}
|
||||
|
||||
/*= Tab Bar - Reduce Width, Show more tabs ===================================*/
|
||||
@include Option("userChrome.padding.first_tab") {
|
||||
|
|
@ -81,6 +69,9 @@
|
|||
@include Option("userChrome.padding.panel") {
|
||||
@import "panel";
|
||||
}
|
||||
@include Option("userChrome.padding.panel_header") {
|
||||
@import "panel_header";
|
||||
}
|
||||
|
||||
/*= Popup Panel - Reduce padding =============================================*/
|
||||
@include Option("userChrome.padding.popup_panel") {
|
||||
|
|
|
|||
|
|
@ -1,13 +1,16 @@
|
|||
:root {
|
||||
--arrowpanel-menuicon-padding: 8px;
|
||||
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important; /* Original: 0 8px */
|
||||
--arrowpanel-menuitem-padding: 5px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-block: 5px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-inline: 5px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important; /* Compatibility */
|
||||
--arrowpanel-padding: 0.8em !important; /* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
|
||||
}
|
||||
|
||||
:root[uidensity="compact"] {
|
||||
--arrowpanel-menuitem-padding: 3px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-block: 3px !important;
|
||||
--arrowpanel-menuitem-padding-inline: 3px !important;
|
||||
}
|
||||
:root[uidensity="touch"] {
|
||||
--arrowpanel-menuitem-padding: 8px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-block: 8px !important; /* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-inline: 8px !important; /* Original: 8px */
|
||||
}
|
||||
|
|
|
|||
4
src/padding/_panel_header.scss
Normal file
4
src/padding/_panel_header.scss
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
.panel-header{
|
||||
padding: unset !important;
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
12
src/panel/_full_width_padding.scss
Normal file
12
src/panel/_full_width_padding.scss
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
/* Original
|
||||
--arrowpanel-menuitem-margin: 0 8px;
|
||||
--arrowpanel-menuitem-padding-block: 8px;
|
||||
--arrowpanel-menuitem-padding-inline: 8px;
|
||||
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline);
|
||||
*/
|
||||
|
||||
:root,
|
||||
:root:is([uidensity="compact"], [uidensity="touch"]) {
|
||||
--arrowpanel-menuitem-margin: 0 !important;
|
||||
--arrowpanel-menuitem-padding-inline: calc(var(--arrowpanel-menuitem-padding-block) + 8px) !important;
|
||||
}
|
||||
9
src/panel/_full_width_separator.scss
Normal file
9
src/panel/_full_width_separator.scss
Normal file
|
|
@ -0,0 +1,9 @@
|
|||
/* Full width separators */
|
||||
:root {
|
||||
/* Original
|
||||
--panel-separator-margin-vertical: 4px;
|
||||
--panel-separator-margin-horizontal: 8px;
|
||||
--panel-separator-margin: var(--panel-separator-margin-vertical) var(--panel-separator-margin-horizontal);
|
||||
*/
|
||||
--panel-separator-margin-horizontal: 0 !important;
|
||||
}
|
||||
|
|
@ -1,37 +1,28 @@
|
|||
/*= Padding ==================================================================*/
|
||||
:root {
|
||||
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
|
||||
--arrowpanel-menuicon-padding: 8px;
|
||||
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + var(var(--arrowpanel-menuitem-padding-inline))) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important;
|
||||
--arrowpanel-menuimageblank-padding-block: calc(var(--arrowpanel-menuitem-padding-block) - 2px) !important;
|
||||
}
|
||||
.subviewbutton > .toolbarbutton-icon {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
@include Option("userChrome.icon.panel_sparse") {
|
||||
:root {
|
||||
/* Blank Menu Left Padding */
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px);
|
||||
--arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
|
||||
}
|
||||
:root[uidensity="compact"] {
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 5px);
|
||||
}
|
||||
:root[uidensity="touch"] {
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding));
|
||||
}
|
||||
@include Option("userChrome.icon.panel_photon", "userChrome.icon.panel_sparse") {
|
||||
:root {
|
||||
/* Global */
|
||||
--arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2);
|
||||
|
||||
/* General Panel */
|
||||
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-paddingx2) + 8px) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important;
|
||||
|
||||
/* Blank Menu Left Padding */
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(
|
||||
var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding)
|
||||
var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding-inline)
|
||||
);
|
||||
--arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
|
||||
--arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding-block) + 1px);
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -61,17 +52,23 @@
|
|||
margin-bottom: 2px !important;
|
||||
}
|
||||
#appMenu-proton-update-banner::before {
|
||||
margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
|
||||
margin-inline-start: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
}
|
||||
#appMenu-fxa-status2,
|
||||
#appMenu-zoom-controls2 {
|
||||
align-items: center;
|
||||
padding-top: var(--arrowpanel-menuimageblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
|
||||
padding-top: var(--arrowpanel-menuimageblank-padding-block) !important;
|
||||
padding-bottom: var(--arrowpanel-menuimageblank-padding-block) !important;
|
||||
}
|
||||
#appMenu-zoom-controls2::before {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
#appMenu-zoomReduce-button2,
|
||||
#appMenu-zoomReset-button2,
|
||||
#appMenu-zoomEnlarge-button2,
|
||||
#appMenu-fullscreen-button2 {
|
||||
--arrowpanel-menuitem-padding-block: 0px;
|
||||
}
|
||||
|
||||
.subviewbutton[type="checkbox"]:not([checked="true"]) > .toolbarbutton-text {
|
||||
margin-left: 16px !important;
|
||||
|
|
|
|||
|
|
@ -1,3 +1,11 @@
|
|||
@include Option("userChrome.panel.remove_strip") {
|
||||
@import "remove_strip";
|
||||
}
|
||||
|
||||
@include Option("userChrome.panel.full_width_separator") {
|
||||
@import "full_width_separator";
|
||||
}
|
||||
|
||||
@include Option("userChrome.panel.full_width_padding") {
|
||||
@import "full_width_padding";
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,3 +1,3 @@
|
|||
#appMenu-fxa-separator {
|
||||
display: none;
|
||||
--panel-separator-zap-gradient: none; /* Original: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) */
|
||||
}
|
||||
|
|
|
|||
22
src/theme/_dark_blue_accent.scss
Normal file
22
src/theme/_dark_blue_accent.scss
Normal file
|
|
@ -0,0 +1,22 @@
|
|||
@include Dark {
|
||||
@import "dark_blue_color";
|
||||
|
||||
:host, :root, button, select, input, menulist, radio {
|
||||
@include DarkBlueContent;
|
||||
}
|
||||
|
||||
#{built-in-dark-theme()} {
|
||||
--button-primary-color: var(--in-content-page-color) !important;
|
||||
--button-primary-bgcolor: var(--blue-60) !important;
|
||||
--button-primary-hover-bgcolor: var(--blue-50) !important;
|
||||
--button-primary-active-bgcolor: var(--blue-40) !important;
|
||||
|
||||
--focus-outline-color: var(--blue-40) !important;
|
||||
|
||||
--lwt-toolbarbutton-icon-fill-attention: var(--blue-40) !important;
|
||||
--download-progress-fill-color: var(--blue-40) !important;
|
||||
--panel-banner-item-info-icon-bgcolor: var(--blue-30) !important;
|
||||
|
||||
--lwt-brighttext-url-color: var(--blue-30) !important; /* Original: as primary bgcolor */
|
||||
}
|
||||
}
|
||||
54
src/theme/_dark_blue_color.scss
Normal file
54
src/theme/_dark_blue_color.scss
Normal file
|
|
@ -0,0 +1,54 @@
|
|||
:host, :root {
|
||||
/* Color Memo
|
||||
Just refer - Photon's dark color
|
||||
--button-primary-bgcolor: #0060DF;
|
||||
--button-primary-hover-bgcolor: #003EAA;
|
||||
--button-primary-active-bgcolor: #002275;
|
||||
--lwt-brighttext-url-color: #74c0ff;
|
||||
--lwt-toolbarbutton-icon-fill-attention: #45a1ff;
|
||||
|
||||
Just refer - Proton's light color
|
||||
--in-content-accent-color: #0a84ff;
|
||||
--in-content-accent-color-active: #0060df;
|
||||
--in-content-primary-button-background: #0061e0;
|
||||
--in-content-primary-button-background-hover: #0250bb;
|
||||
--in-content-primary-button-background-active: #053e94;
|
||||
|
||||
--blue-40: #45a1ff; rgb(69, 161, 255)
|
||||
--blue-50: #0a84ff; rgb(10, 132, 255)
|
||||
--blue-60: #0060df; rgb(0, 96, 223)
|
||||
--blue-70: #003eaa; rgb(0, 62, 170)
|
||||
--blue-80: #002275; rgb(0, 34, 117)
|
||||
|
||||
Relation
|
||||
lighten(#0060df, 29%): #74b0ff;
|
||||
lighten(#0060df, 19.8%): #4595ff
|
||||
lighten(#0060df, 8.3%): #0a74ff
|
||||
#0060df
|
||||
darken(#0060df, 15.5%): #003e90;
|
||||
darken(#0060df, 28.1%): #002250;
|
||||
*/
|
||||
--blue-20: #b6d6ff; /* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/
|
||||
--blue-30: #74c0ff; /* rgb(116, 192, 255), Add for active color */
|
||||
}
|
||||
|
||||
@mixin DarkBlueContent() {
|
||||
--in-content-primary-button-text-color: var(--in-content-page-color) !important;
|
||||
--in-content-primary-button-background: var(--blue-60) !important;
|
||||
--in-content-primary-button-background-hover: var(--blue-50) !important;
|
||||
--in-content-primary-button-background-active: var(--blue-40) !important;
|
||||
|
||||
--in-content-focus-outline-color: var(--blue-40) !important;
|
||||
--in-content-accent-color: var(--blue-40) !important;
|
||||
--in-content-accent-color-active: var(--blue-30) !important;
|
||||
|
||||
--in-content-table-background: rgb(35, 34, 43) !important;
|
||||
--in-content-table-border-color: rgba(249,249,250,0.2) !important;
|
||||
--in-content-table-header-background: rgb(5, 64, 150) !important;
|
||||
--in-content-table-header-color: var(--in-content-page-color) !important;
|
||||
|
||||
--in-content-link-color: var(--blue-40) !important;
|
||||
--in-content-link-color-hover: var(--blue-30) !important;
|
||||
--in-content-link-color-active: var(--blue-20) !important;
|
||||
--in-content-link-color-visited: var(--blue-40) !important;
|
||||
}
|
||||
|
|
@ -49,6 +49,7 @@
|
|||
|
||||
--in-content-table-background: #f8f8fa;
|
||||
--in-content-table-border-color: var(--in-content-box-border-color); /* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
|
||||
--in-content-table-border-dark-color: var(--in-content-table-border-color);
|
||||
--in-content-table-header-background: var(
|
||||
--in-content-primary-button-background
|
||||
); /* Legacy: #0a84ff; rgb(5, 64, 150); */
|
||||
|
|
|
|||
|
|
@ -29,6 +29,9 @@
|
|||
|
||||
@include Option("userChrome.theme.proton_color") {
|
||||
@import "theme/proton_color";
|
||||
@include Option("userChrome.theme.proton_color.dark_blue_accent") {
|
||||
@import "theme/dark_blue_accent";
|
||||
}
|
||||
}
|
||||
@include Option("userChrome.theme.fully_color") {
|
||||
@import "theme/fully_color";
|
||||
|
|
@ -47,6 +50,9 @@
|
|||
/** Decoration ****************************************************************/
|
||||
@import "decoration/index";
|
||||
|
||||
/** Rounding ******************************************************************/
|
||||
@import "rounding/index";
|
||||
|
||||
/** Reduce Padding ************************************************************/
|
||||
@import "padding/index";
|
||||
|
||||
|
|
|
|||
|
|
@ -19,7 +19,7 @@
|
|||
/** Fully Dark Mode ***********************************************************/
|
||||
/*= Fully Dark Mode - Dark Mode Colors =======================================*/
|
||||
@include Option("userContent.page.proton_color") {
|
||||
@import "theme/proton_color";
|
||||
@import "contents/proton_color";
|
||||
}
|
||||
@include Option("userContent.page.dark_mode") {
|
||||
@import "contents/dark_mode";
|
||||
|
|
|
|||
96
user.js
96
user.js
|
|
@ -42,7 +42,8 @@ user_pref("userChrome.tab.newtab_button_like_tab", true); // Original
|
|||
// user_pref("userChrome.tab.newtab_button_proton", true); // Proton
|
||||
|
||||
user_pref("userChrome.icon.panel_full", true); // Original, Proton
|
||||
// user_pref("userChrome.icon.panel_sparse", true); // Photon
|
||||
// user_pref("userChrome.icon.panel_photon", true); // Photon
|
||||
// user_pref("userChrome.icon.panel_sparse", true); // Just option
|
||||
|
||||
// Original Only
|
||||
user_pref("userChrome.tab.box_shadow", true);
|
||||
|
|
@ -50,7 +51,7 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
|
|||
|
||||
// Photon Only
|
||||
// user_pref("userChrome.tab.photon_like_contextline", true);
|
||||
// user_pref("userChrome.tab.photon_like_radius", true);
|
||||
// user_pref("userChrome.rounding.square_tab", true);
|
||||
|
||||
// == Theme Compatibility Settings =============================================
|
||||
// user_pref("userChrome.compatibility.covered_header_image", true);
|
||||
|
|
@ -59,35 +60,53 @@ user_pref("userChrome.tab.bottom_rounded_corner", true);
|
|||
// user_pref("userChrome.compatibility.dynamic_separator", true); // Need dynamic_seperator
|
||||
|
||||
// == Theme Custom Settings ====================================================
|
||||
// user_pref("userChrome.decoration.disable_panel_animate", true);
|
||||
// user_pref("userChrome.decoration.disable_sidebar_animate", true);
|
||||
// -- User Chrome --------------------------------------------------------------
|
||||
// user_pref("userChrome.decoration.disable_panel_animate", true);
|
||||
// user_pref("userChrome.decoration.disable_sidebar_animate", true);
|
||||
|
||||
// user_pref("userChrome.padding.first_tab", true);
|
||||
// user_pref("userChrome.padding.drag_space", true);
|
||||
// user_pref("userChrome.theme.proton_color.dark_blue_accent", true);
|
||||
|
||||
// user_pref("userChrome.padding.menu_compact", true);
|
||||
// user_pref("userChrome.padding.urlView_expanding", true);
|
||||
// user_pref("userChrome.padding.urlView_result", true);
|
||||
// user_pref("userChrome.rounding.square_button", true);
|
||||
// user_pref("userChrome.rounding.square_panel", true);
|
||||
// user_pref("userChrome.rounding.square_panelitem", true);
|
||||
// user_pref("userChrome.rounding.square_menupopup", true);
|
||||
// user_pref("userChrome.rounding.square_menuitem", true);
|
||||
// user_pref("userChrome.rounding.square_field", true);
|
||||
// user_pref("userChrome.rounding.square_checklabel", true);
|
||||
|
||||
// user_pref("userChrome.urlView.move_icon_to_left", true);
|
||||
// user_pref("userChrome.urlView.go_button_when_typing", true);
|
||||
// user_pref("userChrome.urlView.always_show_page_actions", true);
|
||||
// user_pref("userChrome.padding.first_tab", true);
|
||||
// user_pref("userChrome.padding.drag_space", true);
|
||||
|
||||
// user_pref("userChrome.tab.on_bottom", true);
|
||||
// user_pref("userChrome.tab.on_bottom.above_bookmark", true); // Need on_bottom
|
||||
// user_pref("userChrome.tab.on_bottom.menubar_on_top", true); // Need on_bottom
|
||||
// user_pref("userChrome.tab.always_show_tab_icon", true);
|
||||
// user_pref("userChrome.tab.close_button_at_pinned", true);
|
||||
// user_pref("userChrome.tab.close_button_at_hover.always", true); // Need close_button_at_hover
|
||||
// user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label
|
||||
// user_pref("userChrome.tab.centered_label", true);
|
||||
// user_pref("userChrome.padding.menu_compact", true);
|
||||
// user_pref("userChrome.padding.urlView_expanding", true);
|
||||
// user_pref("userChrome.padding.urlView_result", true);
|
||||
// user_pref("userChrome.padding.panel_header", true);
|
||||
|
||||
// user_pref("userChrome.panel.remove_strip", true);
|
||||
// user_pref("userChrome.urlView.move_icon_to_left", true);
|
||||
// user_pref("userChrome.urlView.go_button_when_typing", true);
|
||||
// user_pref("userChrome.urlView.always_show_page_actions", true);
|
||||
|
||||
// user_pref("userChrome.icon.account_image_to_right", true);
|
||||
// user_pref("userChrome.icon.account_label_to_right", true);
|
||||
// user_pref("userChrome.tab.on_bottom", true);
|
||||
// user_pref("userChrome.tab.on_bottom.above_bookmark", true); // Need on_bottom
|
||||
// user_pref("userChrome.tab.on_bottom.menubar_on_top", true); // Need on_bottom
|
||||
// user_pref("userChrome.tab.always_show_tab_icon", true);
|
||||
// user_pref("userChrome.tab.close_button_at_pinned", true);
|
||||
// user_pref("userChrome.tab.close_button_at_hover.always", true); // Need close_button_at_hover
|
||||
// user_pref("userChrome.tab.sound_show_label", true); // Need remove sound_hide_label
|
||||
// user_pref("userChrome.tab.centered_label", true);
|
||||
|
||||
// user_pref("userContent.player.ui.twoline", true);
|
||||
// user_pref("userChrome.panel.remove_strip", true);
|
||||
// user_pref("userChrome.panel.full_width_separator", true);
|
||||
// user_pref("userChrome.panel.full_width_padding", true);
|
||||
|
||||
// user_pref("userChrome.icon.account_image_to_right", true);
|
||||
// user_pref("userChrome.icon.account_label_to_right", true);
|
||||
|
||||
// -- User Content -------------------------------------------------------------
|
||||
// user_pref("userContent.player.ui.twoline", true);
|
||||
|
||||
// user_pref("userContent.page.proton_color.dark_blue_accent", true);
|
||||
// user_pref("userContent.page.proton_color.system_accent", true);
|
||||
|
||||
// == Theme Default Settings ===================================================
|
||||
// -- User Chrome --------------------------------------------------------------
|
||||
|
|
@ -139,22 +158,23 @@ user_pref("userChrome.icon.global_menu", true);
|
|||
user_pref("userChrome.icon.global_menubar", true);
|
||||
|
||||
// -- User Content -------------------------------------------------------------
|
||||
user_pref("userContent.player.ui", true);
|
||||
user_pref("userContent.player.icon", true);
|
||||
user_pref("userContent.player.noaudio", true);
|
||||
user_pref("userContent.player.size", true);
|
||||
user_pref("userContent.player.click_to_play", true);
|
||||
user_pref("userContent.player.animate", true);
|
||||
user_pref("userContent.player.ui", true);
|
||||
user_pref("userContent.player.icon", true);
|
||||
user_pref("userContent.player.noaudio", true);
|
||||
user_pref("userContent.player.size", true);
|
||||
user_pref("userContent.player.click_to_play", true);
|
||||
user_pref("userContent.player.animate", true);
|
||||
|
||||
user_pref("userContent.newTab.field_border", true);
|
||||
user_pref("userContent.newTab.full_icon", true);
|
||||
user_pref("userContent.newTab.animate", true);
|
||||
user_pref("userContent.newTab.searchbar", true);
|
||||
user_pref("userContent.newTab.field_border", true);
|
||||
user_pref("userContent.newTab.full_icon", true);
|
||||
user_pref("userContent.newTab.animate", true);
|
||||
user_pref("userContent.newTab.pocket_to_last", true);
|
||||
user_pref("userContent.newTab.searchbar", true);
|
||||
|
||||
user_pref("userContent.page.illustration", true);
|
||||
user_pref("userContent.page.proton_color", true);
|
||||
user_pref("userContent.page.dark_mode", true); // Need proton_color
|
||||
user_pref("userContent.page.proton", true); // Need proton_color
|
||||
user_pref("userContent.page.illustration", true);
|
||||
user_pref("userContent.page.proton_color", true);
|
||||
user_pref("userContent.page.dark_mode", true); // Need proton_color
|
||||
user_pref("userContent.page.proton", true); // Need proton_color
|
||||
|
||||
// ** Useful Options ***********************************************************
|
||||
// Integrated calculator at urlbar
|
||||
|
|
|
|||
297
userChrome.css
297
userChrome.css
|
|
@ -984,6 +984,7 @@
|
|||
--in-content-table-background: #f8f8fa;
|
||||
--in-content-table-border-color: var(--in-content-box-border-color);
|
||||
/* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
|
||||
--in-content-table-border-dark-color: var(--in-content-table-border-color);
|
||||
--in-content-table-header-background: var(--in-content-primary-button-background);
|
||||
/* Legacy: #0a84ff; rgb(5, 64, 150); */
|
||||
--in-content-table-header-color: var(--in-content-primary-button-text-color);
|
||||
|
|
@ -1074,6 +1075,85 @@
|
|||
--dialog-warning-text-color: var(--red-40);
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.theme.proton_color.dark_blue_accent") {
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
|
||||
:host,
|
||||
:root {
|
||||
/* Color Memo
|
||||
Just refer - Photon's dark color
|
||||
--button-primary-bgcolor: #0060DF;
|
||||
--button-primary-hover-bgcolor: #003EAA;
|
||||
--button-primary-active-bgcolor: #002275;
|
||||
--lwt-brighttext-url-color: #74c0ff;
|
||||
--lwt-toolbarbutton-icon-fill-attention: #45a1ff;
|
||||
|
||||
Just refer - Proton's light color
|
||||
--in-content-accent-color: #0a84ff;
|
||||
--in-content-accent-color-active: #0060df;
|
||||
--in-content-primary-button-background: #0061e0;
|
||||
--in-content-primary-button-background-hover: #0250bb;
|
||||
--in-content-primary-button-background-active: #053e94;
|
||||
|
||||
--blue-40: #45a1ff; rgb(69, 161, 255)
|
||||
--blue-50: #0a84ff; rgb(10, 132, 255)
|
||||
--blue-60: #0060df; rgb(0, 96, 223)
|
||||
--blue-70: #003eaa; rgb(0, 62, 170)
|
||||
--blue-80: #002275; rgb(0, 34, 117)
|
||||
|
||||
Relation
|
||||
lighten(#0060df, 29%): #74b0ff;
|
||||
lighten(#0060df, 19.8%): #4595ff
|
||||
lighten(#0060df, 8.3%): #0a74ff
|
||||
#0060df
|
||||
darken(#0060df, 15.5%): #003e90;
|
||||
darken(#0060df, 28.1%): #002250;
|
||||
*/
|
||||
--blue-20: #b6d6ff;
|
||||
/* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/
|
||||
--blue-30: #74c0ff;
|
||||
/* rgb(116, 192, 255), Add for active color */
|
||||
--organizer-outline-color: var(--blue-40) !important;
|
||||
}
|
||||
|
||||
:host,
|
||||
:root,
|
||||
button,
|
||||
select,
|
||||
input,
|
||||
menulist,
|
||||
radio {
|
||||
--in-content-primary-button-text-color: var(--in-content-page-color) !important;
|
||||
--in-content-primary-button-background: var(--blue-60) !important;
|
||||
--in-content-primary-button-background-hover: var(--blue-50) !important;
|
||||
--in-content-primary-button-background-active: var(--blue-40) !important;
|
||||
--in-content-focus-outline-color: var(--blue-40) !important;
|
||||
--in-content-accent-color: var(--blue-40) !important;
|
||||
--in-content-accent-color-active: var(--blue-30) !important;
|
||||
--in-content-table-background: rgb(35, 34, 43) !important;
|
||||
--in-content-table-border-color: rgba(249, 249, 250, 0.2) !important;
|
||||
--in-content-table-header-background: rgb(5, 64, 150) !important;
|
||||
--in-content-table-header-color: var(--in-content-page-color) !important;
|
||||
--in-content-link-color: var(--blue-40) !important;
|
||||
--in-content-link-color-hover: var(--blue-30) !important;
|
||||
--in-content-link-color-active: var(--blue-20) !important;
|
||||
--in-content-link-color-visited: var(--blue-40) !important;
|
||||
}
|
||||
|
||||
:root[lwtheme-mozlightdark][lwthemetextcolor="bright"],
|
||||
:root[style*="--lwt-accent-color: rgb(28, 27, 34); --lwt-text-color: rgba(251, 251, 254);"] {
|
||||
--button-primary-color: var(--in-content-page-color) !important;
|
||||
--button-primary-bgcolor: var(--blue-60) !important;
|
||||
--button-primary-hover-bgcolor: var(--blue-50) !important;
|
||||
--button-primary-active-bgcolor: var(--blue-40) !important;
|
||||
--focus-outline-color: var(--blue-40) !important;
|
||||
--lwt-toolbarbutton-icon-fill-attention: var(--blue-40) !important;
|
||||
--download-progress-fill-color: var(--blue-40) !important;
|
||||
--panel-banner-item-info-icon-bgcolor: var(--blue-30) !important;
|
||||
--lwt-brighttext-url-color: var(--blue-30) !important;
|
||||
/* Original: as primary bgcolor */
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.theme.fully_color") {
|
||||
/*== Menu Color ==============================================================*/
|
||||
|
|
@ -2201,7 +2281,7 @@
|
|||
--organizer-hover-color: var(--organizer-color);
|
||||
--organizer-selected-background: var(--in-content-button-background-active);
|
||||
--organizer-selected-color: var(--organizer-color);
|
||||
--organizer-outline-color: var(--in-content-primary-button-background);
|
||||
--organizer-outline-color: var(--in-content-focus-outline-color);
|
||||
--organizer-separator-color: var(--organizer-pane-field-border-color);
|
||||
--organizer-border-color: var(--in-content-border-color);
|
||||
--organizer-toolbar-field-background: rgb(240, 240, 244);
|
||||
|
|
@ -2226,7 +2306,6 @@
|
|||
--organizer-content-background: rgb(28, 27, 34);
|
||||
--organizer-hover-background: rgb(82, 82, 94);
|
||||
--organizer-selected-background: rgb(91, 91, 102);
|
||||
--organizer-outline-color: rgb(0, 221, 255);
|
||||
--organizer-toolbar-field-background: var(--in-content-page-background);
|
||||
--organizer-toolbar-field-background-focused: rgb(66, 65, 77);
|
||||
scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
|
||||
|
|
@ -2337,7 +2416,8 @@
|
|||
}
|
||||
|
||||
/*- Downloads Pane -------------------------------------------------------*/
|
||||
#downloadsRichListBox {
|
||||
#downloadsRichListBox,
|
||||
#downloadsListBox {
|
||||
color: var(--organizer-color) !important;
|
||||
background-color: var(--organizer-content-background) !important;
|
||||
}
|
||||
|
|
@ -2849,6 +2929,73 @@
|
|||
}
|
||||
}
|
||||
}
|
||||
/** Rounding ******************************************************************/
|
||||
/** Rounding ******************************************************************/
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_tab") {
|
||||
:root {
|
||||
--tab-border-radius: 0 !important;
|
||||
/* Original: 4px */
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_button") {
|
||||
:root {
|
||||
--toolbarbutton-border-radius: 0 !important;
|
||||
/* Original: 4px */
|
||||
}
|
||||
|
||||
button {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_tab") or -moz-bool-pref("userChrome.round.square_button") {
|
||||
/* Fix Tab bar button radious */
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-text,
|
||||
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button) > .toolbarbutton-badge-stack,
|
||||
.tab-close-button {
|
||||
--tab-border-radius: var(--toolbarbutton-border-radius) !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_panel") {
|
||||
:root {
|
||||
--arrowpanel-border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_panelitem") {
|
||||
:root {
|
||||
--arrowpanel-menuitem-border-radius: 0 !important;
|
||||
--subviewbutton-border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_menupopup") {
|
||||
xul|menupopup {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_menuitem") {
|
||||
xul|menulist:not([native]),
|
||||
xul|menulist > xul|menupopup xul|menu,
|
||||
xul|menulist > xul|menupopup xul|menuitem {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_field") {
|
||||
html|select[size][multiple],
|
||||
xul|listheader,
|
||||
xul|richlistbox,
|
||||
html|input {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.rounding.square_checklabel") {
|
||||
.checkbox-check,
|
||||
xul|*.radio-check {
|
||||
border-radius: 0 !important;
|
||||
}
|
||||
}
|
||||
/*
|
||||
--toolbarbutton-border-radius: 4px;
|
||||
*/
|
||||
/** Reduce Padding ************************************************************/
|
||||
/*= Tab Bar - Distribution padding, radius ===================================*/
|
||||
@supports -moz-bool-pref("userChrome.tab.lepton_like_padding") or -moz-bool-pref("userChrome.tab.photon_like_padding") {
|
||||
|
|
@ -2873,20 +3020,6 @@
|
|||
--tab-block-margin: 0px !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.tab.photon_like_radius") {
|
||||
:root {
|
||||
--tab-border-radius: 0px !important;
|
||||
/* Original: 4px */
|
||||
}
|
||||
|
||||
/* Fix Tab bar button radious */
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-icon,
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-text,
|
||||
#TabsToolbar .toolbarbutton-1 > .toolbarbutton-badge-stack,
|
||||
.tab-close-button {
|
||||
--tab-border-radius: 4px !important;
|
||||
}
|
||||
}
|
||||
/*= Tab Bar - Reduce Width, Show more tabs ===================================*/
|
||||
@supports -moz-bool-pref("userChrome.padding.first_tab") {
|
||||
/* for First Tab Space */
|
||||
|
|
@ -3382,23 +3515,34 @@
|
|||
/*= Panel - Reduce padding ===================================================*/
|
||||
@supports -moz-bool-pref("userChrome.padding.panel") {
|
||||
:root {
|
||||
--arrowpanel-menuicon-padding: 8px;
|
||||
--arrowpanel-menuitem-margin: 0 var(--arrowpanel-menuicon-padding) !important;
|
||||
/* Original: 0 8px */
|
||||
--arrowpanel-menuitem-padding: 5px !important;
|
||||
--arrowpanel-menuitem-padding-block: 5px !important;
|
||||
/* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-inline: 5px !important;
|
||||
/* Original: 8px */
|
||||
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
/* Compatibility */
|
||||
--arrowpanel-padding: 0.8em !important;
|
||||
/* Original: 16px or .cui-widget-panel, .cui-widget-panel::part(arrowcontent) => 4px 0 */
|
||||
}
|
||||
|
||||
:root[uidensity="compact"] {
|
||||
--arrowpanel-menuitem-padding: 3px !important;
|
||||
/* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-block: 3px !important;
|
||||
--arrowpanel-menuitem-padding-inline: 3px !important;
|
||||
}
|
||||
|
||||
:root[uidensity="touch"] {
|
||||
--arrowpanel-menuitem-padding: 8px !important;
|
||||
--arrowpanel-menuitem-padding-block: 8px !important;
|
||||
/* Original: 8px */
|
||||
--arrowpanel-menuitem-padding-inline: 8px !important;
|
||||
/* Original: 8px */
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.padding.panel_header") {
|
||||
.panel-header {
|
||||
padding: unset !important;
|
||||
padding-top: 4px !important;
|
||||
}
|
||||
}
|
||||
/*= Popup Panel - Reduce padding =============================================*/
|
||||
|
|
@ -4851,7 +4995,32 @@
|
|||
/** Panel UI ******************************************************************/
|
||||
@supports -moz-bool-pref("userChrome.panel.remove_strip") {
|
||||
#appMenu-fxa-separator {
|
||||
display: none;
|
||||
--panel-separator-zap-gradient: none;
|
||||
/* Original: linear-gradient(90deg, #9059FF 0%, #FF4AA2 52.08%, #FFBD4F 100%) */
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.panel.full_width_separator") {
|
||||
/* Full width separators */
|
||||
:root {
|
||||
/* Original
|
||||
--panel-separator-margin-vertical: 4px;
|
||||
--panel-separator-margin-horizontal: 8px;
|
||||
--panel-separator-margin: var(--panel-separator-margin-vertical) var(--panel-separator-margin-horizontal);
|
||||
*/
|
||||
--panel-separator-margin-horizontal: 0 !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.panel.full_width_padding") {
|
||||
/* Original
|
||||
--arrowpanel-menuitem-margin: 0 8px;
|
||||
--arrowpanel-menuitem-padding-block: 8px;
|
||||
--arrowpanel-menuitem-padding-inline: 8px;
|
||||
--arrowpanel-menuitem-padding: var(--arrowpanel-menuitem-padding-block) var(--arrowpanel-menuitem-padding-inline);
|
||||
*/
|
||||
:root,
|
||||
:root:is([uidensity="compact"], [uidensity="touch"]) {
|
||||
--arrowpanel-menuitem-margin: 0 !important;
|
||||
--arrowpanel-menuitem-padding-inline: calc(var(--arrowpanel-menuitem-padding-block) + 8px) !important;
|
||||
}
|
||||
}
|
||||
/** Fullscreen - Overlap toolbar **********************************************/
|
||||
|
|
@ -5070,40 +5239,30 @@
|
|||
@supports -moz-bool-pref("userChrome.icon.panel") {
|
||||
/*= Padding ==================================================================*/
|
||||
:root {
|
||||
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-padding) * 2 + 8px) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
|
||||
--arrowpanel-menuicon-padding: 8px;
|
||||
--arrowpanel-menublank-padding: calc(
|
||||
var(--arrowpanel-menuicon-padding) * 2 + var(var(--arrowpanel-menuitem-padding-inline))
|
||||
) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important;
|
||||
--arrowpanel-menuimageblank-padding-block: calc(var(--arrowpanel-menuitem-padding-block) - 2px) !important;
|
||||
}
|
||||
|
||||
.subviewbutton > .toolbarbutton-icon {
|
||||
width: 16px;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_sparse") {
|
||||
:root {
|
||||
/* Blank Menu Left Padding */
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 3px);
|
||||
--arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
|
||||
}
|
||||
|
||||
:root[uidensity="compact"] {
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding) - 5px);
|
||||
}
|
||||
|
||||
:root[uidensity="touch"] {
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(var(--arrowpanel-menublank-padding));
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_photon") or -moz-bool-pref("userChrome.icon.panel_sparse") {
|
||||
:root {
|
||||
/* Global */
|
||||
--arrowpanel-menuicon-paddingx2: calc(var(--arrowpanel-menuicon-padding) * 2);
|
||||
/* General Panel */
|
||||
--arrowpanel-menublank-padding: calc(var(--arrowpanel-menuicon-paddingx2) + 8px) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding) - 2px) !important;
|
||||
--arrowpanel-menuimageblank-padding: calc(var(--arrowpanel-menuitem-padding-inline) - 2px) !important;
|
||||
/* Blank Menu Left Padding */
|
||||
--arrowpanel-menuimageblank-padding-horizontal: calc(
|
||||
var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding)
|
||||
var(--arrowpanel-menuicon-paddingx2) + var(--arrowpanel-menuitem-padding-inline)
|
||||
);
|
||||
--arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding) + 1px);
|
||||
--arrowpanel-menuitemblank-padding: calc(var(--arrowpanel-menuitem-padding-block) + 1px);
|
||||
}
|
||||
}
|
||||
#downloadsHistory .button-text,
|
||||
|
|
@ -5137,20 +5296,27 @@
|
|||
}
|
||||
|
||||
#appMenu-proton-update-banner::before {
|
||||
margin-inline-start: var(--arrowpanel-menuitem-padding) !important;
|
||||
margin-inline-start: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
}
|
||||
|
||||
#appMenu-fxa-status2,
|
||||
#appMenu-zoom-controls2 {
|
||||
align-items: center;
|
||||
padding-top: var(--arrowpanel-menuimageblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuimageblank-padding) !important;
|
||||
padding-top: var(--arrowpanel-menuimageblank-padding-block) !important;
|
||||
padding-bottom: var(--arrowpanel-menuimageblank-padding-block) !important;
|
||||
}
|
||||
|
||||
#appMenu-zoom-controls2::before {
|
||||
margin-inline-end: 0 !important;
|
||||
}
|
||||
|
||||
#appMenu-zoomReduce-button2,
|
||||
#appMenu-zoomReset-button2,
|
||||
#appMenu-zoomEnlarge-button2,
|
||||
#appMenu-fullscreen-button2 {
|
||||
--arrowpanel-menuitem-padding-block: 0px;
|
||||
}
|
||||
|
||||
.subviewbutton[type="checkbox"]:not([checked="true"]) > .toolbarbutton-text {
|
||||
margin-left: 16px !important;
|
||||
}
|
||||
|
|
@ -5210,11 +5376,23 @@
|
|||
background-image: var(--avatar-image-url) !important;
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_full") {
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
|
||||
#appMenu-new-tab-button2 {
|
||||
list-style-image: url("chrome://browser/skin/new-tab.svg");
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_photon") {
|
||||
#appMenu-save-file-button2,
|
||||
#appMenu-find-button2,
|
||||
#appMenu-more-button2 {
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
}
|
||||
|
||||
#appMenu-zoom-controls2 {
|
||||
padding-inline-start: var(--arrowpanel-menuimageblank-padding-horizontal) !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_sparse") {
|
||||
#appMenu-new-tab-button2,
|
||||
#appMenu-passwords-button,
|
||||
|
|
@ -5224,8 +5402,8 @@
|
|||
#appMenu-more-button2,
|
||||
#appMenu-help-button2,
|
||||
#appMenu-quit-button2 {
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding) !important;
|
||||
padding-top: var(--arrowpanel-menuitemblank-padding-block) !important;
|
||||
padding-bottom: var(--arrowpanel-menuitemblank-padding-block) !important;
|
||||
}
|
||||
|
||||
#appMenu-zoom-controls2 {
|
||||
|
|
@ -5252,7 +5430,7 @@
|
|||
list-style-image: url("chrome://browser/skin/downloads/downloads.svg");
|
||||
}
|
||||
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_full") {
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
|
||||
#appMenu-passwords-button {
|
||||
list-style-image: url("chrome://browser/skin/login.svg");
|
||||
}
|
||||
|
|
@ -5286,7 +5464,8 @@
|
|||
#appMenu-more-button2 {
|
||||
list-style-image: url("chrome://browser/skin/ion.svg");
|
||||
}
|
||||
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.panel_full") or -moz-bool-pref("userChrome.icon.panel_photon") {
|
||||
#appMenu-help-button2 {
|
||||
list-style-image: url("chrome://global/skin/icons/help.svg");
|
||||
}
|
||||
|
|
@ -5368,7 +5547,9 @@
|
|||
}
|
||||
|
||||
.PanelUI-remotetabs-notabsforclient-label {
|
||||
margin-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
|
||||
margin-inline-start: calc(
|
||||
var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding-inline)
|
||||
) !important;
|
||||
padding-inline-start: var(--arrowpanel-menublank-padding) !important;
|
||||
}
|
||||
|
||||
|
|
@ -5892,7 +6073,7 @@
|
|||
/* Bookmark Popup - As Arrow Panel */
|
||||
#BMB_bookmarksPopup,
|
||||
#PersonalToolbar {
|
||||
--context-menu-background-padding: var(--arrowpanel-menuitem-padding);
|
||||
--context-menu-background-padding: var(--arrowpanel-menuitem-padding-inline);
|
||||
}
|
||||
|
||||
/* Windows 7, 8 */
|
||||
|
|
@ -5915,7 +6096,7 @@
|
|||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
margin-inline: var(--arrowpanel-menuitem-padding) !important;
|
||||
margin-inline: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
|
||||
}
|
||||
|
||||
|
|
@ -5938,7 +6119,7 @@
|
|||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
margin-inline: var(--arrowpanel-menuitem-padding) !important;
|
||||
margin-inline: var(--arrowpanel-menuitem-padding-inline) !important;
|
||||
padding-inline-start: calc(var(--arrowpanel-menuicon-padding) + var(--context-menu-text-padding)) !important;
|
||||
background-position: left calc(var(--arrowpanel-menuicon-padding)) center !important;
|
||||
}
|
||||
|
|
@ -5961,20 +6142,20 @@
|
|||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
#PersonalToolbar menupopup[placespopup="true"] menu:not(.menu-iconic) {
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 1px) !important;
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 1px) !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("layout.css.osx-font-smoothing.enabled") {
|
||||
/* Bookmark Popup - As Arrow Panel */
|
||||
#PersonalToolbar menupopup menuitem,
|
||||
#PersonalToolbar menupopup menu {
|
||||
padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding)) !important;
|
||||
padding-inline: calc(var(--arrowpanel-menuicon-padding) + var(--arrowpanel-menuitem-padding-inline)) !important;
|
||||
}
|
||||
|
||||
/* Bookmark Popup - None icon menu */
|
||||
menupopup:is(#BMB_bookmarksPopup) menuitem:not(.menuitem-iconic, [disabled="true"]),
|
||||
menupopup:is(#BMB_bookmarksPopup) menu:not(.menu-iconic) {
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding) + 3px) !important;
|
||||
padding-inline-start: calc(var(--arrowpanel-menuitem-padding-inline) + 3px) !important;
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userChrome.icon.context_menu") {
|
||||
|
|
|
|||
423
userContent.css
423
userContent.css
|
|
@ -259,20 +259,32 @@
|
|||
/** Activity Stream ***********************************************************/
|
||||
@-moz-document url("about:home"), url("about:newtab") {
|
||||
/** Activity Stream - Search Focus Border: like URL *************************/
|
||||
@supports -moz-bool-pref("userContent.newTab.field_border") {
|
||||
@supports -moz-bool-pref("userContent.page.field_border") {
|
||||
/* At DarkMode, Color */
|
||||
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
|
||||
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
|
||||
body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
|
||||
body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"] {
|
||||
body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"],
|
||||
body[style*="--newtab-background-color: rgb(43, 42, 51);"] {
|
||||
/* inner */
|
||||
--newtab-focus-border: rgba(0, 221, 255, 0.5) !important;
|
||||
/* Original: #B5D3FF, Better color-mix(in srgb, #B5D3FF 70%, transparent) */
|
||||
--newtab-focus-border-selected: rgba(0, 221, 255, 0.5) !important;
|
||||
--newtab-focus-border-selected: var(--newtab-focus-border) !important;
|
||||
/* Original: #B5D3FF */
|
||||
/* For Nightly */
|
||||
--newtab-primary-action-background: var(--newtab-focus-border) !important;
|
||||
}
|
||||
@supports -moz-bool-pref("userContent.page.proton_color") {
|
||||
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
|
||||
body[style*="--newtab-background-color:rgba(28, 27, 34, 1);"],
|
||||
body[style*="--newtab-background-color:rgba(42, 42, 46, 1);"],
|
||||
body[style*="--newtab-background-color: rgba(42, 42, 46, 1);"],
|
||||
body[style*="--newtab-background-color: rgba(43, 42, 51, 1);"],
|
||||
body[style*="--newtab-background-color: rgb(43, 42, 51);"] {
|
||||
--newtab-focus-border: var(--in-content-focus-outline-color) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/** Activity Stream - Web Site Icon: full size ******************************/
|
||||
@supports -moz-bool-pref("userContent.newTab.full_icon") {
|
||||
|
|
@ -320,12 +332,32 @@
|
|||
transition: border-color 0.5s var(--animation-easing-function), box-shadow 1s var(--animation-easing-function);
|
||||
}
|
||||
|
||||
.search-wrapper .search-inner-wrapper:hover input {
|
||||
border-color: var(--newtab-primary-action-background) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
@supports -moz-bool-pref("userContent.page.field_border") {
|
||||
.search-wrapper .search-inner-wrapper:hover input {
|
||||
border-color: var(--newtab-primary-action-background) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/** Activity Stream - Pocket order to last **********************************/
|
||||
@supports -moz-bool-pref("userContent.newTab.pocket_to_last") {
|
||||
.body-wrapper.on {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.body-wrapper.on > .discovery-stream.ds-layout {
|
||||
flex-basis: 100%;
|
||||
}
|
||||
|
||||
.body-wrapper.on > .collapsible-section[data-section-id="topstories"],
|
||||
.home-section > #pocket-section,
|
||||
.home-section > .divider,
|
||||
.home-section > div:not(.section) {
|
||||
order: 2;
|
||||
}
|
||||
}
|
||||
/** Activity Stream - Home Search Bar looks like proton *********************/
|
||||
@supports -moz-bool-pref("userContent.newTab.animate") {
|
||||
/* Dropdown Colors */
|
||||
|
|
@ -527,145 +559,223 @@
|
|||
/** Fully Dark Mode ***********************************************************/
|
||||
/*= Fully Dark Mode - Dark Mode Colors =======================================*/
|
||||
@supports -moz-bool-pref("userContent.page.proton_color") {
|
||||
/*= Default Colors - Hard Coded ==============================================*/
|
||||
/* Based on chrome://global/skin/in-content/common.css */
|
||||
:host,
|
||||
:root {
|
||||
--in-content-page-color: rgb(21, 20, 26);
|
||||
--in-content-page-background: #fff;
|
||||
--in-content-text-color: var(--in-content-page-color);
|
||||
--in-content-deemphasized-text: rgb(91, 91, 102);
|
||||
--in-content-box-background: #fff;
|
||||
--in-content-box-background-odd: rgba(12, 12, 13, 0.05);
|
||||
/* grey 90 a05 */
|
||||
--in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
|
||||
--in-content-box-info-background: #f0f0f4;
|
||||
--in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
|
||||
--in-content-item-hover-text: var(--in-content-page-color);
|
||||
--in-content-item-selected: var(--in-content-primary-button-background);
|
||||
--in-content-item-selected-text: var(--in-content-primary-button-text-color);
|
||||
--in-content-icon-color: rgb(91, 91, 102);
|
||||
--in-content-accent-color: #0a84ff;
|
||||
--in-content-accent-color-active: #0060df;
|
||||
--in-content-border-hover: var(--grey-90-a50);
|
||||
--in-content-border-invalid: var(--red-50);
|
||||
--in-content-border-color: #d7d7db;
|
||||
--in-content-error-text-color: #c50042;
|
||||
--in-content-link-color: var(--blue-60);
|
||||
--in-content-link-color-hover: var(--blue-70);
|
||||
--in-content-link-color-active: var(--blue-80);
|
||||
--in-content-link-color-visited: var(--blue-60);
|
||||
/* button background states are also used for checkboxes and radiobuttons */
|
||||
--in-content-button-text-color: var(--in-content-text-color);
|
||||
--in-content-button-text-color-hover: var(--in-content-text-color);
|
||||
--in-content-button-background: rgba(207, 207, 216, 0.33);
|
||||
--in-content-button-background-hover: rgba(207, 207, 216, 0.66);
|
||||
--in-content-button-background-active: rgb(207, 207, 216);
|
||||
--in-content-primary-button-text-color: rgb(251, 251, 254);
|
||||
--in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
|
||||
--in-content-primary-button-background: #0061e0;
|
||||
--in-content-primary-button-background-hover: #0250bb;
|
||||
--in-content-primary-button-background-active: #053e94;
|
||||
--in-content-danger-button-background: #e22850;
|
||||
--in-content-danger-button-background-hover: #c50042;
|
||||
--in-content-danger-button-background-active: #810220;
|
||||
--in-content-focus-outline-color: var(--in-content-primary-button-background);
|
||||
/* Note: 1px smaller than we want because we have a 1px transparent border. */
|
||||
/* Once proton ships, these can probably stop being variables. */
|
||||
--in-content-button-border-radius: 4px;
|
||||
--in-content-button-horizontal-padding: 15px;
|
||||
--in-content-button-vertical-padding: 7px;
|
||||
--in-content-table-background: #f8f8fa;
|
||||
--in-content-table-border-color: var(--in-content-box-border-color);
|
||||
/* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
|
||||
--in-content-table-header-background: var(--in-content-primary-button-background);
|
||||
/* Legacy: #0a84ff; rgb(5, 64, 150); */
|
||||
--in-content-table-header-color: var(--in-content-primary-button-text-color);
|
||||
/* Legacy: #ffffff; var(--in-content-page-color); */
|
||||
--in-content-sidebar-width: 240px;
|
||||
--dialog-warning-text-color: var(--red-60);
|
||||
--checkbox-border-color: var(--in-content-box-border-color);
|
||||
--checkbox-unchecked-bgcolor: var(--in-content-button-background);
|
||||
--checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
|
||||
--checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
|
||||
--checkbox-checked-bgcolor: var(--in-content-primary-button-background);
|
||||
--checkbox-checked-color: var(--in-content-primary-button-text-color);
|
||||
--checkbox-checked-border-color: transparent;
|
||||
--checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
|
||||
--checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
|
||||
--blue-40: #45a1ff;
|
||||
--blue-50: #0a84ff;
|
||||
--blue-60: #0060df;
|
||||
--blue-70: #003eaa;
|
||||
--blue-80: #002275;
|
||||
--grey-30: #d7d7db;
|
||||
--grey-60: #4a4a4f;
|
||||
--grey-90-a10: rgba(12, 12, 13, 0.1);
|
||||
--grey-90-a20: rgba(12, 12, 13, 0.2);
|
||||
--grey-90-a30: rgba(12, 12, 13, 0.3);
|
||||
--grey-90-a50: rgba(12, 12, 13, 0.5);
|
||||
--grey-90-a60: rgba(12, 12, 13, 0.6);
|
||||
--green-50: #30e60b;
|
||||
--green-60: #12bc00;
|
||||
--green-70: #058b00;
|
||||
--green-80: #006504;
|
||||
--green-90: #003706;
|
||||
--orange-50: #ff9400;
|
||||
--red-40: #ff4f5e;
|
||||
--red-50: #ff0039;
|
||||
--red-60: #d70022;
|
||||
--red-70: #a4000f;
|
||||
--red-80: #5a0002;
|
||||
--red-90: #3e0200;
|
||||
--yellow-50: #ffe900;
|
||||
--yellow-60: #d7b600;
|
||||
--yellow-60-a30: rgba(215, 182, 0, 0.3);
|
||||
--yellow-70: #a47f00;
|
||||
--yellow-80: #715100;
|
||||
--yellow-90: #3e2800;
|
||||
--shadow-10: 0 1px 4px var(--grey-90-a10);
|
||||
--shadow-30: 0 4px 16px var(--grey-90-a10);
|
||||
--card-padding: 16px;
|
||||
--card-shadow: var(--shadow-10);
|
||||
--card-outline-color: var(--grey-30);
|
||||
--card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
|
||||
}
|
||||
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
|
||||
@-moz-document url-prefix("about:"),
|
||||
url-prefix("https://addons.mozilla.org"),
|
||||
url-prefix("https://support.mozilla.org"),
|
||||
url-prefix("https://accounts.firefox.com"),
|
||||
url-prefix("view-source"),
|
||||
regexp("^(((jar:)?file:///)|(chrome://)).*/$")
|
||||
{
|
||||
/*= Default Colors - Hard Coded ==============================================*/
|
||||
/* Based on chrome://global/skin/in-content/common.css */
|
||||
:host,
|
||||
:root {
|
||||
/* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
|
||||
--in-content-page-background: rgb(28, 27, 34);
|
||||
--in-content-page-color: rgb(251, 251, 254);
|
||||
--in-content-deemphasized-text: rgb(191, 191, 201);
|
||||
--in-content-box-background: rgb(35, 34, 43);
|
||||
--in-content-box-background-odd: rgba(249, 249, 250, 0.05);
|
||||
--in-content-box-info-background: rgba(249, 249, 250, 0.15);
|
||||
--in-content-border-color: rgba(249, 249, 250, 0.2);
|
||||
--in-content-border-hover: rgba(249, 249, 250, 0.3);
|
||||
--in-content-border-invalid: rgb(255, 132, 139);
|
||||
--in-content-error-text-color: #ff9aa2;
|
||||
--in-content-button-background: rgb(43, 42, 51);
|
||||
--in-content-button-background-hover: rgb(82, 82, 94);
|
||||
--in-content-button-background-active: rgb(91, 91, 102);
|
||||
--in-content-icon-color: rgb(251, 251, 254);
|
||||
--in-content-primary-button-text-color: rgb(43, 42, 51);
|
||||
--in-content-primary-button-background: rgb(0, 221, 255);
|
||||
--in-content-primary-button-background-hover: rgb(128, 235, 255);
|
||||
--in-content-primary-button-background-active: rgb(170, 242, 255);
|
||||
--in-content-danger-button-background: #ff848b;
|
||||
--in-content-danger-button-background-hover: #ffbdc5;
|
||||
--in-content-danger-button-background-active: #ffdfe7;
|
||||
--in-content-table-background: rgb(35, 34, 43);
|
||||
--in-content-table-border-dark-color: var(--in-content-box-border-color);
|
||||
--in-content-accent-color: var(--in-content-primary-button-background);
|
||||
--in-content-accent-color-active: var(--in-content-primary-button-background-hover);
|
||||
--in-content-link-color: var(--in-content-primary-button-background);
|
||||
--in-content-link-color-hover: var(--in-content-primary-button-background-hover);
|
||||
--in-content-link-color-active: var(--in-content-primary-button-background-active);
|
||||
--in-content-link-color-visited: var(--in-content-link-color);
|
||||
--card-outline-color: var(--grey-60);
|
||||
--dialog-warning-text-color: var(--red-40);
|
||||
--in-content-page-color: rgb(21, 20, 26);
|
||||
--in-content-page-background: #fff;
|
||||
--in-content-text-color: var(--in-content-page-color);
|
||||
--in-content-deemphasized-text: rgb(91, 91, 102);
|
||||
--in-content-box-background: #fff;
|
||||
--in-content-box-background-odd: rgba(12, 12, 13, 0.05);
|
||||
/* grey 90 a05 */
|
||||
--in-content-box-border-color: color-mix(in srgb, currentColor 41%, transparent);
|
||||
--in-content-box-info-background: #f0f0f4;
|
||||
--in-content-item-hover: color-mix(in srgb, var(--in-content-primary-button-background) 20%, transparent);
|
||||
--in-content-item-hover-text: var(--in-content-page-color);
|
||||
--in-content-item-selected: var(--in-content-primary-button-background);
|
||||
--in-content-item-selected-text: var(--in-content-primary-button-text-color);
|
||||
--in-content-icon-color: rgb(91, 91, 102);
|
||||
--in-content-accent-color: #0a84ff;
|
||||
--in-content-accent-color-active: #0060df;
|
||||
--in-content-border-hover: var(--grey-90-a50);
|
||||
--in-content-border-invalid: var(--red-50);
|
||||
--in-content-border-color: #d7d7db;
|
||||
--in-content-error-text-color: #c50042;
|
||||
--in-content-link-color: var(--blue-60);
|
||||
--in-content-link-color-hover: var(--blue-70);
|
||||
--in-content-link-color-active: var(--blue-80);
|
||||
--in-content-link-color-visited: var(--blue-60);
|
||||
/* button background states are also used for checkboxes and radiobuttons */
|
||||
--in-content-button-text-color: var(--in-content-text-color);
|
||||
--in-content-button-text-color-hover: var(--in-content-text-color);
|
||||
--in-content-button-background: rgba(207, 207, 216, 0.33);
|
||||
--in-content-button-background-hover: rgba(207, 207, 216, 0.66);
|
||||
--in-content-button-background-active: rgb(207, 207, 216);
|
||||
--in-content-primary-button-text-color: rgb(251, 251, 254);
|
||||
--in-content-primary-button-text-color-hover: var(--in-content-primary-button-text-color);
|
||||
--in-content-primary-button-background: #0061e0;
|
||||
--in-content-primary-button-background-hover: #0250bb;
|
||||
--in-content-primary-button-background-active: #053e94;
|
||||
--in-content-danger-button-background: #e22850;
|
||||
--in-content-danger-button-background-hover: #c50042;
|
||||
--in-content-danger-button-background-active: #810220;
|
||||
--in-content-focus-outline-color: var(--in-content-primary-button-background);
|
||||
/* Note: 1px smaller than we want because we have a 1px transparent border. */
|
||||
/* Once proton ships, these can probably stop being variables. */
|
||||
--in-content-button-border-radius: 4px;
|
||||
--in-content-button-horizontal-padding: 15px;
|
||||
--in-content-button-vertical-padding: 7px;
|
||||
--in-content-table-background: #f8f8fa;
|
||||
--in-content-table-border-color: var(--in-content-box-border-color);
|
||||
/* Legacy: #d1d1d1; rgba(249, 249, 250, 0.2) */
|
||||
--in-content-table-border-dark-color: var(--in-content-table-border-color);
|
||||
--in-content-table-header-background: var(--in-content-primary-button-background);
|
||||
/* Legacy: #0a84ff; rgb(5, 64, 150); */
|
||||
--in-content-table-header-color: var(--in-content-primary-button-text-color);
|
||||
/* Legacy: #ffffff; var(--in-content-page-color); */
|
||||
--in-content-sidebar-width: 240px;
|
||||
--dialog-warning-text-color: var(--red-60);
|
||||
--checkbox-border-color: var(--in-content-box-border-color);
|
||||
--checkbox-unchecked-bgcolor: var(--in-content-button-background);
|
||||
--checkbox-unchecked-hover-bgcolor: var(--in-content-button-background-hover);
|
||||
--checkbox-unchecked-active-bgcolor: var(--in-content-button-background-active);
|
||||
--checkbox-checked-bgcolor: var(--in-content-primary-button-background);
|
||||
--checkbox-checked-color: var(--in-content-primary-button-text-color);
|
||||
--checkbox-checked-border-color: transparent;
|
||||
--checkbox-checked-hover-bgcolor: var(--in-content-primary-button-background-hover);
|
||||
--checkbox-checked-active-bgcolor: var(--in-content-primary-button-background-active);
|
||||
--blue-40: #45a1ff;
|
||||
--blue-50: #0a84ff;
|
||||
--blue-60: #0060df;
|
||||
--blue-70: #003eaa;
|
||||
--blue-80: #002275;
|
||||
--grey-30: #d7d7db;
|
||||
--grey-60: #4a4a4f;
|
||||
--grey-90-a10: rgba(12, 12, 13, 0.1);
|
||||
--grey-90-a20: rgba(12, 12, 13, 0.2);
|
||||
--grey-90-a30: rgba(12, 12, 13, 0.3);
|
||||
--grey-90-a50: rgba(12, 12, 13, 0.5);
|
||||
--grey-90-a60: rgba(12, 12, 13, 0.6);
|
||||
--green-50: #30e60b;
|
||||
--green-60: #12bc00;
|
||||
--green-70: #058b00;
|
||||
--green-80: #006504;
|
||||
--green-90: #003706;
|
||||
--orange-50: #ff9400;
|
||||
--red-40: #ff4f5e;
|
||||
--red-50: #ff0039;
|
||||
--red-60: #d70022;
|
||||
--red-70: #a4000f;
|
||||
--red-80: #5a0002;
|
||||
--red-90: #3e0200;
|
||||
--yellow-50: #ffe900;
|
||||
--yellow-60: #d7b600;
|
||||
--yellow-60-a30: rgba(215, 182, 0, 0.3);
|
||||
--yellow-70: #a47f00;
|
||||
--yellow-80: #715100;
|
||||
--yellow-90: #3e2800;
|
||||
--shadow-10: 0 1px 4px var(--grey-90-a10);
|
||||
--shadow-30: 0 4px 16px var(--grey-90-a10);
|
||||
--card-padding: 16px;
|
||||
--card-shadow: var(--shadow-10);
|
||||
--card-outline-color: var(--grey-30);
|
||||
--card-shadow-hover: var(--card-shadow), 0 0 0 5px var(--card-outline-color);
|
||||
}
|
||||
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
|
||||
:host,
|
||||
:root {
|
||||
/* Keep these in sync with layout/base/PresShell.cpp, and plaintext.css */
|
||||
--in-content-page-background: rgb(28, 27, 34);
|
||||
--in-content-page-color: rgb(251, 251, 254);
|
||||
--in-content-deemphasized-text: rgb(191, 191, 201);
|
||||
--in-content-box-background: rgb(35, 34, 43);
|
||||
--in-content-box-background-odd: rgba(249, 249, 250, 0.05);
|
||||
--in-content-box-info-background: rgba(249, 249, 250, 0.15);
|
||||
--in-content-border-color: rgba(249, 249, 250, 0.2);
|
||||
--in-content-border-hover: rgba(249, 249, 250, 0.3);
|
||||
--in-content-border-invalid: rgb(255, 132, 139);
|
||||
--in-content-error-text-color: #ff9aa2;
|
||||
--in-content-button-background: rgb(43, 42, 51);
|
||||
--in-content-button-background-hover: rgb(82, 82, 94);
|
||||
--in-content-button-background-active: rgb(91, 91, 102);
|
||||
--in-content-icon-color: rgb(251, 251, 254);
|
||||
--in-content-primary-button-text-color: rgb(43, 42, 51);
|
||||
--in-content-primary-button-background: rgb(0, 221, 255);
|
||||
--in-content-primary-button-background-hover: rgb(128, 235, 255);
|
||||
--in-content-primary-button-background-active: rgb(170, 242, 255);
|
||||
--in-content-danger-button-background: #ff848b;
|
||||
--in-content-danger-button-background-hover: #ffbdc5;
|
||||
--in-content-danger-button-background-active: #ffdfe7;
|
||||
--in-content-table-background: rgb(35, 34, 43);
|
||||
--in-content-table-border-dark-color: var(--in-content-box-border-color);
|
||||
--in-content-accent-color: var(--in-content-primary-button-background);
|
||||
--in-content-accent-color-active: var(--in-content-primary-button-background-hover);
|
||||
--in-content-link-color: var(--in-content-primary-button-background);
|
||||
--in-content-link-color-hover: var(--in-content-primary-button-background-hover);
|
||||
--in-content-link-color-active: var(--in-content-primary-button-background-active);
|
||||
--in-content-link-color-visited: var(--in-content-link-color);
|
||||
--card-outline-color: var(--grey-60);
|
||||
--dialog-warning-text-color: var(--red-40);
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userContent.page.proton_color.dark_blue_accent") {
|
||||
@media (-moz-toolbar-prefers-color-scheme: dark), (prefers-color-scheme: dark) {
|
||||
:host,
|
||||
:root {
|
||||
/* Color Memo
|
||||
Just refer - Photon's dark color
|
||||
--button-primary-bgcolor: #0060DF;
|
||||
--button-primary-hover-bgcolor: #003EAA;
|
||||
--button-primary-active-bgcolor: #002275;
|
||||
--lwt-brighttext-url-color: #74c0ff;
|
||||
--lwt-toolbarbutton-icon-fill-attention: #45a1ff;
|
||||
|
||||
Just refer - Proton's light color
|
||||
--in-content-accent-color: #0a84ff;
|
||||
--in-content-accent-color-active: #0060df;
|
||||
--in-content-primary-button-background: #0061e0;
|
||||
--in-content-primary-button-background-hover: #0250bb;
|
||||
--in-content-primary-button-background-active: #053e94;
|
||||
|
||||
--blue-40: #45a1ff; rgb(69, 161, 255)
|
||||
--blue-50: #0a84ff; rgb(10, 132, 255)
|
||||
--blue-60: #0060df; rgb(0, 96, 223)
|
||||
--blue-70: #003eaa; rgb(0, 62, 170)
|
||||
--blue-80: #002275; rgb(0, 34, 117)
|
||||
|
||||
Relation
|
||||
lighten(#0060df, 29%): #74b0ff;
|
||||
lighten(#0060df, 19.8%): #4595ff
|
||||
lighten(#0060df, 8.3%): #0a74ff
|
||||
#0060df
|
||||
darken(#0060df, 15.5%): #003e90;
|
||||
darken(#0060df, 28.1%): #002250;
|
||||
*/
|
||||
--blue-20: #b6d6ff;
|
||||
/* lighten(#0060df, 42%) - rgb(182, 214, 255), Add for link active color*/
|
||||
--blue-30: #74c0ff;
|
||||
/* rgb(116, 192, 255), Add for active color */
|
||||
--organizer-outline-color: var(--blue-40) !important;
|
||||
}
|
||||
|
||||
:host,
|
||||
:root {
|
||||
--in-content-primary-button-text-color: var(--in-content-page-color) !important;
|
||||
--in-content-primary-button-background: var(--blue-60) !important;
|
||||
--in-content-primary-button-background-hover: var(--blue-50) !important;
|
||||
--in-content-primary-button-background-active: var(--blue-40) !important;
|
||||
--in-content-focus-outline-color: var(--blue-40) !important;
|
||||
--in-content-accent-color: var(--blue-40) !important;
|
||||
--in-content-accent-color-active: var(--blue-30) !important;
|
||||
--in-content-table-background: rgb(35, 34, 43) !important;
|
||||
--in-content-table-border-color: rgba(249, 249, 250, 0.2) !important;
|
||||
--in-content-table-header-background: rgb(5, 64, 150) !important;
|
||||
--in-content-table-header-color: var(--in-content-page-color) !important;
|
||||
--in-content-link-color: var(--blue-40) !important;
|
||||
--in-content-link-color-hover: var(--blue-30) !important;
|
||||
--in-content-link-color-active: var(--blue-20) !important;
|
||||
--in-content-link-color-visited: var(--blue-40) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
@supports -moz-bool-pref("userContent.page.proton_color.system_accent") {
|
||||
:host,
|
||||
:root {
|
||||
--in-content-primary-button-text-color: -moz-accent-color-foreground !important;
|
||||
--in-content-primary-button-background: Highlight !important;
|
||||
--in-content-primary-button-background-hover: color-mix(in srgb, black 10%, Highlight) !important;
|
||||
--in-content-primary-button-background-active: color-mix(in srgb, black 20%, Highlight) !important;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1290,7 +1400,7 @@
|
|||
url-prefix("about:checkerboard"),
|
||||
url-prefix("about:sync-log"),
|
||||
url-prefix("about:memory"),
|
||||
regexp("^((file:///)|(chrome://)).*/$")
|
||||
regexp("^(((jar:)?file:///)|(chrome://)).*/$")
|
||||
{
|
||||
/* Base */
|
||||
html,
|
||||
|
|
@ -1549,6 +1659,23 @@
|
|||
color: var(--in-content-table-header-color) !important;
|
||||
}
|
||||
}
|
||||
/*= Field Border =============================================================*/
|
||||
@supports -moz-bool-pref("userContent.page.field_border") {
|
||||
@media (prefers-reduced-motion: no-preference) {
|
||||
@-moz-document url-prefix("about:") {
|
||||
xul|search-textbox:hover {
|
||||
border-color: var(--in-content-focus-outline-color) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
@-moz-document url-prefix("about:config") {
|
||||
#about-config-search:hover {
|
||||
border-color: var(--in-content-focus-outline-color) !important;
|
||||
transition: border-color 0.5s var(--animation-easing-function);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
/*= View Source ==============================================================*/
|
||||
@-moz-document url-prefix("view-source") {
|
||||
:root {
|
||||
|
|
@ -1630,7 +1757,7 @@
|
|||
}
|
||||
/*= Directory View ===========================================================*/
|
||||
@-moz-document url-prefix("about:sync-log"),
|
||||
regexp("^((file:///)|(chrome://)).*/$")
|
||||
regexp("^(((jar:)?file:///)|(chrome://)).*/$")
|
||||
{
|
||||
body {
|
||||
background-color: var(--in-content-box-background) !important;
|
||||
|
|
@ -2234,7 +2361,7 @@
|
|||
--organizer-hover-color: var(--organizer-color);
|
||||
--organizer-selected-background: var(--in-content-button-background-active);
|
||||
--organizer-selected-color: var(--organizer-color);
|
||||
--organizer-outline-color: var(--in-content-primary-button-background);
|
||||
--organizer-outline-color: var(--in-content-focus-outline-color);
|
||||
--organizer-separator-color: var(--organizer-pane-field-border-color);
|
||||
--organizer-border-color: var(--in-content-border-color);
|
||||
--organizer-toolbar-field-background: rgb(240, 240, 244);
|
||||
|
|
@ -2259,7 +2386,6 @@
|
|||
--organizer-content-background: rgb(28, 27, 34);
|
||||
--organizer-hover-background: rgb(82, 82, 94);
|
||||
--organizer-selected-background: rgb(91, 91, 102);
|
||||
--organizer-outline-color: rgb(0, 221, 255);
|
||||
--organizer-toolbar-field-background: var(--in-content-page-background);
|
||||
--organizer-toolbar-field-background-focused: rgb(66, 65, 77);
|
||||
scrollbar-color: rgba(249, 249, 250, 0.4) rgba(20, 20, 25, 0.3);
|
||||
|
|
@ -2370,7 +2496,8 @@
|
|||
}
|
||||
|
||||
/*- Downloads Pane -------------------------------------------------------*/
|
||||
#downloadsRichListBox {
|
||||
#downloadsRichListBox,
|
||||
#downloadsListBox {
|
||||
color: var(--organizer-color) !important;
|
||||
background-color: var(--organizer-content-background) !important;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue