jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

add more variables for tab close buttons, PR #31 

added:
--gnome-icons-hack-close-button-hover-bgimage
--gnome-icons-hack-close-button-hover-box-shadow
This commit is contained in:
Sai Kurogetsu 2018-04-04 16:00:43 +00:00
parent e7702894de
commit 0eef6cfbce
No known key found for this signature in database
GPG Key ID: 48E52EBE10D57BF6
5 changed files with 11 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/gnome-3.18-dark.css
View File

@ -95,6 +95,8 @@
--gnome-icons-hack-filter: invert(85%); /* without invert: none */
--gnome-icons-hack-close-button-border: 1px solid #e3e0e0; /* without invert: 1px solid #1c1f1f */
--gnome-icons-hack-close-button-filter: invert(100%); /* without invert: none */
--gnome-icons-hack-close-button-hover-bgimage: none; /* without invert: none */
--gnome-icons-hack-close-button-hover-box-shadow: none; /* without invert: none */
--gnome-icons-hack-close-button-active-bgimage: linear-gradient(rgb(220, 216, 216), rgb(214, 210, 210) 40%, rgb(210, 205, 205));
/* ^ without invert: linear-gradient(rgb(35, 39, 39), rgb(41, 45, 45) 40%, rgb(45, 50, 50)) */
--gnome-icons-hack-close-button-active-box-shadow: 0 1px rgba(255, 255, 255, .07) inset, 0 2px 1px -2px rgba(255, 255, 255, .6) inset, 0 1px rgba(17, 17, 19, .1);

2
ui/gnome-3.18-light.css
View File

@ -95,6 +95,8 @@
--gnome-icons-hack-filter: invert(30%); /* with invert: invert(85%) */
--gnome-icons-hack-close-button-border: 1px solid #a1a1a1; /* with invert: 1px solid #5e5e5e */
--gnome-icons-hack-close-button-filter: none; /* with invert: invert(100%) */
--gnome-icons-hack-close-button-hover-bgimage: none; /* without invert: none */
--gnome-icons-hack-close-button-hover-box-shadow: none; /* without invert: none */
--gnome-icons-hack-close-button-active-bgimage: linear-gradient(rgb(214, 214, 214), rgb(220, 220, 220) 40%, rgb(224, 224, 224));
/* ^ with invert: linear-gradient(rgb(41, 41, 41), rgb(35, 35, 35) 40%, rgb(31, 31, 31)) */
--gnome-icons-hack-close-button-active-box-shadow: 0 1px rgba(0, 0, 0, .07) inset, 0 2px 1px -2px rgba(0, 0, 0, .6) inset;

2
ui/gnome-3.26-dark.css
View File

@ -95,6 +95,8 @@
--gnome-icons-hack-filter: invert(85%); /* without invert: none */
--gnome-icons-hack-close-button-border: 1px solid #e3e0e0; /* without invert: 1px solid #1c1f1f */
--gnome-icons-hack-close-button-filter: invert(100%); /* without invert: none */
--gnome-icons-hack-close-button-hover-bgimage: none; /* without invert: none */
--gnome-icons-hack-close-button-hover-box-shadow: none; /* without invert: none */
--gnome-icons-hack-close-button-active-bgimage: linear-gradient(rgb(220, 216, 216), rgb(214, 210, 210) 40%, rgb(210, 205, 205));
/* ^ without invert: linear-gradient(rgb(35, 39, 39), rgb(41, 45, 45) 40%, rgb(45, 50, 50)) */
--gnome-icons-hack-close-button-active-box-shadow: 0 1px rgba(255, 255, 255, .07) inset, 0 2px 1px -2px rgba(255, 255, 255, .6) inset, 0 1px rgba(17, 17, 19, .1);

2
ui/gnome-3.26-light.css
View File

@ -95,6 +95,8 @@
--gnome-icons-hack-filter: invert(85%); /* without invert: none */
--gnome-icons-hack-close-button-border: 1px solid #e3e0e0; /* without invert: 1px solid #1c1f1f */
--gnome-icons-hack-close-button-filter: invert(100%); /* without invert: none */
--gnome-icons-hack-close-button-hover-bgimage: none; /* without invert: none */
--gnome-icons-hack-close-button-hover-box-shadow: none; /* without invert: none */
--gnome-icons-hack-close-button-active-bgimage: linear-gradient(rgb(220, 216, 216), rgb(214, 210, 210) 40%, rgb(210, 205, 205));
/* ^ without invert: linear-gradient(rgb(35, 39, 39), rgb(41, 45, 45) 40%, rgb(45, 50, 50)) */
--gnome-icons-hack-close-button-active-box-shadow: 0 1px rgba(255, 255, 255, .07) inset, 0 2px 1px -2px rgba(255, 255, 255, .6) inset, 0 1px rgba(17, 17, 19, .1);

4
ui/theme.css
View File

@ -577,12 +577,14 @@ tab[selected]:-moz-window-inactive {
opacity: .18;
}
:root:not(:-moz-window-inactive) .tab-close-button:hover {
background-image: var(--gnome-icons-hack-close-button-hover-bgimage);
border: var(--gnome-icons-hack-close-button-border);
border-radius: 3px;
box-shadow: var(--gnome-icons-hack-close-button-hover-box-shadow);
filter: var(--gnome-icons-hack-close-button-filter);
opacity: 1;
}
.tab-close-button:active {
:root:not(:-moz-window-inactive) .tab-close-button:active {
background-image: var(--gnome-icons-hack-close-button-active-bgimage);
box-shadow: var(--gnome-icons-hack-close-button-active-box-shadow);
}