github/WhiteSur-gtk-theme
4
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2026-05-25 04:58:35 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixed issues

Browse Source
This commit is contained in:
vinceliuice
2025-07-03 20:02:54 +08:00
parent 14d28dab57
commit 3753da35a2
8 changed files with 113 additions and 43 deletions
Download Patch File Download Diff File Expand all files Collapse all files

58
src/other/firefox/WhiteSur/parts/headerbar-urlbar.css
View File

@@ -209,6 +209,64 @@ toolbarspring {
border-radius: 5px !important;
}
#nav-bar #urlbar toolbarbutton#urlbar-searchmode-switcher:not(#urlbar-zoom-button):not(.subviewbutton):not(.titlebar-button):not(.close-button) {
appearance: none;
border-radius: 8px !important;
margin-left: -3px !important;
margin-inline-end: var(--urlbar-searchmodeswitcher-margin-inline-end);
padding-inline: var(--urlbar-searchmodeswitcher-inline-padding);
&.close-button {
margin-left: 6px !important;
}
&:focus-visible {
outline: var(--focus-outline);
outline-offset: var(--focus-outline-inset);
}
&[open] {
background-color: var(--urlbar-box-focus-bgcolor) !important;
}
/* No need space if page information icons such as lock and shield is shown */
#urlbar[pageproxystate=valid] & {
margin-inline-end: 0;
}
#urlbar[searchmode] & {
background-color: var(--urlbar-box-bgcolor) !important;
margin-inline-end: 0 !important;
border-start-end-radius: 0 !important;
border-end-end-radius: 0 !important;
}
/* The background rule should match to #searchmode-switcher-chicklet */
#urlbar[focused] & {
background-color: var(--urlbar-box-focus-bgcolor) !important;
}
/* stylelint-disable media-query-no-invalid */
@media (not -moz-pref("browser.urlbar.searchModeSwitcher.featureGate")) and
(not -moz-pref("browser.urlbar.scotchBonnet.enableOverride")) {
display: none;
}
}
#searchmode-switcher-chicklet {
background-color: var(--urlbar-box-bgcolor);
border-start-end-radius: 8px !important;
border-end-end-radius: 8px !important;
align-items: center;
height: 100%;
margin-inline-end: var(--urlbar-searchmodeswitcher-margin-inline-end);
display: none;
}
#urlbar-search-mode-indicator-close, #searchmode-switcher-close {
margin-left: 6px !important;
}
.urlbar-page-action {
padding: 5px 6px !important;
}

2
src/other/firefox/common/parts/buttons-fixes.css
View File

