This commit is contained in:
vinceliuice 2023-05-27 00:18:06 +08:00
parent c26f6dfc59
commit 7c0e9731c4
4 changed files with 10 additions and 17 deletions

View file

@ -9,6 +9,7 @@
:root { :root {
/* Browser area before a page starts loading */ /* Browser area before a page starts loading */
--gnome-browser-before-load-background: #242424; --gnome-browser-before-load-background: #242424;
--gnome-browser-content-box-background: #323232;
--theme-primary-color: #315bef; --theme-primary-color: #315bef;
/* Toolbars */ /* Toolbars */
@ -54,8 +55,8 @@
--gnome-button-active-border-color: #1b1b1b; --gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-accent-color: #1b1b1b; --gnome-button-active-border-accent-color: #1b1b1b;
--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: #505050; --gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
--gnome-button-disabled-border-color: #323232; --gnome-button-disabled-border-color: #282828;
--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: #323232;

View file

@ -8,6 +8,7 @@
:root { :root {
/* Browser area before a page starts loading */ /* Browser area before a page starts loading */
--gnome-browser-before-load-background: #f5f5f5; --gnome-browser-before-load-background: #f5f5f5;
--gnome-browser-content-box-background: #ffffff;
--theme-primary-color: #315bef; --theme-primary-color: #315bef;
/* Toolbars */ /* Toolbars */

View file

@ -55,7 +55,7 @@
--gnome-button-active-border-color: #1b1b1b; --gnome-button-active-border-color: #1b1b1b;
--gnome-button-active-border-accent-color: #1b1b1b; --gnome-button-active-border-accent-color: #1b1b1b;
--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, rgba(#636363, 0.45) 0%, rgba(#696969, 0.45) 100%); --gnome-button-disabled-background: linear-gradient(to top, #434343 0%, #494949 100%);
--gnome-button-disabled-border-color: #282828; --gnome-button-disabled-border-color: #282828;
--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);

View file

@ -4,26 +4,19 @@
@namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"; @namespace xul "http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul";
/* Style menus */ /* Style menus */
menupopup, panel, menupopup, panel {
:is(menupopup, panel)[type="arrow"] {
-moz-appearance: none !important; -moz-appearance: none !important;
--panel-background: var(--gnome-menu-background) !important; --panel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important;
--panel-border-radius: 12px !important; --panel-border-radius: 12px !important;
--panel-padding: 6px !important; --panel-padding: 6px !important;
--panel-shadow: var(--gnome-popover-shadow) !important; --panel-shadow: var(--gnome-popover-shadow) !important;
--panel-shadow-margin: 3px 8px 13px !important; --panel-shadow-margin: 3px 8px 13px !important;
--panel-separator-color: var(--gnome-popover-separator-color) !important; --panel-separator-color: var(--gnome-popover-separator-color) !important;
color: var(--gnome-toolbar-color) !important;
}
menupopup, panel,
:is(menupopup, panel)[type="arrow"],
:is(panel, menupopup)::part(content) {
--panel-border-color: transparent !important; --panel-border-color: transparent !important;
--arrowpanel-border-radius: 12px !important;
--arrowpanel-background: var(--gnome-menu-background) !important;
--arrowpanel-border-color: transparent !important; --arrowpanel-border-color: transparent !important;
color: var(--gnome-toolbar-color) !important;
} }
.panel-arrowcontent { .panel-arrowcontent {
@ -31,9 +24,7 @@ menupopup, panel,
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
menupopup, panel, menupopup, panel {
:is(menupopup, panel)[type="arrow"],
:is(panel, menupopup)::part(content) {
--panel-border-color: rgba(255, 255, 255, 0.06) !important; --panel-border-color: rgba(255, 255, 255, 0.06) !important;
--arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important; --arrowpanel-border-color: rgba(255, 255, 255, 0.06) !important;
} }