fix header bar buttons' border-bottom

This commit is contained in:
Sai Kurogetsu 2017-12-15 18:02:20 +00:00
parent fe606effbb
commit 1145b9964d
5 changed files with 5 additions and 3 deletions

View File

@ -16,7 +16,7 @@
#nav-bar #stop-button, #nav-bar #stop-button,
#PanelUI-menu-button { #PanelUI-menu-button {
border: var(--gnome-headerbar-button-border) !important; border: var(--gnome-headerbar-button-border) !important;
border-bottom-color: var(--gnome-headerbar-button-bottom-border-color) !important; border-bottom: var(--gnome-headerbar-button-border-bottom) !important;
border-radius: 3px !important; border-radius: 3px !important;
height: 34px; height: 34px;
margin: 6px 3px !important; margin: 6px 3px !important;

View File

@ -21,6 +21,7 @@
--gnome-headerbar-box-shadow: 0 -1px rgb(45, 50, 50) inset, 0 1px rgba(238, 238, 236, .1) inset; --gnome-headerbar-box-shadow: 0 -1px rgb(45, 50, 50) inset, 0 1px rgba(238, 238, 236, .1) inset;
--gnome-headerbar-button-bgimage: linear-gradient(rgb(69, 76, 76), rgb(57, 63, 63) 40%, rgb(45, 50, 50)); --gnome-headerbar-button-bgimage: linear-gradient(rgb(69, 76, 76), rgb(57, 63, 63) 40%, rgb(45, 50, 50));
--gnome-headerbar-button-border: 1px solid rgba(28, 31, 31); --gnome-headerbar-button-border: 1px solid rgba(28, 31, 31);
--gnome-headerbar-button-border-bottom: var(--gnome-headerbar-button-border);
--gnome-headerbar-button-box-shadow: 0 1px rgba(255, 255, 255, .1) inset, 0 1px rgba(238, 238, 236, .1); --gnome-headerbar-button-box-shadow: 0 1px rgba(255, 255, 255, .1) inset, 0 1px rgba(238, 238, 236, .1);
--gnome-headerbar-button-hover-bgimage: linear-gradient(rgb(91, 100, 100), rgb(67, 73, 73) 40%, rgb(55, 60, 60)); --gnome-headerbar-button-hover-bgimage: linear-gradient(rgb(91, 100, 100), rgb(67, 73, 73) 40%, rgb(55, 60, 60));
--gnome-headerbar-button-active-bgimage: linear-gradient(rgb(35, 39, 39), rgb(41, 45, 45) 40%, rgb(45, 50, 50)); --gnome-headerbar-button-active-bgimage: linear-gradient(rgb(35, 39, 39), rgb(41, 45, 45) 40%, rgb(45, 50, 50));

View File

@ -21,6 +21,7 @@
--gnome-headerbar-box-shadow: 0 -1px rgb(217, 217, 217) inset, 0 1px #fff inset; --gnome-headerbar-box-shadow: 0 -1px rgb(217, 217, 217) inset, 0 1px #fff inset;
--gnome-headerbar-button-bgimage: linear-gradient(rgb(250, 250, 250), rgb(237, 237, 237) 40%, rgb(224, 224, 224)); --gnome-headerbar-button-bgimage: linear-gradient(rgb(250, 250, 250), rgb(237, 237, 237) 40%, rgb(224, 224, 224));
--gnome-headerbar-button-border: 1px solid rgba(161, 161, 161); --gnome-headerbar-button-border: 1px solid rgba(161, 161, 161);
--gnome-headerbar-button-border-bottom: var(--gnome-headerbar-button-border);
--gnome-headerbar-button-box-shadow: 0 1px #fff inset, 0 1px #fff; --gnome-headerbar-button-box-shadow: 0 1px #fff inset, 0 1px #fff;
--gnome-headerbar-button-hover-bgimage: linear-gradient(#fff, rgb(247, 247, 247) 40%, rgb(237, 237, 237)); --gnome-headerbar-button-hover-bgimage: linear-gradient(#fff, rgb(247, 247, 247) 40%, rgb(237, 237, 237));
--gnome-headerbar-button-active-bgimage: linear-gradient(rgb(214, 214, 214), rgb(220, 220, 220) 40%, rgb(224, 224, 224)); --gnome-headerbar-button-active-bgimage: linear-gradient(rgb(214, 214, 214), rgb(220, 220, 220) 40%, rgb(224, 224, 224));

View File

@ -21,7 +21,7 @@
--gnome-headerbar-box-shadow:inset 0 1px rgba(238, 238, 236, 0.07); --gnome-headerbar-box-shadow:inset 0 1px rgba(238, 238, 236, 0.07);
--gnome-headerbar-button-bgimage: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b); --gnome-headerbar-button-bgimage: linear-gradient(to bottom, #2e3436, #2a2e30 60%, #25292b);
--gnome-headerbar-button-border: 1px solid #1b1f20; --gnome-headerbar-button-border: 1px solid #1b1f20;
--gnome-headerbar-button-bottom-border-color: #0b0c0c; --gnome-headerbar-button-border-bottom: 1px solid #0b0c0c;
--gnome-headerbar-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05); --gnome-headerbar-button-box-shadow: inset 0 1px rgba(255, 255, 255, 0.05);
--gnome-headerbar-button-hover-bgimage: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30); --gnome-headerbar-button-hover-bgimage: linear-gradient(to bottom, #353c3e, #2e3436 60%, #2a2e30);
--gnome-headerbar-button-active-bgimage: linear-gradient(#25292b, #25292b); --gnome-headerbar-button-active-bgimage: linear-gradient(#25292b, #25292b);

View File

@ -109,7 +109,7 @@ tabbrowser tabpanels {
#nav-bar #stop-button, #nav-bar #stop-button,
#PanelUI-menu-button { #PanelUI-menu-button {
border: var(--gnome-headerbar-button-border) !important; border: var(--gnome-headerbar-button-border) !important;
border-bottom-color: var(--gnome-headerbar-button-bottom-border-color) !important; border-bottom: var(--gnome-headerbar-button-border-bottom) !important;
border-radius: 3px !important; border-radius: 3px !important;
height: 34px; height: 34px;
margin: 4px 3px !important; margin: 4px 3px !important;