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

Update

Browse Source
This commit is contained in:
vinceliuice 2023-06-15 09:46:38 +08:00
parent 3f2edf9fd5
commit a7dae52f98
12 changed files with 206 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/other/firefox/Monterey/colors/dark.css
View File

@ -11,6 +11,8 @@
--gnome-browser-before-load-background: #242424;
--gnome-browser-content-box-background: #323232;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Toolbars */
--gnome-toolbar-background: #373737;
@ -84,7 +86,7 @@
/* URL bar */
--gnome-urlbar-background: #505050;
--gnome-urlbar-border-color: #282828;
--gnome-urlbar-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0);
--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;
--gnome-inactive-urlbar-background: #424242;

4
src/other/firefox/Monterey/colors/light.css
View File

@ -10,6 +10,8 @@
--gnome-browser-before-load-background: #f5f5f5;
--gnome-browser-content-box-background: #ffffff;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Toolbars */
--gnome-toolbar-background: #ffffff;
@ -83,7 +85,7 @@
/* URL bar */
--gnome-urlbar-background: #e8e8e8;
--gnome-urlbar-border-color: #b6b6b6;
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03);
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
--gnome-urlbar-color: #020202;
--gnome-hover-urlbar-border-color: #dddddd;
--gnome-inactive-urlbar-background: #eeeeee;

5
src/other/firefox/Monterey/theme-alt.css
View File

@ -27,3 +27,8 @@
content: "Firefox Monterey theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
}

5
src/other/firefox/Monterey/theme.css
View File

@ -27,3 +27,8 @@
content: "Firefox Monterey theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
}

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

@ -10,6 +10,8 @@
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #242424;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Toolbars */
--gnome-toolbar-background: #373737;
@ -78,13 +80,13 @@
--gnome-button-destructive-action-active-border-color: #851015;
--gnome-button-destructive-action-active-box-shadow: inset 0 1px rgba(255, 255, 255, 0);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-hover-background: rgba(255, 255, 255, 0.1);
--gnome-headerbar-button-active-background: rgba(255, 255, 255, 0.15);
/* URL bar */
--gnome-urlbar-background: #464646;
--gnome-urlbar-border-color: #282828;
--gnome-urlbar-box-shadow: inset 0 0 0 1px rgba(21, 83, 158, 0);
--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;
--gnome-inactive-urlbar-background: #383838;

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

@ -9,6 +9,8 @@
/* Browser area before a page starts loading */
--gnome-browser-before-load-background: #f5f5f5;
--theme-primary-color: #315bef;
--theme-primary-hover-color: #5073f1;
--theme-primary-active-color: #6584f3;
/* Toolbars */
--gnome-toolbar-background: #ffffff;
@ -82,7 +84,7 @@
/* URL bar */
--gnome-urlbar-background: #f5f5f5;
--gnome-urlbar-border-color: #b6b6b3;
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03);
--gnome-urlbar-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.08), 0 5px 8px rgba(0, 0, 0, 0.05), 0 8px 16px rgba(0, 0, 0, 0.03), 0 0 0 1px rgba(0,0,0, 0.12);
--gnome-urlbar-color: #020202;
--gnome-hover-urlbar-border-color: #e5e5e5;
--gnome-inactive-urlbar-background: #f0f0f0;

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

