From b70ef80265851f5e5231d155208a6c5f606e54f9 Mon Sep 17 00:00:00 2001 From: Rafael Mardojai CM Date: Thu, 5 Apr 2018 09:57:30 -0500 Subject: [PATCH] Support new style variables on tab close button (3.26 theme) --- ui/gnome-3.18-dark.css | 1 + ui/gnome-3.18-light.css | 1 + ui/gnome-3.26-dark.css | 7 ++++--- ui/gnome-3.26-light.css | 11 ++++++----- 4 files changed, 12 insertions(+), 8 deletions(-) diff --git a/ui/gnome-3.18-dark.css b/ui/gnome-3.18-dark.css index 996ea43..e9fccec 100644 --- a/ui/gnome-3.18-dark.css +++ b/ui/gnome-3.18-dark.css @@ -94,6 +94,7 @@ * needs (you may also adjust icon brightness here). */ --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-border-bottom: var(--gnome-icons-hack-close-button-border); --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 */ diff --git a/ui/gnome-3.18-light.css b/ui/gnome-3.18-light.css index 6c3336f..8495552 100644 --- a/ui/gnome-3.18-light.css +++ b/ui/gnome-3.18-light.css @@ -94,6 +94,7 @@ * needs (you may also adjust icon brightness here). */ --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-border-bottom: var(--gnome-icons-hack-close-button-border); --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 */ diff --git a/ui/gnome-3.26-dark.css b/ui/gnome-3.26-dark.css index ad6558b..2b7248f 100644 --- a/ui/gnome-3.26-dark.css +++ b/ui/gnome-3.26-dark.css @@ -93,10 +93,11 @@ * inverted, on others they don't, adjusts the filters below to your * needs (you may also adjust icon brightness here). */ --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-border: 1px solid #e3e0e0; + --gnome-icons-hack-close-button-border-bottom: 1px solid #F3F2F2; --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-hover-bgimage: linear-gradient(#CBC4C2, #D0CAC8 50%, #D5D1CF); /* without invert: none */ + --gnome-icons-hack-close-button-hover-box-shadow: 0 1px #C7C1C0 inset; /* 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); diff --git a/ui/gnome-3.26-light.css b/ui/gnome-3.26-light.css index 65f5293..b7439ff 100644 --- a/ui/gnome-3.26-light.css +++ b/ui/gnome-3.26-light.css @@ -92,11 +92,12 @@ * /usr/share/icons// and on some systems they need to be * inverted, on others they don't, adjusts the filters below to your * needs (you may also adjust icon brightness here). */ - --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-filter: invert(30%); /* without invert: none */ + --gnome-icons-hack-close-button-border: 1px solid #b7b7b4; + --gnome-icons-hack-close-button-border-bottom: 1px solid #94948f; + --gnome-icons-hack-close-button-filter: none; /* without invert: none */ + --gnome-icons-hack-close-button-hover-bgimage: linear-gradient(#f6f6f6, #eaeae9 50%, #dededd); /* without invert: none */ + --gnome-icons-hack-close-button-hover-box-shadow: 0 1px #f9f9f9 inset; /* 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);