luisgulo/WhiteSur-gtk-theme
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

update

Browse source
This commit is contained in:
vinceliuice 2023-03-04 15:50:14 +08:00
parent f26502d5fe
commit c0333a3b74
6 changed files with 58 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/other/firefox/Monterey/colors/dark.css
View file

@ -29,7 +29,7 @@
--gnome-menu-border-color: #070707; --gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95); --gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: #070707; --gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06); --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1); --gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15); --gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

2
src/other/firefox/Monterey/colors/light.css
View file

@ -29,7 +29,7 @@
--gnome-menu-border-color: #cdc7c2; --gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95); --gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: #cdc7c2; --gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1); --gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2); --gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

40
src/other/firefox/Monterey/parts/popups.css
View file

@ -8,10 +8,8 @@ menupopup, panel,
:is(menupopup, panel)[type="arrow"] { :is(menupopup, panel)[type="arrow"] {
-moz-appearance: none !important; -moz-appearance: none !important;
--panel-background: var(--gnome-menu-background) !important; --panel-background: var(--gnome-menu-background) !important;
--panel-border-color: var(--gnome-menu-border-color) !important;
--arrowpanel-border-radius: 12px !important; --arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important; --arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--panel-border-radius: 12px !important; --panel-border-radius: 12px !important;
--panel-padding: 6px !important; --panel-padding: 6px !important;
--panel-shadow: var(--gnome-popover-shadow) !important; --panel-shadow: var(--gnome-popover-shadow) !important;
@ -19,6 +17,31 @@ menupopup, panel,
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: transparent !important;
--arrowpanel-border-color: transparent !important;
}
.panel-arrowcontent {
border: none !important;
}
@media (prefers-color-scheme: dark) {
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: rgba(255, 255, 255, 0.06) !important;
--arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important;
}
.panel-arrowcontent {
border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
}
menupopup label { menupopup label {
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }
@ -29,7 +52,6 @@ menupopup label {
background: none !important; background: none !important;
padding: 3px 4px 6px !important; padding: 3px 4px 6px !important;
margin: -3px 0 0 -12px !important; margin: -3px 0 0 -12px !important;
border: none !important;
} }
menubar > menu > menupopup { menubar > menu > menupopup {
@ -38,7 +60,6 @@ menubar > menu > menupopup {
} }
menuitem, menupopup menu { menuitem, menupopup menu {
border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -50,14 +71,9 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
background: transparent !important; background: transparent !important;
} }
:is(panel, menupopup)::part(content) {
border: none !important;
}
/* Adjust popovers position */ /* Adjust popovers position */
panel[type="arrow"] { panel[type="arrow"] {
appearance: none !important; appearance: none !important;
border: none !important;
background-color: transparent !important; background-color: transparent !important;
margin-top: 8px !important; margin-top: 8px !important;
} }
@ -67,7 +83,6 @@ panel[type="arrow"] {
.panel-header, .PanelUI-subView, .panel-header, .PanelUI-subView,
.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer, .panel-subview-body, #widget-overflow-mainView, #protections-popup-footer,
panelview { panelview {
border: none !important;
background: none !important; background: none !important;
} }
@ -76,7 +91,6 @@ panelview {
} }
#customization-panelWrapper > .panel-arrowcontent { #customization-panelWrapper > .panel-arrowcontent {
border: 1px solid var(--gnome-menu-border-color) !important;
box-shadow: var(--gnome-popover-shadow) !important; box-shadow: var(--gnome-popover-shadow) !important;
border-radius: 12px !important; border-radius: 12px !important;
background: var(--gnome-menu-background) !important; background: var(--gnome-menu-background) !important;
@ -84,7 +98,7 @@ panelview {
#customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] { #customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] {
fill: var(--gnome-menu-background) !important; fill: var(--gnome-menu-background) !important;
stroke: var(--gnome-menu-border-color) !important; stroke: transparent !important;
} }
#BMB_bookmarksPopup { #BMB_bookmarksPopup {
@ -242,7 +256,7 @@ panelview > toolbarseparator:not([orient="vertical"]),
/* Auto complete popups */ /* Auto complete popups */
panel[type="autocomplete-richlistbox"] { panel[type="autocomplete-richlistbox"] {
background: var(--gnome-menu-background) !important; background: var(--gnome-menu-background) !important;
border: 1px solid var(--gnome-menu-border-color) !important; border: 0 !important;
padding: 4px 0 !important; padding: 4px 0 !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }

2
src/other/firefox/WhiteSur/colors/dark.css
View file

@ -30,7 +30,7 @@
--gnome-menu-border-color: #070707; --gnome-menu-border-color: #070707;
--gnome-popover-background: rgba(51, 51, 51, 0.95); --gnome-popover-background: rgba(51, 51, 51, 0.95);
--gnome-popover-border-color: #070707; --gnome-popover-border-color: #070707;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.06); --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1); --gnome-popover-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-popover-button-active-background: rgba(255, 255, 255, 0.15); --gnome-popover-button-active-background: rgba(255, 255, 255, 0.15);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

2
src/other/firefox/WhiteSur/colors/light.css
View file

@ -29,7 +29,7 @@
--gnome-menu-border-color: #cdc7c2; --gnome-menu-border-color: #cdc7c2;
--gnome-popover-background: rgba(255, 255, 255, 0.95); --gnome-popover-background: rgba(255, 255, 255, 0.95);
--gnome-popover-border-color: #cdc7c2; --gnome-popover-border-color: #cdc7c2;
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3); --gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.12);
--gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1); --gnome-popover-button-hover-background: rgba(0, 0, 0, 0.1);
--gnome-popover-button-active-background: rgba(0, 0, 0, 0.2); --gnome-popover-button-active-background: rgba(0, 0, 0, 0.2);
--gnome-popover-separator-color: rgba(0, 0, 0, 0.1); --gnome-popover-separator-color: rgba(0, 0, 0, 0.1);