@ -16,13 +16,9 @@ toolbarspring {
/* URL bar */
#urlbar {
/* margin-top: 0 !important;*/
box-shadow: none !important;
background: var(--gnome-popover-background) !important;
border-radius: 8px !important;
border: none !important;
padding: 0 !important;
}
#urlbar-background {
box-shadow: none !important;
border: 0 !important;
@ -38,28 +34,27 @@ toolbarspring {
#urlbar #urlbar-input-container {
padding: 0 !important;
}
#urlbar[breakout][breakout-extend] {
left: 0 !important;
top: 0 !important;
width: 100% !important;
z-index: 5 !important;
padding: 0 !important;
border-radius: 10px !important;
border-radius: 8px !important;
}
#urlbar[breakout][breakout-extend][open] {
height: auto !important;
max-height: unset !important;
}
#urlbar[breakout][breakout-extend] #urlbar-input-container {
height: 32px !important;
max-height: 32px !important;
padding: 0 !important;
}
#urlbar[breakout][breakout-extend][open] #urlbar-background {
box-shadow: var(--gnome-urlbar-box-shadow) !important;
}
#urlbar-input {
text-align: center !important;
padding: 0 28px 0 0 !important;
@ -67,10 +62,20 @@ toolbarspring {
/* URL bar results */
.urlbarView {
background: transparent !important;
background: var(--gnome-popover-background) !important;
color: var(--gnome-toolbar-color) !important;
margin: 0 !important;
margin: 6px 0 0 0 !important;
width: 100% !important;
position: absolute !important;
box-shadow: var(--gnome-urlbar-box-shadow) !important;
border-radius: 12px !important;
border: 0 !important;
}
@media (prefers-color-scheme: dark) {
.urlbarView {
border: 1px solid rgba(255, 255, 255, 0.1) !important;
}
}
.urlbarView-body-outer {
@ -78,7 +83,7 @@ toolbarspring {
--item-padding-end: 0 !important;
max-height: 40vh !important;
overflow-x: auto;
padding: 0 8px !important;
padding: 0 6px !important;
}
.urlbarView-body-inner {
@ -88,19 +93,22 @@ toolbarspring {
.urlbarView-row-inner, .urlbarView-no-wrap {
align-items: center !important;
}
.urlbarView-row-inner {
padding-block: 5px !important;
border-radius: 5px !important;
}
.urlbarView-action {
background: transparent !important;
}
/* Search engines buttons */
.search-one-offs {
margin: 0 0 2px !important;
padding: 8px !important;
background: var(--gnome-popover-background) !important;
border-top: 1px solid var(--gnome-button-border-color) !important;
border-top: 1px solid var(--gnome-toolbar-border-color) !important;
border-radius: 0 0 8px 8px !important;
}
@ -119,10 +127,12 @@ toolbarspring {
margin: 0 !important;
border-radius: 0 !important;
}
.searchbar-engine-one-off-item:hover, .searchbar-engine-one-off-item[selected] {
background: var(--gnome-button-hover-background) !important;
color: unset !important;
}
.searchbar-engine-one-off-item:first-child {
border-radius: 5px 0 0 5px !important;
border-left-width: 1px !important;
@ -143,9 +153,11 @@ toolbarspring {
#urlbar[focused] .urlbar-textbox-container {
margin: -1px !important;
}
#searchbar > .searchbar-textbox[focused] .searchbar-search-button {
margin-left: -1px !important;
}
#searchbar > .searchbar-textbox[focused] .search-go-button {
margin-right: -1px !important;
}

5
src/other/firefox/WhiteSur/theme.css
View File

@ -28,3 +28,8 @@
content: "Firefox WhiteSur theme";
padding: 10px 10px 10px 50px;
}
#customization-container {
background-color: var(--gnome-browser-before-load-background) !important;
color: var(--gnome-toolbar-color) !important;
}

4
src/other/firefox/common/pages/newtab.css
View File

@ -8,6 +8,10 @@ body {
--newtab-primary-element-text-color: #ffffff !important;
}
.modalOverlayOuter {
background: color-mix(in srgb, var(--gnome-browser-before-load-background) 80%, transparent) !important;
}
.context-menu {
background: var(--gnome-menu-background) !important;
border-radius: 12px !important;

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

@ -28,8 +28,8 @@
}
#protections-popup-tp-switch::before {
position: absolute !important;
top: 0px;
left: 0px;
top: -1px;
left: -1px;
background: var(--gnome-switch-slider-background) !important;
border: 1px solid var(--gnome-switch-slider-border-color) !important;
box-shadow: var(--gnome-switch-slider-box-shadow);

151
src/other/firefox/common/parts/dialogs.css
View File

@ -13,6 +13,7 @@ window {
justify-content: center;
grid-auto-rows: min(90%, var(--doc-height-px));
}
.dialogOverlay[topmost="true"]:not(.dialogOverlay-window-modal-dialog-subdialog), #window-modal-dialog::backdrop {
background-color: rgba(0, 0, 0, .5) !important;
}
@ -98,15 +99,6 @@ dialog[subdialog] {
display: none;
}
/* Buttons borders - only suppor for cancel/ok */
/*.dialog-button-box button[dlgtype="accept"] {*/
/* border-right: 0 !important;*/
/* border-left: 0 !important;*/
/*}*/
/*.dialog-button-box button[dlgtype="cancel"]:not(#hack) {*/
/* border-left: 0 !important;*/
/*}*/
/* Hadler dialog */
#os-default-handler image {
display: none !important;
@ -114,3 +106,144 @@ dialog[subdialog] {
#os-default-handler .name {
font-weight: normal !important;
}
/* Print dialog */
:root[dialogroot], :host(dialog) {
--in-content-page-background: var(--gnome-toolbar-background) !important;
}
#editBookmarkPanelContent > input,
#editBookmarkPanelContent > hbox > input {
padding: 0 12px !important;
min-height: 26px !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
background-color: #ffffff !important;
border-radius: 8px !important;
}
#editBookmarkPanelContent > input:focus-visible,
#editBookmarkPanelContent > hbox > input:focus-visible {
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-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;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-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;
min-height: 28px !important;
border-radius: 8px !important;
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
color: var(--gnome-toolbar-color) !important;
}
#print-button.primary {
background-color: var(--theme-primary-color) !important;
color: #ffffff !important;
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;
}
.toggle-group-label {
border: 1px solid var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
}
.toggle-group-label:first-of-type {
border-start-start-radius: 8px !important;
border-end-start-radius: 8px !important;
}
.toggle-group-label:last-of-type {
border-end-end-radius: 8px !important;
border-start-end-radius: 8px !important;
border-left: none !important;
}
.toggle-group-input:enabled:checked + .toggle-group-label {
background-color: var(--theme-primary-color) !important;
color: #ffffff !important;
border-color: var(--theme-primary-color) !important;
}
.toggle-group-input:enabled:checked + .toggle-group-label:hover {
background-color: var(--theme-primary-hover-color) !important;
color: #ffffff !important;
}
@media (prefers-color-scheme: dark) {
#editBookmarkPanelContent > input,
#editBookmarkPanelContent > hbox > input {
background-color: #666666 !important;
}
#cancel-button,
#print-button.primary {
box-shadow: var(--gnome-button-box-shadow) !important;
}
#print-button.primary {
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
}
.toggle-group-label {
box-shadow: var(--gnome-button-box-shadow) !important;
}
.toggle-group-input:enabled:checked + .toggle-group-label {
border-color: var(--gnome-button-border-color) !important;
border-bottom-color: var(--gnome-button-border-accent-color) !important;
}
:root[dialogroot] select,
:host(dialog) select {
background-color: #666666 !important;
}
:root[dialogroot] select:not([disabled]):hover,
:host(dialog) select:not([disabled]):hover {
background-color: #777777 !important;
}
:root[dialogroot] select:not([disabled]):active,
:host(dialog) select:not([disabled]):active {
background-color: #888888 !important;
}
}

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

@ -19,7 +19,7 @@
margin: 0 !important;
padding: 6px !important;
box-sizing: border-box;
transition: all 100ms;
transition: outline 100ms ease-out;
}
/* Entries focused */
@ -30,10 +30,12 @@
/*.findbar-textbox:focus,*/
#loginTextbox:focus,
#password1Textbox:focus {
border: none !important;
border-radius: 8px !important;
outline: 2px solid var(--gnome-focused-urlbar-border-color) !important;
outline-offset: -2px;
-moz-outline-radius: 8px;
transition: all 100ms;
transition: outline 100ms ease-out;
}
.findbar-textbox[focused],