github/WhiteSur-gtk-theme
4
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2026-03-30 09:27:44 +00:00
Code Issues Packages Projects Releases Wiki Activity

update #1358

Browse Source
This commit is contained in:
vinceliuice
2025-09-24 12:40:41 +08:00
parent 1062108590
commit 120d5a1de8
2 changed files with 54 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
other/firefox/common/pages/common.css
View File

@@ -2,6 +2,7 @@
:host,
:host(.anonymous-content-host),
:root {
accent-color: var(--theme-primary-color) !important;
--color-accent-primary: var(--theme-primary-active-color) !important;
--in-content-page-color: var(--gnome-content-page-color) !important;
--in-content-page-background: var(--gnome-content-page-background) !important;
@@ -21,6 +22,7 @@
--in-content-primary-button-background-active: var(--theme-primary-active-color) !important;
--in-content-table-background: var(--gnome-browser-before-load-background) !important;
--in-content-table-header-background: var(--theme-primary-color) !important;
--newtab-background-color: var(--gnome-browser-before-load-background) !important;
--newtab-background-color-secondary: var(--gnome-content-page-dialog-background) !important;
@@ -29,6 +31,7 @@
--fxview-background-color-secondary: var(--gnome-menu-background) !important;
scrollbar-color: rgba(250,250,250,.4) rgba(22,22,22,.3) !important;
--background-color-box: var(--gnome-content-box-background) !important;
--background-color-canvas: var(--gnome-browser-before-load-background) !important;
}
@media not (prefers-contrast) {
@@ -39,6 +42,19 @@
}
}
@media (forced-colors) {
:host(.anonymous-content-host),
:root {
--in-content-box-info-background: var(--gnome-content-box-background) !important;
--in-content-item-hover: var(--theme-primary-color) !important;
--in-content-item-selected: var(--theme-primary-color) !important;
--in-content-table-background: var(--gnome-content-page-dialog-background) !important;
--in-content-table-header-background: var(--gnome-content-page-dialog-background) !important;
}
}
@media (prefers-color-scheme: dark) {
@media not (forced-colors) {
html|dialog,
@@ -58,7 +74,12 @@
}
.dialogBox window, .dialogBox dialog {
background: none !important;
background-color: transparent !important;
}
:root[dialogroot], :host(dialog) {
--in-content-page-background: var(--gnome-toolbar-background) !important;
--background-color-canvas: var(--gnome-toolbar-background) !important;
}
.close-icon {

73
other/firefox/common/parts/dialogs.css
View File

@@ -27,14 +27,6 @@ window {
}
/* Dialog */
.dialogBox {
margin: 0 !important;
background-color: var(--gnome-popover-background) !important;
border-radius: 12px !important;
border: none !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
window[role="dialog"] {
background: none !important;
border: none !important;
@@ -53,17 +45,26 @@ dialog#handling {
dialog[subdialog] {
background-color: var(--gnome-popover-background) !important;
border-radius: 12px !important;
border: 1px solid var(--gnome-menu-border-color) !important;
border: none !important;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08) !important;
}
.dialogBox {
border-radius: 12px !important;
margin: 0 !important;
&:not(.spotlightBox) {
box-shadow: 0 2px 14px 0 rgba(0, 0, 0, 0.2), 0 0 0 1px #000000 !important;
border-radius: 12px !important;
outline: 1px solid rgba(255, 255, 255, 0.15) !important;
outline-offset: -1px;
}
}
.dialogBox window, .dialogBox dialog {
background: none !important;
}
/* Content */
.dialog-content-box,
#dialogGrid {
@@ -130,6 +131,11 @@ dialog[subdialog] {
/* Print dialog */
:root[dialogroot], :host(dialog) {
--in-content-page-background: var(--gnome-toolbar-background) !important;
--background-color-canvas: var(--gnome-toolbar-background) !important;
}
browser.printSettingsBrowser, .header-container, .body-container {
background-color: var(--gnome-toolbar-background) !important;
}
#editBookmarkPanelContent > input,
@@ -150,24 +156,6 @@ dialog[subdialog] {
-moz-outline-radius: 8px;
}
:root[dialogroot] select,
:host(dialog) select {
background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important;
background-color: #ffffff !important;
background-position: right 12px center !important;
background-repeat: no-repeat !important;
background-size: auto 12px !important;
background-clip: padding-box !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-bottom-color) !important;
border-radius: 8px !important;
padding: 2px 12px !important;
min-height: 28px !important;
min-width: 28px !important;
color: var(--gnome-toolbar-color) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
}
#cancel-button,
#print-button.primary {
min-width: 7em !important;
@@ -185,20 +173,10 @@ dialog[subdialog] {
border-color: var(--theme-primary-color) !important;
}
:root[dialogroot] select:not([disabled]):hover,
:host(dialog) select:not([disabled]):hover {
background-color: #f5f5f5 !important;
}
#print-button.primary:hover {
background-color: var(--theme-primary-hover-color) !important;
}
:root[dialogroot] select:not([disabled]):active,
:host(dialog) select:not([disabled]):active {
background-color: #efefef !important;
}
#print-button.primary:active {
background-color: var(--theme-primary-active-color) !important;
}
@@ -252,16 +230,29 @@ dialog[subdialog] {
:root[dialogroot] select,
:host(dialog) select {
background-color: #666666 !important;
background-image: url("chrome://global/skin/icons/arrow-down-12.svg") !important;
background-color: var(--gnome-button-background-color) !important;
background-position: right 12px center !important;
background-repeat: no-repeat !important;
background-size: auto 12px !important;
background-clip: padding-box !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-bottom-color) !important;
border-radius: 8px !important;
padding: 2px 12px !important;
min-height: 28px !important;
min-width: 28px !important;
color: var(--gnome-toolbar-color) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
}
:root[dialogroot] select:not([disabled]):hover,
:host(dialog) select:not([disabled]):hover {
background-color: #777777 !important;
background-color: var(--gnome-button-hover-background-color) !important;
}
:root[dialogroot] select:not([disabled]):active,
:host(dialog) select:not([disabled]):active {
background-color: #888888 !important;
}
background-color: var(--gnome-button-active-background-color) !important;
}