40
src/other/firefox/WhiteSur/parts/popups.css
View file

@ -8,10 +8,8 @@ menupopup, panel,
:is(menupopup, panel)[type="arrow"] { :is(menupopup, panel)[type="arrow"] {
-moz-appearance: none !important; -moz-appearance: none !important;
--panel-background: var(--gnome-menu-background) !important; --panel-background: var(--gnome-menu-background) !important;
--panel-border-color: var(--gnome-menu-border-color) !important;
--arrowpanel-border-radius: 12px !important; --arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important; --arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: var(--gnome-menu-border-color) !important;
--panel-border-radius: 12px !important; --panel-border-radius: 12px !important;
--panel-padding: 6px !important; --panel-padding: 6px !important;
--panel-shadow: var(--gnome-popover-shadow) !important; --panel-shadow: var(--gnome-popover-shadow) !important;
@ -19,6 +17,31 @@ menupopup, panel,
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: transparent !important;
--arrowpanel-border-color: transparent !important;
}
.panel-arrowcontent {
border: none !important;
}
@media (prefers-color-scheme: dark) {
menupopup, panel,
:is(menupopup, panel)[type="arrow"]
:is(panel, menupopup)::part(content) {
--panel-border-color: rgba(255, 255, 255, 0.06) !important;
--arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important;
}
.panel-arrowcontent {
border: 1px solid rgba(255, 255, 255, 0.06) !important;
}
}
menupopup label { menupopup label {
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }
@ -29,7 +52,6 @@ menupopup label {
background: none !important; background: none !important;
padding: 3px 4px 6px !important; padding: 3px 4px 6px !important;
margin: -3px 0 0 -12px !important; margin: -3px 0 0 -12px !important;
border: none !important;
} }
menubar > menu > menupopup { menubar > menu > menupopup {
@ -38,7 +60,6 @@ menubar > menu > menupopup {
} }
menuitem, menupopup menu { menuitem, menupopup menu {
border: none !important;
box-shadow: none !important; box-shadow: none !important;
} }
@ -50,14 +71,9 @@ menuitem[disabled="true"]:hover, menupopup menu[disabled="true"]:hover {
background: transparent !important; background: transparent !important;
} }
:is(panel, menupopup)::part(content) {
border: none !important;
}
/* Adjust popovers position */ /* Adjust popovers position */
panel[type="arrow"] { panel[type="arrow"] {
appearance: none !important; appearance: none !important;
border: none !important;
background-color: transparent !important; background-color: transparent !important;
margin-top: 8px !important; margin-top: 8px !important;
} }
@ -67,7 +83,6 @@ panel[type="arrow"] {
.panel-header, .PanelUI-subView, .panel-header, .PanelUI-subView,
.panel-subview-body, #widget-overflow-mainView, #protections-popup-footer, .panel-subview-body, #widget-overflow-mainView, #protections-popup-footer,
panelview { panelview {
border: none !important;
background: none !important; background: none !important;
} }
@ -76,7 +91,6 @@ panelview {
} }
#customization-panelWrapper > .panel-arrowcontent { #customization-panelWrapper > .panel-arrowcontent {
border: 1px solid var(--gnome-menu-border-color) !important;
box-shadow: var(--gnome-popover-shadow) !important; box-shadow: var(--gnome-popover-shadow) !important;
border-radius: 12px !important; border-radius: 12px !important;
background: var(--gnome-menu-background) !important; background: var(--gnome-menu-background) !important;
@ -84,7 +98,7 @@ panelview {
#customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] { #customization-panelWrapper > .panel-arrowbox > .panel-arrow[side="top"] {
fill: var(--gnome-menu-background) !important; fill: var(--gnome-menu-background) !important;
stroke: var(--gnome-menu-border-color) !important; stroke: transparent !important;
} }
#BMB_bookmarksPopup { #BMB_bookmarksPopup {
@ -242,7 +256,7 @@ panelview > toolbarseparator:not([orient="vertical"]),
/* Auto complete popups */ /* Auto complete popups */
panel[type="autocomplete-richlistbox"] { panel[type="autocomplete-richlistbox"] {
background: var(--gnome-menu-background) !important; background: var(--gnome-menu-background) !important;
border: 1px solid var(--gnome-menu-border-color) !important; border: 0 !important;
padding: 4px 0 !important; padding: 4px 0 !important;
color: var(--gnome-toolbar-color) !important; color: var(--gnome-toolbar-color) !important;
} }