Akatsuki-Misaki/WhiteSur-gtk-theme
1
0
Fork 0
mirror of https://github.com/vinceliuice/WhiteSur-gtk-theme.git synced 2025-06-04 13:13:04 +00:00
Code Issues Packages Projects Releases Wiki Activity

update

Browse Source
This commit is contained in:
vinceliuice 2024-09-01 20:38:26 +08:00
parent 217ea70220
commit e9b37de8d9
11 changed files with 128 additions and 78 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
src/other/firefox/Monterey/colors/dark-adaptive.css
View File

@ -36,10 +36,10 @@
/* Popups */
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-menu-border-color: color-mix(in srgb, currentColor 75%, transparent);
--gnome-menu-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent);
--gnome-popover-border-color: color-mix(in srgb, currentColor 75%, transparent);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-popover-border-color: light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-shadow: 0 5px 8px rgba(0, 0, 0, 0.3), 0 0 0 1px light-dark(rgba(0,0,0,.15), #000000);
--gnome-popover-button-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
--gnome-popover-separator-color: color-mix(in srgb, currentColor 8%, transparent);
@ -95,7 +95,7 @@
--gnome-urlbar-color: var(--toolbar-color, #ffffff);
--gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px light-dark(rgba(0,0,0,.15), rgba(0,0,0,.75));
--gnome-hover-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);
--gnome-inactive-urlbar-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);

15
src/other/firefox/Monterey/parts/headerbar-urlbar.css
View File

@ -17,12 +17,17 @@ toolbarspring {
min-width: 360px !important;
}
#urlbar-background {
box-shadow: none !important;
border: 0 !important;
background: transparent !important;
border-radius: 8px !important;
#urlbar[breakout][breakout-extend] {
left: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 5 !important;
padding: 0 !important;
border-radius: 8px !important;
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-moz-outline-radius: 8px;
transition: outline 100ms ease-out;
}
#urlbar:-moz-window-inactive {

11
src/other/firefox/Monterey/parts/toolbox-alt.css
View File

@ -17,24 +17,19 @@
border: none !important;
color: var(--gnome-toolbar-color);
background: var(--gnome-toolbar-background) !important;
transition: none !important;
}
#TabsToolbar {
border-bottom: 1px solid var(--gnome-toolbar-border-color) !important;
}
findbar {
border: 0 !important;
background: var(--gnome-findbar-background) !important;
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
}
#nav-bar:-moz-window-inactive,
#titlebar:-moz-window-inactive,
#PersonalToolbar:-moz-window-inactive,
#toolbar-menubar:-moz-window-inactive,
#TabsToolbar:-moz-window-inactive,
#navigator-toolbox:-moz-window-inactive,
findbar:-moz-window-inactive {
#navigator-toolbox:-moz-window-inactive {
background: var(--gnome-inactive-toolbar-background) !important;
}

19
src/other/firefox/WhiteSur/colors/dark.css
View File

