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

View File

@ -36,10 +36,10 @@
/* Popups */ /* Popups */
--gnome-menu-background: color-mix(in srgb, var(--toolbar-field-focus-background-color) 95%, transparent); --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-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-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 rgba(0, 0, 0, 0.75); --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-hover-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent); --gnome-popover-button-active-background: color-mix(in srgb, currentColor 15%, transparent);
--gnome-popover-separator-color: color-mix(in srgb, currentColor 8%, 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-color: var(--toolbar-color, #ffffff);
--gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent); --gnome-urlbar-background: color-mix(in srgb, currentColor 10%, transparent);
--gnome-urlbar-border-color: 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-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-background: color-mix(in srgb, currentColor 5%, transparent);
--gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent); --gnome-inactive-urlbar-border-color: color-mix(in srgb, currentColor 10%, transparent);

View File

@ -17,12 +17,17 @@ toolbarspring {
min-width: 360px !important; min-width: 360px !important;
} }
#urlbar-background { #urlbar[breakout][breakout-extend] {
box-shadow: none !important; left: 0 !important;
border: 0 !important; top: 0 !important;
background: transparent !important; width: 100% !important;
border-radius: 8px !important; z-index: 5 !important;
padding: 0 !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 { #urlbar:-moz-window-inactive {

View File

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

View File

@ -20,14 +20,15 @@
--gnome-toolbar-color: #ffffff; --gnome-toolbar-color: #ffffff;
--gnome-toolbar-icon-fill: #ffffff; --gnome-toolbar-icon-fill: #ffffff;
--gnome-toolbar-border-color: #070707; --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-background: #313131;
--gnome-inactive-toolbar-border-color: #121212; --gnome-inactive-toolbar-border-color: #121212;
/* Sidebar */ /* Sidebar */
--sidebar-background-color: #323232 !important;
--gnome-sidebar-background: #3b3b3b; --gnome-sidebar-background: #3b3b3b;
--gnome-inactive-sidebar-background: #3f3f3f; --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 */ /* Popups */
--gnome-menu-background: rgba(51, 51, 51, 0.95); --gnome-menu-background: rgba(51, 51, 51, 0.95);
@ -49,21 +50,21 @@
/* Buttons */ /* Buttons */
--gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%); --gnome-button-background: linear-gradient(to top, #636363 0%, #696969 100%);
--gnome-button-border-color: #282828; --gnome-button-border-color: rgba(0, 0, 0, 0.2);
--gnome-button-border-bottom-color: #282828; --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-box-shadow: inset 0 1px rgba(255, 255, 255, 0.1);
--gnome-button-hover-color: 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-active-color: rgba(255, 255, 255, 0.2);
--gnome-button-hover-background: linear-gradient(to top, #707070 0%, #737373 100%); --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-background: linear-gradient(to top, #808080 0%, #858585 100%);
--gnome-button-active-border-color: #1b1b1b; --gnome-button-active-border-color: rgba(0, 0, 0, 0.25);
--gnome-button-active-border-bottom-color: #1b1b1b; --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-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-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-button-disabled-box-shadow: inset 0 1px rgba(255, 255, 255, 0.03);
--gnome-inactive-button-background: linear-gradient(#383838, #383838); --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-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-background: linear-gradient(to top, #155099 2px, #15539e);
--gnome-button-suggested-action-border-color: #0f3b71; --gnome-button-suggested-action-border-color: #0f3b71;
@ -88,7 +89,7 @@
/* URL bar */ /* URL bar */
--gnome-urlbar-background: #464646; --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-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-urlbar-color: #ffffff;
--gnome-hover-urlbar-border-color: #585858; --gnome-hover-urlbar-border-color: #585858;

View File

@ -19,7 +19,7 @@
--gnome-toolbar-color: #2e2e2e; --gnome-toolbar-color: #2e2e2e;
--gnome-toolbar-icon-fill: #2e2e2e; --gnome-toolbar-icon-fill: #2e2e2e;
--gnome-toolbar-border-color: #cfcfcf; --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-background: #f6f5f4;
--gnome-inactive-toolbar-border-color: #dadada; --gnome-inactive-toolbar-border-color: #dadada;

View File

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

View File

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

View File

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

View File

@ -33,15 +33,58 @@ hbox[anonid="findbar-textbox-wrapper"] {
order: -1; order: -1;
padding: 7px 0; padding: 7px 0;
} }
.findbar-find-status { .findbar-find-status {
padding-left: 6px; padding-left: 6px;
flex: 1; 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 { .findbar-textbox:focus + .findbar-find-previous {
border-left-color: var(--gnome-focused-urlbar-border-color) !important; 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 { .findbar-highlight, .findbar-case-sensitive, .findbar-match-diacritics, .findbar-entire-word, .findbar-label {
margin: 0 3px !important; margin: 0 3px !important;
font-size: 0.9em !important; font-size: 0.9em !important;

View File

@ -65,11 +65,12 @@ menuitem[type="radio"] image {
} }
} }
menuitem[disabled="true"],
menupopup menu[disabled="true"], menupopup menu[disabled="true"],
menuitem[disabled="true"]:hover, menuitem[disabled="true"]:hover,
menupopup menu[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 */ /* Bookmarks Folder Popup */
@ -99,7 +100,7 @@ panel:not([remote]), #BMB_bookmarksPopup {
panel[type="arrow"] { panel[type="arrow"] {
appearance: none !important; appearance: none !important;
background-color: transparent !important; background-color: transparent !important;
margin: 10px -18px 0 !important; margin: 0 -18px !important;
} }
/* Style popovers */ /* Style popovers */
@ -205,21 +206,40 @@ menuitem, menupopup menu,
opacity: 0.5 !important; 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 { .bookmark-item .menu-right {
fill-opacity: 1 !important; fill-opacity: 1 !important;
} }
/* Menu buttons disabled */ /* Menu buttons disabled */
menuitem[disabled="true"], menupopup menu[disabled="true"], 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"], .protections-popup-category[disabled="true"],
.identity-popup-content-blocking-category[disabled="true"] { .identity-popup-content-blocking-category[disabled="true"] {
opacity: 0.5 !important; opacity: 1 !important;
/* color: var(--gnome-inactive-toolbar-color) !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] { menuitem[disabled="true"][_moz-menuactive], menupopup menu[disabled="true"][_moz-menuactive] {
background: none !important; background-image: none !important;
} }
/* Menu buttons hover */ /* 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, .identity-popup-content-blocking-category:not([disabled="true"]):hover,
#PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]), #PlacesToolbar .bookmark-item:is(:hover, [open], [_moz-menuactive]),
#downloadsPanel-mainView .download-state:hover { #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 */ /* 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, .identity-popup-content-blocking-category:not([disabled="true"]):active,
#PlacesToolbar .bookmark-item:is(:active, [open], [_moz-menuactive]), #PlacesToolbar .bookmark-item:is(:active, [open], [_moz-menuactive]),
#downloadsPanel-mainView .download-state:active { #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 */ /* Style popover separators */

View File

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