@@ -2,7 +2,7 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Fix hover background */
.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack), .toolbarbutton-text:not(#hack) {
.toolbarbutton-badge-stack:not(#hack), .toolbarbutton-icon:not(#hack):not(.close-button), .toolbarbutton-text:not(#hack) {
background: transparent !important;
}

5
src/other/firefox/common/parts/controls.css
View File

@@ -6,7 +6,7 @@
/* Switchers */
.toggle-button {
--toggle-height: 26px !important;
--toggle-width: 48px !important;
--toggle-width: 42px !important;
--toggle-border-radius: 24px !important;
--toggle-border-color: var(--gnome-switch-border-color) !important;
--toggle-background-color: var(--gnome-switch-background) !important;
@@ -16,9 +16,10 @@
--toggle-background-color-pressed-hover: var(--gnome-switch-pressed-hover-background) !important;
--toggle-background-color-pressed-active: var(--gnome-switch-pressed-active-background) !important;
--toggle-dot-height: 22px !important;
--toggle-dot-width: 22px !important;
--toggle-dot-background-color: #ffffff !important;
--toggle-dot-background-color-on-pressed: #ffffff !important;
--toggle-dot-margin: 1px !important/* border: 0 !important;*/
--toggle-dot-margin: 1px !important;
}
.toggle-button:enabled:hover {

18
src/other/firefox/common/parts/headerbar.css
View File

@@ -12,7 +12,7 @@
}
/* Headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.titlebar-button),
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.subviewbutton):not(.titlebar-button):not(.close-button),
toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 {
border: none !important;
box-shadow: none !important;
@@ -27,7 +27,7 @@ toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 {
transition: background 200ms;
}
:root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button) {
:root:-moz-window-inactive #nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button) {
background: none !important;
}
@@ -43,7 +43,7 @@ toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 {
}
/* Hover headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not([open]):not([disabled]):not([checked]):hover,
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button):not([open]):not([disabled]):not([checked]):hover,
#TabsToolbar .toolbarbutton-1:hover,
#tabs-newtab-button:hover, #TabsToolbar #new-tab-button:hover {
outline: 0 !important;
@@ -51,28 +51,28 @@ toolbar .toolbaritem-combined-buttons > .toolbarbutton-1 {
}
/* Active headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not([disabled]):not(#hack):active,
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not([disabled])[open],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not([disabled])[checked],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button):not([disabled]):not(#hack):active,
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button):not([disabled])[open],
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button):not([disabled])[checked],
#TabsToolbar .toolbarbutton-1:active, #TabsToolbar .toolbarbutton-1[open],
#tabs-newtab-button:active, #TabsToolbar #new-tab-button:active {
background: var(--gnome-headerbar-button-active-background) !important;
}
/* Disabled headerbar buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button)[disabled] {
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button)[disabled] {
background: transparent !important;
border-color: var(--gnome-button-disabled-border-color) !important;
box-shadow: none !important;
opacity: 1 !important;
}
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button)[disabled] image {
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button)[disabled] image {
opacity: .4 !important;
}
/* Inactive window buttons */
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):-moz-window-inactive {
#nav-bar toolbarbutton:not(#urlbar-zoom-button):not(.titlebar-button):not(.close-button):-moz-window-inactive {
background: var(--gnome-inactive-button-background) !important;
box-shadow: var(--gnome-inactive-button-box-shadow) !important;
border-color: var(--gnome-inactive-button-border-color) !important;

10
src/other/firefox/common/parts/popups.css
View File

@@ -58,6 +58,16 @@ menuitem, menupopup menu {
box-shadow: none !important;
}
/* checkbox / radio rendering */
@media (-moz-platform: linux) {
menuitem[type="radio"] .menu-icon,
menuitem:is([type="checkbox"], [checked="true"]) .menu-icon {
appearance: none !important;
-moz-default-appearance: none !important;
}
}
menuitem[type="checkbox"] image,
menuitem[type="radio"] image {
visibility: visible !important;

26
src/sass/gtk/_common-3.0.scss
View File

@@ -1694,7 +1694,7 @@ headerbar {
margin-bottom: 0;
min-height: 0;
min-width: 120px;
padding: 0 0;
padding: 0;
background-color: transparent;
> stack > box {
@@ -1956,10 +1956,12 @@ $pathbar_button_checked_bg: if($variant == 'light', #808080, #b8b8b8);
.path-bar button {
min-width: $container_padding * 2;
min-height: if($variant == 'light', 24px, 26px);
padding-left: $container_padding;
padding-right: $container_padding;
&.text-button, &.image-button, & {
padding-left: $container_padding;
padding-right: $container_padding;
label, image {
padding-left: $container_padding / 2;
padding-right: $container_padding / 2;
}
&:hover { box-shadow: none; }
@@ -1974,22 +1976,10 @@ $pathbar_button_checked_bg: if($variant == 'light', #808080, #b8b8b8);
border-color: $button_borders;
}
&.text-button.image-button label { padding-left: 0; padding-right: 0; }
&.text-button.image-button, & {
label:last-child { padding-right: $container_padding; }
label:first-child { padding-left: $container_padding; }
}
&.slider-button,
&:not(.image-button):not(.text-button) {
padding-left: 1px;
padding-right: 1px;
}
&.image-button image {
padding-left: $container_padding;
padding-right: $container_padding;
padding-left: $container_padding / 2;
padding-right: $container_padding / 2;
}
}