@ -20,14 +20,15 @@
--gnome-toolbar-color: #ffffff;
--gnome-toolbar-icon-fill: #ffffff;
--gnome-toolbar-border-color: #070707;
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.45);
--gnome-inactive-toolbar-color: rgba(255, 255, 255, 0.35);
--gnome-inactive-toolbar-background: #313131;
--gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */
--sidebar-background-color: #323232 !important;
--gnome-sidebar-background: #3b3b3b;
--gnome-inactive-sidebar-background: #3f3f3f;
--gnome-sidebar-border-color: color-mix(in srgb, #ffffff 12%, var(--gnome-sidebar-background));
--gnome-sidebar-border-color: color-mix(in srgb, #000000 75%, var(--gnome-sidebar-background));
/* Popups */
--gnome-menu-background: rgba(51, 51, 51, 0.95);
@ -49,21 +50,21 @@
/* Buttons */
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
--gnome-button-border-color: #282828;
--gnome-button-border-bottom-color: #282828;
--gnome-button-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: rgba(255, 255, 255, 0.1);
--gnome-button-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%);
--gnome-button-active-background: linear-gradient(to top, #808080 0%, #858585 100%);
--gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-bottom-color: #1b1b1b;
--gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-border-bottom-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
--gnome-button-disabled-border-color: #282828;
--gnome-button-disabled-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: linear-gradient(#383838, #383838);
--gnome-inactive-button-border-color: #323232;
--gnome-inactive-button-border-color: rgba(0, 0, 0, 0.12);
--gnome-inactive-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.0);
--gnome-button-suggested-action-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: #0f3b71;
@ -88,7 +89,7 @@
/* URL bar */
--gnome-urlbar-background: #464646;
--gnome-urlbar-border-color: #282828;
--gnome-urlbar-border-color: rgba(0, 0, 0, 0.2);
--gnome-urlbar-box-shadow: 0 3px 6px 1px rgba(0,0,0, .2), 0 5px 16px 3px rgba(0,0,0, .15), 0 0 0 1px rgba(0, 0, 0, 0.75);
--gnome-urlbar-color: #ffffff;
--gnome-hover-urlbar-border-color: #585858;

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

@ -19,7 +19,7 @@
--gnome-toolbar-color: #2e2e2e;
--gnome-toolbar-icon-fill: #2e2e2e;
--gnome-toolbar-border-color: #cfcfcf;
--gnome-inactive-toolbar-color: rgba(46, 46, 46, 0.65);
--gnome-inactive-toolbar-color: rgba(46, 46, 46, 0.45);
--gnome-inactive-toolbar-background: #f6f5f4;
--gnome-inactive-toolbar-border-color: #dadada;

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

@ -32,7 +32,7 @@ toolbarspring {
.urlbar-input-container {
border: none !important;
padding: 0 3px !important;
background: transparent !important;
background: none !important;
}
#urlbar:-moz-window-inactive {
@ -46,6 +46,10 @@ toolbarspring {
z-index: 5 !important;
padding: 0 !important;
border-radius: 8px !important;
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-moz-outline-radius: 8px;
transition: outline 100ms ease-out;
}
#urlbar[breakout][breakout-extend][open] {
@ -120,7 +124,7 @@ toolbarspring {
--toolbarbutton-active-background: var(--gnome-button-hover-background) !important;
--toolbarbutton-hover-background: var(--gnome-button-active-background) !important;
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
background-image: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-left-width: 0 !important;
@ -133,7 +137,7 @@ toolbarspring {
}
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
background: var(--gnome-button-hover-background) !important;
background-image: var(--gnome-button-hover-background) !important;
color: unset !important;
}

23
src/other/firefox/common/parts/buttons.css
View File

@ -44,7 +44,7 @@ button.close:not(.ghost-button),
#editBMPanel_newFolderButton,
button.customizationmode-button {
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
background-image: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-bottom-color) !important;
@ -55,6 +55,7 @@ button.customizationmode-button {
min-height: 28px !important;
min-width: 28px !important;
color: var(--gnome-toolbar-color) !important;
background-clip: padding-box;
transition: all 200ms;
}
@ -65,7 +66,7 @@ button.customizationmode-button {
menulist {
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
background-image: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-bottom-color) !important;
@ -165,7 +166,7 @@ menulist:hover .menulist-label-box,
.permission-popup-permission-remove-button:hover,
button.customizationmode-button:hover {
outline: 0 !important;
background: var(--gnome-button-hover-background) !important;
background-image: var(--gnome-button-hover-background) !important;
}
/* Active buttons */
@ -202,7 +203,7 @@ menulist[open] .menulist-label-box,
.dialog-button-box button:active,
.permission-popup-permission-remove-button:active,
button.customizationmode-button:active {
background: var(--gnome-button-active-background) !important;
background-image: var(--gnome-button-active-background) !important;
box-shadow: var(--gnome-button-active-box-shadow) !important;
border-color: var(--gnome-button-active-border-color) !important;
}
@ -212,7 +213,7 @@ button.customizationmode-button:active {
#appMenu-popup .toolbaritem-combined-buttons toolbarbutton[disabled],
#context-navigation menuitem[disabled],
button.customizationmode-button[disabled] {
background: var(--gnome-button-disabled-background) !important;
background-image: var(--gnome-button-disabled-background) !important;
border-color: var(--gnome-button-disabled-border-color) !important;
box-shadow: var(--gnome-button-disabled-box-shadow) !important;
opacity: 1 !important;
@ -235,7 +236,7 @@ button.customizationmode-button[disabled] {
#sidebar-switcher-target:-moz-window-inactive,
#viewButton:-moz-window-inactive,
.notification-button:-moz-window-inactive {
background: var(--gnome-inactive-button-background) !important;
background-image: var(--gnome-inactive-button-background) !important;
box-shadow: var(--gnome-inactive-button-box-shadow) !important;
border-color: var(--gnome-inactive-button-border-color) !important;
}
@ -321,7 +322,7 @@ button.popup-notification-primary-button,
#editBookmarkPanelDoneButton,
#tracking-action-block {
color: white !important;
background: var(--gnome-button-suggested-action-background) !important;
background-image: var(--gnome-button-suggested-action-background) !important;
border-color: var(--gnome-button-suggested-action-border-color) !important;
border-bottom-color: var(--gnome-button-suggested-action-border-accent-color) !important;
box-shadow: var(--gnome-button-suggested-action-box-shadow) !important;
@ -337,7 +338,7 @@ button.popup-notification-primary-button:hover,
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
button.popup-notification-primary-button:active,
#editBookmarkPanelDoneButton:active {
background: var(--gnome-button-suggested-action-active-background) !important;
background-image: var(--gnome-button-suggested-action-active-background) !important;
border-color: var(--gnome-button-suggested-action-active-border-color) !important;
box-shadow: var(--gnome-button-suggested-action-active-box-shadow) !important;
text-shadow: none !important;
@ -349,7 +350,7 @@ button.popup-notification-primary-button:active,
.identity-popup-permission-remove-button,
#PanelUI-panic-view-button {
color: white !important;
background: var(--gnome-button-destructive-action-background) !important;
background-color: var(--gnome-button-destructive-action-background) !important;
border-color: var(--gnome-button-destructive-action-border-color) !important;
border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important;
box-shadow: var(--gnome-button-destructive-action-box-shadow) !important;
@ -359,13 +360,13 @@ button.popup-notification-primary-button:active,
#editBookmarkPanelRemoveButton:hover,
.identity-popup-permission-remove-button:not(#hack):hover,
#PanelUI-panic-view-button:hover {
background: var(--gnome-button-destructive-action-hover-background) !important;
background-image: var(--gnome-button-destructive-action-hover-background) !important;
}
#editBookmarkPanelRemoveButton:active,
.identity-popup-permission-remove-button:not(#hack):active,
#PanelUI-panic-view-button:active {
background: var(--gnome-button-destructive-action-active-background) !important;
background-image: var(--gnome-button-destructive-action-active-background) !important;
border-color: var(--gnome-button-destructive-action-active-border-color) !important;
box-shadow: var(--gnome-button-destructive-action-active-box-shadow) !important;
}

35
src/other/firefox/common/parts/entries.css
View File

@ -5,12 +5,13 @@
/* Entries */
#searchbar,
#search-box,
.findbar-textbox,
#loginTextbox,
#password1Textbox {
-moz-appearance: none !important;
background: var(--gnome-urlbar-background) !important;
background-color: var(--gnome-urlbar-background) !important;
border: 1px solid var(--gnome-urlbar-border-color) !important;
outline: 2px solid transparent;
outline-offset: -2px;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--gnome-urlbar-color) !important;
@ -18,19 +19,17 @@
max-height: 28px !important;
margin: 0 !important;
padding: 6px !important;
box-sizing: border-box;
box-sizing: padding-box;
background-clip: padding-box !important;
transition: outline 100ms ease-out;
}
/* Entries focused */
#urlbar[breakout][breakout-extend],
#searchbar:focus-within,
#search-box[focused],
/*.findbar-textbox[focused],*/
/*.findbar-textbox:focus,*/
#search-box[focused],
#loginTextbox:focus,
#password1Textbox:focus {
border: none !important;
border: 1px solid transparent !important;
border-radius: 8px !important;
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
@ -38,34 +37,16 @@
transition: outline 100ms ease-out;
}
.findbar-textbox[focused],
.findbar-textbox:focus {
outline: none !important;
box-shadow: inset 0 0 0 1px var(--gnome-focused-urlbar-border-color) !important;
border: 1px solid var(--gnome-focused-urlbar-border-color) !important;
}
/* Inactive window entries */
#searchbar:-moz-window-inactive,
#search-box:-moz-window-inactive,
.findbar-textbox:-moz-window-inactive,
#loginTextbox:-moz-window-inactive,
#password1Textbox:-moz-window-inactive {
background: var(--gnome-inactive-urlbar-background) !important;
background-color: var(--gnome-inactive-urlbar-background) !important;
border-color: var(--gnome-inactive-urlbar-border-color) !important;
color: var(--gnome-inactive-urlbar-color) !important;
}
/* Entries combined */
.findbar-textbox:not(.minimal) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
border-right-width: 0 !important;
}
.findbar-textbox:not(.minimal)[focused], .findbar-textbox:not(.minimal):focus {
-moz-outline-radius: 8px 0 0 8px !important;
}
/* Entries fixes */
#urlbar-container, #search-container {
padding: 0 !important;

43
src/other/firefox/common/parts/findbar.css
View File

@ -33,15 +33,58 @@ hbox[anonid="findbar-textbox-wrapper"] {
order: -1;
padding: 7px 0;
}
.findbar-find-status {
padding-left: 6px;
flex: 1;
}
.findbar-textbox {
-moz-appearance: none !important;
background-color: var(--gnome-urlbar-background) !important;
border: 1px solid var(--gnome-button-border-color) !important;
outline: 2px solid transparent;
outline-offset: -2px;
border-radius: 8px !important;
box-shadow: none !important;
color: var(--gnome-urlbar-color) !important;
height: 28px !important;
max-height: 28px !important;
margin: 0 !important;
padding: 6px !important;
box-sizing: padding-box;
transition: outline 100ms ease-out;
background-clip: padding-box !important;
}
.findbar-textbox[focused],
.findbar-textbox:focus {
outline: none !important;
box-shadow: inset 0 0 0 1px var(--gnome-focused-urlbar-border-color) !important;
border: 1px solid var(--gnome-focused-urlbar-border-color) !important;
}
.findbar-textbox:-moz-window-inactive {
background-color: var(--gnome-inactive-urlbar-background) !important;
border-color: var(--gnome-inactive-urlbar-border-color) !important;
color: var(--gnome-inactive-urlbar-color) !important;
}
.findbar-textbox:focus + .findbar-find-previous {
border-left-color: var(--gnome-focused-urlbar-border-color) !important;
}
/* Entries combined */
.findbar-textbox:not(.minimal) {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
.findbar-textbox:not(.minimal)[focused],
.findbar-textbox:not(.minimal):focus {
-moz-outline-radius: 8px 0 0 8px !important;
}
.findbar-highlight, .findbar-case-sensitive, .findbar-match-diacritics, .findbar-entire-word, .findbar-label {
margin: 0 3px !important;
font-size: 0.9em !important;

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

@ -65,11 +65,12 @@ menuitem[type="radio"] image {
}
}
menuitem[disabled="true"],
menupopup menu[disabled="true"],
menuitem[disabled="true"]:hover,
menupopup menu[disabled="true"]:hover {
background: transparent !important;
background-image: none !important;
background-color: transparent !important;
color: var(--gnome-inactive-toolbar-color) !important;
}
/* Bookmarks Folder Popup */
@ -99,7 +100,7 @@ panel:not([remote]), #BMB_bookmarksPopup {
panel[type="arrow"] {
appearance: none !important;
background-color: transparent !important;
margin: 10px -18px 0 !important;
margin: 0 -18px !important;
}
/* Style popovers */
@ -205,21 +206,40 @@ menuitem, menupopup menu,
opacity: 0.5 !important;
}
.subviewbutton {
@media not (prefers-contrast) {
&[shortcut]:not([disabled])::after {
color: var(--gnome-toolbar-color) !important;
opacity: 0.5 !important;
}
}
}
.bookmark-item .menu-right {
fill-opacity: 1 !important;
}
/* Menu buttons disabled */
menuitem[disabled="true"], menupopup menu[disabled="true"],
.subviewbutton[disabled="true"], .toolbarbutton-1[disabled="true"],
.subviewbutton[disabled="true"],
.subviewbutton:not(#appMenu-fxa-label2)[disabled="true"],
.toolbarbutton-1[disabled="true"],
.protections-popup-category[disabled="true"],
.identity-popup-content-blocking-category[disabled="true"] {
opacity: 0.5 !important;
/* color: var(--gnome-inactive-toolbar-color) !important;*/
opacity: 1 !important;
color: var(--gnome-inactive-toolbar-color) !important;
background-image: none !important;
background-color: transparent !important;
border-color: var(--gnome-button-disabled-border-color) !important;
box-shadow: none !important;
}
menuitem[disabled="true"] {
background-image: var(--gnome-button-disabled-background) !important;
}
menuitem[disabled="true"][_moz-menuactive], menupopup menu[disabled="true"][_moz-menuactive] {
background: none !important;
background-image: none !important;
}
/* Menu buttons hover */
@ -232,7 +252,7 @@ menupopup menu:not([disabled="true"]):is(:hover, [_moz-menuactive]),
.identity-popup-content-blocking-category:not([disabled="true"]):hover,
#PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]),
#downloadsPanel-mainView .download-state:hover {
background: var(--gnome-popover-button-hover-background) !important;
background-color: var(--gnome-popover-button-hover-background) !important;
}
/* Menu buttons active */
@ -245,7 +265,7 @@ menupopup menu:not([disabled="true"]):is(:active, [_moz-menuactive]),
.identity-popup-content-blocking-category:not([disabled="true"]):active,
#PlacesToolbar .bookmark-item:is(:active, [open], [_moz-menuactive]),
#downloadsPanel-mainView .download-state:active {
background: var(--gnome-popover-button-active-background) !important;
background-color: var(--gnome-popover-button-active-background) !important;
}
/* Style popover separators */

2
src/other/firefox/userChrome-Monterey-alt.css
View File

@ -3,7 +3,7 @@
* Add "/*" at the begining of "@import" line to DISABLE.
*/
@import "Monterey/theme-alt-adaptive.css"; /**/
@import "Monterey/theme-alt.css"; /**/
/*--------------Configure common theme features--------------*/