[epiphany/wip/exalm/hc: 3/3] css: Regenerate from SCSS

From: Alexander Mikhaylenko <alexm src gnome org>
To: commits-list gnome org
Cc:
Subject: [epiphany/wip/exalm/hc: 3/3] css: Regenerate from SCSS
Date: Tue, 21 Apr 2020 15:26:25 +0000 (UTC)

commit c3d3cf1216bddc2c8f8bd06da68c9151da28e4d8
Author: Alexander Mikhaylenko <alexm gnome org>
Date:   Tue Apr 21 20:23:19 2020 +0500

    css: Regenerate from SCSS

 src/resources/themes/Adwaita-dark.css        | 129 ++++++++-----
 src/resources/themes/Adwaita.css             | 129 ++++++++-----
 src/resources/themes/HighContrast.css        | 274 +++++++++++++++++++++++++++
 src/resources/themes/HighContrastInverse.css | 274 +++++++++++++++++++++++++++
 4 files changed, 702 insertions(+), 104 deletions(-)
---
diff --git a/src/resources/themes/Adwaita-dark.css b/src/resources/themes/Adwaita-dark.css
index c40d717ea..39eafa633 100644
--- a/src/resources/themes/Adwaita-dark.css
+++ b/src/resources/themes/Adwaita-dark.css
@@ -64,122 +64,147 @@ dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > li
 
 .download_progress trough { min-width: 14px; }
 
-.incognito-mode headerbar { background: #141927 -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 
64px no-repeat, linear-gradient(to top, #1a2235, #1e263b); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); 
border-color: #0b0e16; color: rgba(238, 238, 236, 0.2); }
+.incognito-mode { /*************************** Check and Radio buttons * */ }
 
-.incognito-mode headerbar:backdrop { background-image: -gtk-icontheme("user-not-tracked-symbolic"), 
image(#252f49); box-shadow: inset 0 1px rgba(238, 238, 236, 0.07); color: rgba(137, 142, 155, 0.1); }
+.incognito-mode headerbar { background: #141927 -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 
64px no-repeat, linear-gradient(to top, #1a2235, #1e263b); box-shadow: inset 0 1px rgba(231, 234, 243, 0.07); 
border-color: #06080c; color: rgba(231, 234, 243, 0.2); }
+
+.incognito-mode headerbar:backdrop { background-image: cross-fade(50% 
-gtk-icontheme("user-not-tracked-symbolic"), image(transparent)), image(#252f49); border-color: #171d2e; 
box-shadow: inset 0 1px rgba(231, 234, 243, 0.07); }
 
 .incognito-mode actionbar { background: #252f49; }
 
-.incognito-mode actionbar > revealer > box { border-color: #1c2438; }
+.incognito-mode actionbar > revealer > box { border-color: #141927; }
+
+.incognito-mode actionbar:backdrop { background: #252f49; }
 
-.incognito-mode notebook > header { border-color: #1c2438; background-color: #202941; }
+.incognito-mode actionbar:backdrop > revealer > box { border-color: #171d2e; }
 
-.incognito-mode notebook > header:backdrop { border-color: #1e263b; background-color: #222c44; }
+.incognito-mode notebook > header { border-color: #141927; background-color: #1c2438; }
 
-.incognito-mode notebook > header > tabs > tab { color: #898e9b; }
+.incognito-mode notebook > header:backdrop { border-color: #171d2e; background-color: #202940; }
+
+.incognito-mode notebook > header > tabs > tab { color: #868d9e; }
 
 .incognito-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
 
 .incognito-mode notebook > header > tabs > tab button.flat, .incognito-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
 
-.incognito-mode notebook > header > tabs > tab:hover { color: #bcbec4; border-color: rgba(28, 36, 56, 0.3); 
background-color: rgba(37, 47, 73, 0.2); box-shadow: inset 0 -3px #1c2438; }
+.incognito-mode notebook > header > tabs > tab:hover { color: #b7bcc9; border-color: rgba(20, 25, 39, 0.3); 
background-color: rgba(37, 47, 73, 0.2); box-shadow: inset 0 -3px #141927; }
 
-.incognito-mode notebook > header > tabs > tab:backdrop { color: #61687a; border-color: transparent; 
background-color: transparent; box-shadow: none; }
+.incognito-mode notebook > header > tabs > tab:backdrop { color: #5f677c; border-color: transparent; 
background-color: transparent; box-shadow: none; }
 
-.incognito-mode notebook > header > tabs > tab:checked { color: #eeeeec; border-color: rgba(28, 36, 56, 
0.5); background-color: rgba(37, 47, 73, 0.5); box-shadow: inset 0 -3px #15539e; }
+.incognito-mode notebook > header > tabs > tab:checked { color: #e7eaf3; border-color: rgba(20, 25, 39, 
0.5); background-color: rgba(37, 47, 73, 0.5); box-shadow: inset 0 -3px #15539e; }
 
 .incognito-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(37, 47, 73, 0.7); }
 
-.incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #898e9b; border-color: #1e263b; 
background-color: #252f49; }
+.incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #868d9e; border-color: #171d2e; 
background-color: #252f49; }
 
-.incognito-mode notebook > header > tabs > arrow:active { color: #eeeeec; outline-color: rgba(238, 238, 236, 
0.3); border-color: #141927; background-image: image(#151b2a); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
+.incognito-mode notebook > header > tabs > arrow:active { color: #e7eaf3; outline-color: rgba(231, 234, 243, 
0.3); border-color: #141927; background-image: image(#151b2a); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: 
#eeeeec; }
+.incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: 
#e7eaf3; }
 
-.incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > 
header > *:backdrop { color: #898e9b; }
+.incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > 
header > *:backdrop { color: #868d9e; }
 
-.incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button 
{ color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141927; border-bottom-color: 
#030305; background-image: linear-gradient(to top, #232d46 2px, #252f49); text-shadow: 0 -1px rgba(0, 0, 0, 
0.828235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.828235); box-shadow: inset 0 1px rgba(255, 255, 255, 
0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
+.incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button 
{ color: #e7eaf3; outline-color: rgba(231, 234, 243, 0.3); border-color: #141927; border-bottom-color: 
#06080c; background-image: linear-gradient(to top, #232d46 2px, #252f49); text-shadow: 0 -1px rgba(0, 0, 0, 
0.828235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.828235); box-shadow: inset 0 1px rgba(255, 255, 255, 
0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
 
 .incognito-mode headerbar button.flat, .incognito-mode headerbar button.titlebutton, .incognito-mode 
actionbar button.flat, .incognito-mode actionbar button.titlebutton, .incognito-mode notebook > header 
button.flat, .incognito-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
 
 .incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton, .incognito-mode 
notebook > header button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.828235); -gtk-icon-shadow: 0 -1px 
rgba(0, 0, 0, 0.828235); }
 
-.incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > 
header button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: #141927; 
border-bottom-color: #030305; text-shadow: 0 -1px rgba(0, 0, 0, 0.780235); -gtk-icon-shadow: 0 -1px rgba(0, 
0, 0, 0.780235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); 
background-image: linear-gradient(to top, #232d46, #26314c 1px); }
+.incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > 
header button:hover { color: #e7eaf3; outline-color: rgba(231, 234, 243, 0.3); border-color: #141927; 
border-bottom-color: #06080c; text-shadow: 0 -1px rgba(0, 0, 0, 0.780235); -gtk-icon-shadow: 0 -1px rgba(0, 
0, 0, 0.780235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); 
background-image: linear-gradient(to top, #232d46, #26314c 1px); }
+
+.incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar 
button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, 
.incognito-mode notebook > header button:checked { color: #e7eaf3; outline-color: rgba(231, 234, 243, 0.3); 
border-color: #141927; background-image: image(#151b2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
 
-.incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar 
button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, 
.incognito-mode notebook > header button:checked { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); 
border-color: #141927; background-image: image(#151b2a); box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+.incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode 
notebook > header button:disabled { color: #868d9e; border-color: #141927; background-image: image(#252f49); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode 
notebook > header button:disabled { border-color: #141927; background-image: image(#262f45); text-shadow: 
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode 
notebook > header button:backdrop { color: #868d9e; border-color: #171d2e; background-image: image(#252f49); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:disabled label, .incognito-mode headerbar button:disabled, .incognito-mode 
actionbar button:disabled label, .incognito-mode actionbar button:disabled, .incognito-mode notebook > header 
button:disabled label, .incognito-mode notebook > header button:disabled { color: #919190; }
+.incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active { color: #868d9e; border-color: #171d2e; 
background-image: image(#1e263b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode 
notebook > header button:backdrop { border-color: #141927; background-image: image(#252f49); text-shadow: 
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #141927; }
+.incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, 
.incognito-mode notebook > header button:backdrop:disabled { color: #3e507c; border-color: #171d2e; 
background-image: image(#252f49); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:backdrop label, .incognito-mode headerbar button:backdrop, .incognito-mode 
actionbar button:backdrop label, .incognito-mode actionbar button:backdrop, .incognito-mode notebook > header 
button:backdrop label, .incognito-mode notebook > header button:backdrop { color: #919190; }
+.incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook

header button:checked { background: image(#151b2a); border-color: #0e131d; border-top-color: #06080c; }

 
-.incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active { border-color: #141927; background-image: 
image(#1f2638); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #141927; }
+.incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop { color: #868d9e; border-color: #171d2e; 
background-image: image(#1e263b); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:backdrop:active label, .incognito-mode headerbar button:backdrop:active, 
.incognito-mode actionbar button:backdrop:active label, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active label, .incognito-mode notebook > header 
button:backdrop:active { color: #919190; }
+.incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, 
.incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, 
.incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, 
.incognito-mode notebook > header button:backdrop:disabled { border-color: #141927; background-image: 
image(#262f45); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
border-color: #141927; }
+.incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { 
border-color: #141927; }
 
-.incognito-mode headerbar button:backdrop:disabled label, .incognito-mode headerbar 
button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled label, .incognito-mode actionbar 
button:backdrop:disabled, .incognito-mode notebook > header button:backdrop:disabled label, .incognito-mode 
notebook > header button:backdrop:disabled { color: #6c727f; }
+.incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > 
header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; }
 
-.incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook

header button:checked { background: image(#151b2a); border-color: #171d2e; border-top-color: #0e131d; }

+.incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook

header entry:backdrop { box-shadow: none; border-color: #171d2e; }

 
-.incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop { border-color: #141927; background-image: 
image(#1f2638); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.automation-mode { /*************************** Check and Radio buttons * */ }
 
-.incognito-mode headerbar button:checked:backdrop label, .incognito-mode headerbar button:checked:backdrop, 
.incognito-mode actionbar button:checked:backdrop label, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop label, .incognito-mode notebook > header 
button:checked:backdrop { color: #919190; }
+.automation-mode headerbar { background: #e68700 linear-gradient(to top, #fa9300, #ff9805); box-shadow: 
inset 0 1px rgba(255, 240, 219, 0.07); border-color: #bd6f00; color: rgba(255, 240, 219, 0.2); }
 
-.incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, 
.incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, 
.incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar:backdrop { background-image: image(#ffa11a); border-color: #eb8c05; box-shadow: 
inset 0 1px rgba(255, 240, 219, 0.07); }
 
-.incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { 
border-color: #0b0e16; }
+.automation-mode actionbar { background: #ffa11a; }
 
-.incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > 
header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; }
+.automation-mode actionbar > revealer > box { border-color: #e68700; }
+
+.automation-mode actionbar:backdrop { background: #ffa11a; }
+
+.automation-mode actionbar:backdrop > revealer > box { border-color: #eb8c05; }
+
+.automation-mode notebook > header { border-color: #e68700; background-color: #f2940d; }
+
+.automation-mode notebook > header:backdrop { border-color: #eb8c05; background-color: #f89912; }
+
+.automation-mode notebook > header > tabs > tab { color: #ffc87a; }
+
+.automation-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+.automation-mode notebook > header > tabs > tab button.flat, .automation-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+.automation-mode notebook > header > tabs > tab:hover { color: #ffdcab; border-color: rgba(230, 135, 0, 
0.3); background-color: rgba(255, 161, 26, 0.2); box-shadow: inset 0 -3px #e68700; }
 
-.incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook

header entry:backdrop { box-shadow: none; }

+.automation-mode notebook > header > tabs > tab:backdrop { color: #ffb853; border-color: transparent; 
background-color: transparent; box-shadow: none; }
 
-.automation-mode headerbar { background: #ff9600 linear-gradient(to top, #ff9e14, #ffa31f); box-shadow: 
inset 0 1px #ffb142; border-color: #cc7800; color: rgba(238, 238, 236, 0.2); }
+.automation-mode notebook > header > tabs > tab:checked { color: #fff0db; border-color: rgba(230, 135, 0, 
0.5); background-color: rgba(255, 161, 26, 0.5); box-shadow: inset 0 -3px #15539e; }
 
-.automation-mode headerbar > * { color: #eeeeec; }
+.automation-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(255, 161, 26, 0.7); }
 
-.automation-mode headerbar > *:backdrop { color: #919190; }
+.automation-mode notebook > header > tabs > tab:backdrop:checked { color: #ffc87a; border-color: #eb8c05; 
background-color: #ffa11a; }
 
-.automation-mode headerbar:backdrop { box-shadow: inset 0 1px #ffb142; color: rgba(145, 145, 144, 0.1); }
+.automation-mode notebook > header > tabs > arrow:active { color: #fff0db; outline-color: rgba(255, 240, 
219, 0.3); border-color: #e68700; background-image: image(#eb8a00); box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar button { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); border-color: 
#cc7800; border-bottom-color: #995a00; background-image: linear-gradient(to top, #fa9300 2px, #ff9600); 
text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.6); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
+.automation-mode headerbar > *, .automation-mode actionbar > *, .automation-mode notebook > header > * { 
color: #fff0db; }
 
-.automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton { border-color: 
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar > *:backdrop, .automation-mode actionbar > *:backdrop, .automation-mode notebook

header > *:backdrop { color: #ffc87a; }

 
-.automation-mode headerbar button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.6); -gtk-icon-shadow: 0 
-1px rgba(0, 0, 0, 0.6); }
+.automation-mode headerbar button, .automation-mode actionbar button, .automation-mode notebook > header 
button { color: #fff0db; outline-color: rgba(255, 240, 219, 0.3); border-color: #e68700; border-bottom-color: 
#bd6f00; background-image: linear-gradient(to top, #ff9e14 2px, #ffa11a); text-shadow: 0 -1px rgba(0, 0, 0, 
0.56); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 
2px rgba(0, 0, 0, 0.07); }
 
-.automation-mode headerbar button:hover { color: #eeeeec; outline-color: rgba(238, 238, 236, 0.3); 
border-color: #cc7800; border-bottom-color: #995a00; text-shadow: 0 -1px rgba(0, 0, 0, 0.552); 
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.552); box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px 
rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #fa9300, #ff9805 1px); }
+.automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton, .automation-mode 
actionbar button.flat, .automation-mode actionbar button.titlebutton, .automation-mode notebook > header 
button.flat, .automation-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar button:active, .automation-mode headerbar button:checked { color: #eeeeec; 
outline-color: rgba(238, 238, 236, 0.3); border-color: #cc7800; background-image: image(#d17b00); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar button.titlebutton, .automation-mode actionbar button.titlebutton, 
.automation-mode notebook > header button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.56); 
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.56); }
 
-.automation-mode headerbar button:disabled { border-color: #cc7800; background-image: image(#e08607); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.automation-mode headerbar button:hover, .automation-mode actionbar button:hover, .automation-mode notebook

header button:hover { color: #fff0db; outline-color: rgba(255, 240, 219, 0.3); border-color: #e68700;

border-bottom-color: #bd6f00; text-shadow: 0 -1px rgba(0, 0, 0, 0.512); -gtk-icon-shadow: 0 -1px rgba(0, 0, 
0, 0.512); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: 
linear-gradient(to top, #ff9e14, #ffa31f 1px); }
 
-.automation-mode headerbar button:disabled label, .automation-mode headerbar button:disabled { color: 
#919190; }
+.automation-mode headerbar button:active, .automation-mode headerbar button:checked, .automation-mode 
actionbar button:active, .automation-mode actionbar button:checked, .automation-mode notebook > header 
button:active, .automation-mode notebook > header button:checked { color: #fff0db; outline-color: rgba(255, 
240, 219, 0.3); border-color: #e68700; background-image: image(#eb8a00); box-shadow: inset 0 1px rgba(255, 
255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar button:backdrop { border-color: #cc7800; background-image: image(#ff9600); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: 
#cc7800; }
+.automation-mode headerbar button:disabled, .automation-mode actionbar button:disabled, .automation-mode 
notebook > header button:disabled { color: #ffc87a; border-color: #e68700; background-image: image(#ffa11a); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop label, .automation-mode headerbar button:backdrop { color: 
#919190; }
+.automation-mode headerbar button:backdrop, .automation-mode actionbar button:backdrop, .automation-mode 
notebook > header button:backdrop { color: #ffc87a; border-color: #eb8c05; background-image: image(#ffa11a); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop:active { border-color: #cc7800; background-image: image(#cc7a06); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #cc7800; }
+.automation-mode headerbar button:backdrop:active, .automation-mode actionbar button:backdrop:active, 
.automation-mode notebook > header button:backdrop:active { color: #ffc87a; border-color: #eb8c05; 
background-image: image(#ff9906); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop:active label, .automation-mode headerbar button:backdrop:active { 
color: #919190; }
+.automation-mode headerbar button:backdrop:disabled, .automation-mode actionbar button:backdrop:disabled, 
.automation-mode notebook > header button:backdrop:disabled { color: #ffc066; border-color: #eb8c05; 
background-image: image(#ffa11a); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop:disabled { border-color: #cc7800; background-image: 
image(#e08607); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
border-color: #cc7800; }
+.automation-mode headerbar button:checked, .automation-mode actionbar button:checked, .automation-mode 
notebook > header button:checked { background: image(#eb8a00); border-color: #d67e00; border-top-color: 
#bd6f00; }
 
-.automation-mode headerbar button:backdrop:disabled label, .automation-mode headerbar 
button:backdrop:disabled { color: #e5aa57; }
+.automation-mode headerbar button:checked:backdrop, .automation-mode actionbar button:checked:backdrop, 
.automation-mode notebook > header button:checked:backdrop { color: #ffc87a; border-color: #eb8c05; 
background-image: image(#ff9906); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop { 
border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop, 
.automation-mode actionbar button.flat:backdrop, .automation-mode actionbar button.titlebutton:backdrop, 
.automation-mode notebook > header button.flat:backdrop, .automation-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar entry { border-color: #cc7800; }
+.automation-mode headerbar entry, .automation-mode actionbar entry, .automation-mode notebook > header entry 
{ border-color: #e68700; }
 
-.automation-mode headerbar entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; }
+.automation-mode headerbar entry:focus, .automation-mode actionbar entry:focus, .automation-mode notebook > 
header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; }
 
-.automation-mode headerbar entry:backdrop { box-shadow: none; }
+.automation-mode headerbar entry:backdrop, .automation-mode actionbar entry:backdrop, .automation-mode 
notebook > header entry:backdrop { box-shadow: none; border-color: #eb8c05; }
 
+/*************************** Check and Radio buttons * */
 .url_entry:not(:hover):not(:focus) { background-color: rgba(45, 45, 45, 0.75); }
 
 .bookmark-tag-widget { border-radius: 5px; }
diff --git a/src/resources/themes/Adwaita.css b/src/resources/themes/Adwaita.css
index 7adcaa33a..6af80d3b5 100644
--- a/src/resources/themes/Adwaita.css
+++ b/src/resources/themes/Adwaita.css
@@ -64,122 +64,147 @@ dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > li
 
 .download_progress trough { min-width: 14px; }
 
-.incognito-mode headerbar { background: #c4d6e9 -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 
64px no-repeat, linear-gradient(to top, #bdd1e6, #c8d9ea); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); 
border-color: #9cb9da; color: rgba(46, 52, 54, 0.2); }
+.incognito-mode { /*************************** Check and Radio buttons * */ }
 
-.incognito-mode headerbar:backdrop { background-image: -gtk-icontheme("user-not-tracked-symbolic"), 
image(#eaf0f7); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); color: rgba(140, 146, 150, 0.1); }
+.incognito-mode headerbar { background: #c4d6e9 -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 
64px no-repeat, linear-gradient(to top, #bdd1e6, #c8d9ea); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); 
border-color: #91b2d6; color: rgba(27, 49, 73, 0.2); }
+
+.incognito-mode headerbar:backdrop { background-image: cross-fade(50% 
-gtk-icontheme("user-not-tracked-symbolic"), image(transparent)), image(#eaf0f7); border-color: #b4cbe3; 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
 
 .incognito-mode actionbar { background: #eaf0f7; }
 
-.incognito-mode actionbar > revealer > box { border-color: #c1d3e8; }
+.incognito-mode actionbar > revealer > box { border-color: #a7c1de; }
+
+.incognito-mode actionbar:backdrop { background: #eaf0f7; }
 
-.incognito-mode notebook > header { border-color: #c1d3e8; background-color: #d5e2ef; }
+.incognito-mode actionbar:backdrop > revealer > box { border-color: #b4cbe3; }
 
-.incognito-mode notebook > header:backdrop { border-color: #c9d9eb; background-color: #dee8f3; }
+.incognito-mode notebook > header { border-color: #a7c1de; background-color: #c8d9ea; }
 
-.incognito-mode notebook > header > tabs > tab { color: #8c9296; }
+.incognito-mode notebook > header:backdrop { border-color: #b4cbe3; background-color: #d7e3f0; }
+
+.incognito-mode notebook > header > tabs > tab { color: #8291a0; }
 
 .incognito-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
 
 .incognito-mode notebook > header > tabs > tab button.flat, .incognito-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
 
-.incognito-mode notebook > header > tabs > tab:hover { color: #5d6366; border-color: rgba(193, 211, 232, 
0.3); background-color: rgba(234, 240, 247, 0.2); box-shadow: inset 0 -3px #c1d3e8; }
+.incognito-mode notebook > header > tabs > tab:hover { color: #4f6174; border-color: rgba(167, 193, 222, 
0.3); background-color: rgba(234, 240, 247, 0.2); box-shadow: inset 0 -3px #a7c1de; }
 
-.incognito-mode notebook > header > tabs > tab:backdrop { color: #b1b8bd; border-color: transparent; 
background-color: transparent; box-shadow: none; }
+.incognito-mode notebook > header > tabs > tab:backdrop { color: #abb7c3; border-color: transparent; 
background-color: transparent; box-shadow: none; }
 
-.incognito-mode notebook > header > tabs > tab:checked { color: #2e3436; border-color: rgba(193, 211, 232, 
0.5); background-color: rgba(234, 240, 247, 0.5); box-shadow: inset 0 -3px #3584e4; }
+.incognito-mode notebook > header > tabs > tab:checked { color: #1b3149; border-color: rgba(167, 193, 222, 
0.5); background-color: rgba(234, 240, 247, 0.5); box-shadow: inset 0 -3px #3584e4; }
 
 .incognito-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(234, 240, 247, 0.7); }
 
-.incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #8c9296; border-color: #c9d9eb; 
background-color: #eaf0f7; }
+.incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #8291a0; border-color: #b4cbe3; 
background-color: #eaf0f7; }
 
-.incognito-mode notebook > header > tabs > arrow:active { color: #2e3436; outline-color: rgba(46, 52, 54, 
0.3); border-color: #c4d6e9; background-image: image(#b6cce3); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
+.incognito-mode notebook > header > tabs > arrow:active { color: #1b3149; outline-color: rgba(27, 49, 73, 
0.3); border-color: #a7c1de; background-image: image(#b6cce3); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: 
#2e3436; }
+.incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: 
#1b3149; }
 
-.incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > 
header > *:backdrop { color: #8c9296; }
+.incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > 
header > *:backdrop { color: #8291a0; }
 
-.incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button 
{ color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #c4d6e9; border-bottom-color: #9fbcdb; 
background-image: linear-gradient(to top, #dbe6f1 2px, #eaf0f7); text-shadow: 0 1px rgba(255, 255, 255, 
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 
0.8), 0 1px 2px rgba(0, 0, 0, 0.07); }
+.incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button 
{ color: #1b3149; outline-color: rgba(27, 49, 73, 0.3); border-color: #a7c1de; border-bottom-color: #91b2d6; 
background-image: linear-gradient(to top, #dbe6f1 2px, #eaf0f7); text-shadow: 0 1px rgba(255, 255, 255, 
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 
0.8), 0 1px 2px rgba(0, 0, 0, 0.07); }
 
 .incognito-mode headerbar button.flat, .incognito-mode headerbar button.titlebutton, .incognito-mode 
actionbar button.flat, .incognito-mode actionbar button.titlebutton, .incognito-mode notebook > header 
button.flat, .incognito-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
 
 .incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton, .incognito-mode 
notebook > header button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 
1px rgba(255, 255, 255, 0.769231); }
 
-.incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > 
header button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: #c4d6e9; 
border-bottom-color: #9fbcdb; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px 
rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); 
background-image: linear-gradient(to top, #eaf0f7, #edf3f8 1px); }
+.incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > 
header button:hover { color: #1b3149; outline-color: rgba(27, 49, 73, 0.3); border-color: #a7c1de; 
border-bottom-color: #91b2d6; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px 
rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); 
background-image: linear-gradient(to top, #eaf0f7, #edf3f8 1px); }
+
+.incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar 
button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, 
.incognito-mode notebook > header button:checked { color: #1b3149; outline-color: rgba(27, 49, 73, 0.3); 
border-color: #a7c1de; background-image: image(#b6cce3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
 
-.incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar 
button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, 
.incognito-mode notebook > header button:checked { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); 
border-color: #c4d6e9; background-image: image(#b6cce3); box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+.incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode 
notebook > header button:disabled { color: #8291a0; border-color: #a7c1de; background-image: image(#eaf0f7); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode 
notebook > header button:disabled { border-color: #c4d6e9; background-image: image(#edf2f8); text-shadow: 
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode 
notebook > header button:backdrop { color: #8291a0; border-color: #b4cbe3; background-image: image(#eaf0f7); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:disabled label, .incognito-mode headerbar button:disabled, .incognito-mode 
actionbar button:disabled label, .incognito-mode actionbar button:disabled, .incognito-mode notebook > header 
button:disabled label, .incognito-mode notebook > header button:disabled { color: #929595; }
+.incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active { color: #8291a0; border-color: #b4cbe3; 
background-image: image(#ccdbec); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode 
notebook > header button:backdrop { border-color: #eaf0f7; background-image: image(#eaf0f7); text-shadow: 
none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #c4d6e9; }
+.incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, 
.incognito-mode notebook > header button:backdrop:disabled { color: #b2c9e2; border-color: #b4cbe3; 
background-image: image(#eaf0f7); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:backdrop label, .incognito-mode headerbar button:backdrop, .incognito-mode 
actionbar button:backdrop label, .incognito-mode actionbar button:backdrop, .incognito-mode notebook > header 
button:backdrop label, .incognito-mode notebook > header button:backdrop { color: #929595; }
+.incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook

header button:checked { background: image(#aac4df); border-color: #9cb9da; border-top-color: #89acd3; }

 
-.incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active { border-color: #d0dded; background-image: 
image(#d0dded); box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #c4d6e9; }
+.incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop { color: #8291a0; border-color: #b4cbe3; 
background-image: image(#ccdbec); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.incognito-mode headerbar button:backdrop:active label, .incognito-mode headerbar button:backdrop:active, 
.incognito-mode actionbar button:backdrop:active label, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active label, .incognito-mode notebook > header 
button:backdrop:active { color: #929595; }
+.incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, 
.incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, 
.incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, 
.incognito-mode notebook > header button:backdrop:disabled { border-color: #edf2f8; background-image: 
image(#edf2f8); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
border-color: #c4d6e9; }
+.incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { 
border-color: #a7c1de; }
 
-.incognito-mode headerbar button:backdrop:disabled label, .incognito-mode headerbar 
button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled label, .incognito-mode actionbar 
button:backdrop:disabled, .incognito-mode notebook > header button:backdrop:disabled label, .incognito-mode 
notebook > header button:backdrop:disabled { color: #aab0b4; }
+.incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > 
header entry:focus { border-color: #3584e4; box-shadow: inset 0 0 0 1px #3584e4; }
 
-.incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook

header button:checked { background: image(#aac4df); border-color: #b6cce3; border-top-color: #a3bfdd; }

+.incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook

header entry:backdrop { box-shadow: none; border-color: #b4cbe3; }

 
-.incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop { border-color: #d0dded; background-image: 
image(#d0dded); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.automation-mode { /*************************** Check and Radio buttons * */ }
 
-.incognito-mode headerbar button:checked:backdrop label, .incognito-mode headerbar button:checked:backdrop, 
.incognito-mode actionbar button:checked:backdrop label, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop label, .incognito-mode notebook > header 
button:checked:backdrop { color: #929595; }
+.automation-mode headerbar { background: #e68700 linear-gradient(to top, #db8100, #eb8a00); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0.8); border-color: #9e5d00; color: rgba(100, 59, 0, 0.2); }
 
-.incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, 
.incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, 
.incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar:backdrop { background-image: image(#ffa11a); border-color: #ca7905; box-shadow: 
inset 0 1px rgba(255, 255, 255, 0.8); }
 
-.incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { 
border-color: #9cb9da; }
+.automation-mode actionbar { background: #ffa11a; }
 
-.incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > 
header entry:focus { border-color: #3584e4; box-shadow: inset 0 0 0 1px #3584e4; }
+.automation-mode actionbar > revealer > box { border-color: #bd6f00; }
+
+.automation-mode actionbar:backdrop { background: #ffa11a; }
+
+.automation-mode actionbar:backdrop > revealer > box { border-color: #ca7905; }
+
+.automation-mode notebook > header { border-color: #bd6f00; background-color: #de880d; }
+
+.automation-mode notebook > header:backdrop { border-color: #ca7905; background-color: #ec9312; }
+
+.automation-mode notebook > header > tabs > tab { color: #b26e0d; }
+
+.automation-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+.automation-mode notebook > header > tabs > tab button.flat, .automation-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+.automation-mode notebook > header > tabs > tab:hover { color: #8b5407; border-color: rgba(189, 111, 0, 
0.3); background-color: rgba(255, 161, 26, 0.2); box-shadow: inset 0 -3px #bd6f00; }
 
-.incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook

header entry:backdrop { box-shadow: none; }

+.automation-mode notebook > header > tabs > tab:backdrop { color: #d18212; border-color: transparent; 
background-color: transparent; box-shadow: none; }
 
-.automation-mode headerbar { background: #ff9600 linear-gradient(to top, #f59000, #ff9805); box-shadow: 
inset 0 1px #ffb142; border-color: #cc7800; color: rgba(46, 52, 54, 0.2); }
+.automation-mode notebook > header > tabs > tab:checked { color: #643b00; border-color: rgba(189, 111, 0, 
0.5); background-color: rgba(255, 161, 26, 0.5); box-shadow: inset 0 -3px #3584e4; }
 
-.automation-mode headerbar > * { color: #2e3436; }
+.automation-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(255, 161, 26, 0.7); }
 
-.automation-mode headerbar > *:backdrop { color: #929595; }
+.automation-mode notebook > header > tabs > tab:backdrop:checked { color: #b26e0d; border-color: #ca7905; 
background-color: #ffa11a; }
 
-.automation-mode headerbar:backdrop { box-shadow: inset 0 1px #ffb142; color: rgba(146, 149, 149, 0.1); }
+.automation-mode notebook > header > tabs > arrow:active { color: #643b00; outline-color: rgba(100, 59, 0, 
0.3); border-color: #bd6f00; background-image: image(#d17b00); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar button { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); border-color: 
#cc7800; border-bottom-color: #995a00; background-image: linear-gradient(to top, #eb8a00 2px, #ff9600); 
text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.1), 0 1px 2px rgba(0, 0, 0, 0.07); }
+.automation-mode headerbar > *, .automation-mode actionbar > *, .automation-mode notebook > header > * { 
color: #643b00; }
 
-.automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton { border-color: 
transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar > *:backdrop, .automation-mode actionbar > *:backdrop, .automation-mode notebook

header > *:backdrop { color: #b26e0d; }

 
-.automation-mode headerbar button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
+.automation-mode headerbar button, .automation-mode actionbar button, .automation-mode notebook > header 
button { color: #643b00; outline-color: rgba(100, 59, 0, 0.3); border-color: #bd6f00; border-bottom-color: 
#9e5d00; background-image: linear-gradient(to top, #ff9805 2px, #ffa11a); text-shadow: 0 1px rgba(255, 255, 
255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 
255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
 
-.automation-mode headerbar button:hover { color: #2e3436; outline-color: rgba(46, 52, 54, 0.3); 
border-color: #cc7800; border-bottom-color: #995a00; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 
1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #ff9600, #ff9805 1px); }
+.automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton, .automation-mode 
actionbar button.flat, .automation-mode actionbar button.titlebutton, .automation-mode notebook > header 
button.flat, .automation-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar button:active, .automation-mode headerbar button:checked { color: #2e3436; 
outline-color: rgba(46, 52, 54, 0.3); border-color: #cc7800; background-image: image(#b86c00); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar button.titlebutton, .automation-mode actionbar button.titlebutton, 
.automation-mode notebook > header button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
 
-.automation-mode headerbar button:disabled { border-color: #cc7800; background-image: image(#ffa626); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+.automation-mode headerbar button:hover, .automation-mode actionbar button:hover, .automation-mode notebook

header button:hover { color: #643b00; outline-color: rgba(100, 59, 0, 0.3); border-color: #bd6f00;

border-bottom-color: #9e5d00; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px 
rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 
0.07); background-image: linear-gradient(to top, #ffa11a, #ffa31f 1px); }
 
-.automation-mode headerbar button:disabled label, .automation-mode headerbar button:disabled { color: 
#929595; }
+.automation-mode headerbar button:active, .automation-mode headerbar button:checked, .automation-mode 
actionbar button:active, .automation-mode actionbar button:checked, .automation-mode notebook > header 
button:active, .automation-mode notebook > header button:checked { color: #643b00; outline-color: rgba(100, 
59, 0, 0.3); border-color: #bd6f00; background-image: image(#d17b00); box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar button:backdrop { border-color: #ff9600; background-image: image(#ff9600); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: 
#cc7800; }
+.automation-mode headerbar button:disabled, .automation-mode actionbar button:disabled, .automation-mode 
notebook > header button:disabled { color: #b26e0d; border-color: #bd6f00; background-image: image(#ffa11a); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop label, .automation-mode headerbar button:backdrop { color: 
#929595; }
+.automation-mode headerbar button:backdrop, .automation-mode actionbar button:backdrop, .automation-mode 
notebook > header button:backdrop { color: #b26e0d; border-color: #ca7905; background-image: image(#ffa11a); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop:active { border-color: #fc9500; background-image: image(#fc9500); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0); border-color: #cc7800; }
+.automation-mode headerbar button:backdrop:active, .automation-mode actionbar button:backdrop:active, 
.automation-mode notebook > header button:backdrop:active { color: #b26e0d; border-color: #ca7905; 
background-image: image(#f08e00); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop:active label, .automation-mode headerbar button:backdrop:active { 
color: #929595; }
+.automation-mode headerbar button:backdrop:disabled, .automation-mode actionbar button:backdrop:disabled, 
.automation-mode notebook > header button:backdrop:disabled { color: #cc7800; border-color: #ca7905; 
background-image: image(#ffa11a); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button:backdrop:disabled { border-color: #ffa626; background-image: 
image(#ffa626); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
border-color: #cc7800; }
+.automation-mode headerbar button:checked, .automation-mode actionbar button:checked, .automation-mode 
notebook > header button:checked { background: image(#c27200); border-color: #ad6600; border-top-color: 
#945700; }
 
-.automation-mode headerbar button:backdrop:disabled label, .automation-mode headerbar 
button:backdrop:disabled { color: #b67e2c; }
+.automation-mode headerbar button:checked:backdrop, .automation-mode actionbar button:checked:backdrop, 
.automation-mode notebook > header button:checked:backdrop { color: #b26e0d; border-color: #ca7905; 
background-image: image(#f08e00); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
 
-.automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop { 
border-color: transparent; background-color: transparent; background-image: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+.automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop, 
.automation-mode actionbar button.flat:backdrop, .automation-mode actionbar button.titlebutton:backdrop, 
.automation-mode notebook > header button.flat:backdrop, .automation-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
 
-.automation-mode headerbar entry { border-color: #cc7800; }
+.automation-mode headerbar entry, .automation-mode actionbar entry, .automation-mode notebook > header entry 
{ border-color: #bd6f00; }
 
-.automation-mode headerbar entry:focus { border-color: #3584e4; box-shadow: inset 0 0 0 1px #3584e4; }
+.automation-mode headerbar entry:focus, .automation-mode actionbar entry:focus, .automation-mode notebook > 
header entry:focus { border-color: #3584e4; box-shadow: inset 0 0 0 1px #3584e4; }
 
-.automation-mode headerbar entry:backdrop { box-shadow: none; }
+.automation-mode headerbar entry:backdrop, .automation-mode actionbar entry:backdrop, .automation-mode 
notebook > header entry:backdrop { box-shadow: none; border-color: #ca7905; }
 
+/*************************** Check and Radio buttons * */
 .url_entry:not(:hover):not(:focus) { background-color: rgba(255, 255, 255, 0.75); }
 
 .bookmark-tag-widget { border-radius: 5px; }
diff --git a/src/resources/themes/HighContrast.css b/src/resources/themes/HighContrast.css
new file mode 100644
index 000000000..4ff161635
--- /dev/null
+++ b/src/resources/themes/HighContrast.css
@@ -0,0 +1,274 @@
+.floating-bar { background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; 
border-color: @borders; border-radius: 3px 3px 0 0; }
+
+.floating-bar.left { border-left-style: none; border-top-left-radius: 0; }
+
+.floating-bar.right { border-right-style: none; border-top-right-radius: 0; }
+
+.floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
+
+.incognito-mode headerbar { background-image: -gtk-icontheme("user-not-tracked-symbolic"); 
background-repeat: no-repeat; background-position: 157px 0; background-size: 64px 64px; color: rgba(0, 0, 0, 
0.35); }
+
+.automation-mode headerbar { background-color: #ff9600; color: rgba(0, 0, 0, 0.35); }
+
+.entry_icon_box { margin-left: 2px; margin-right: 5px; }
+
+.entry_icon_box:dir(rtl) { margin-left: 5px; margin-right: 2px; }
+
+.entry_icon { color: mix(@theme_fg_color, @theme_base_color, 0.2); margin: 0 4px; }
+
+.entry_icon:hover { color: @theme_fg_color; }
+
+.entry_icon:active { color: @theme_selected_bg_color; }
+
+.entry_icon:backdrop { color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.2); }
+
+.entry_icon.selected { color: @theme_selected_bg_color; }
+
+.entry_icon.starred { color: orange; }
+
+.bookmarks-row button { opacity: 0.25; }
+
+.bookmarks-row:hover button { opacity: 1; }
+
+.bookmark-tag-widget { padding-left: 8px; background-color: rgba(0, 0, 0, 0.1); border-radius: 3px; }
+
+.bookmark-tag-widget label { padding-left: 8px; padding-right: 8px; }
+
+.bookmark-tag-widget image, .bookmark-tag-widget label, .bookmark-tag-widget button:hover image { color: 
@theme_fg_color; }
+
+.bookmark-tag-widget-selected { background-color: @theme_selected_bg_color; }
+
+.bookmark-tag-widget-selected image, .bookmark-tag-widget-selected label, .bookmark-tag-widget-selected 
button:hover image { color: @theme_selected_fg_color; }
+
+#fullscreen-popup { padding: 12px; border-radius: 18px; background: rgba(0, 0, 0, 0.65); color: white; }
+
+.url_progress { border: none; background-color: transparent; background-image: none; padding-top: 0px; 
padding-bottom: 0px; margin-top: 0px; margin-bottom: 6px; }
+
+.url_progress progress { background-color: @theme_selected_bg_color; background-image: none; border: none; 
min-height: 2px; }
+
+.url_progress trough { border: none; background-color: transparent; background-image: none; }
+
+.tab-attention { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(@theme_selected_bg_color), to(transparent)); background-size: 6px 6px; background-repeat: no-repeat; 
background-position: center bottom; }
+
+.page-menu-contents { margin-left: 12px; margin-right: 12px; margin-bottom: 12px; }
+
+.search-entry-occurrences-tag { background: none; color: alpha(@theme_fg_color,0.5); box-shadow: none; 
border: none; margin: 2px; padding: 2px; }
+
+.search-entry-occurrences-tag:backdrop { color: alpha(@theme_unfocused_fg_color,0.5); }
+
+dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid { 
margin-left: 3px; }
+
+dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid .title, 
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid .subtitle { 
margin-left: 6px; }
+
+.download_progress progress { min-height: 2px; }
+
+.download_progress trough { min-width: 14px; }
+
+.incognito-mode { /*************************** Check and Radio buttons * */ }
+
+.incognito-mode headerbar { background: #d0deed -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 
64px no-repeat, linear-gradient(to top, #c8d9ea, #d3e0ef); box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); 
border-color: #345d8a; color: rgba(23, 42, 62, 0.2); }
+
+.incognito-mode headerbar:backdrop { background-image: cross-fade(50% 
-gtk-icontheme("user-not-tracked-symbolic"), image(transparent)), image(#f5f8fb); border-color: #b4cbe3; 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.8); }
+
+.incognito-mode actionbar { background: #f5f8fb; }
+
+.incognito-mode actionbar > revealer > box { border-color: #4074ab; }
+
+.incognito-mode actionbar:backdrop { background: #eaf0f7; }
+
+.incognito-mode actionbar:backdrop > revealer > box { border-color: #b4cbe3; }
+
+.incognito-mode notebook > header { border-color: #4074ab; background-color: #c8d9ea; }
+
+.incognito-mode notebook > header:backdrop { border-color: #b4cbe3; background-color: #d7e3f0; }
+
+.incognito-mode notebook > header > tabs > tab { color: #86919c; }
+
+.incognito-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+.incognito-mode notebook > header > tabs > tab button.flat, .incognito-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+.incognito-mode notebook > header > tabs > tab:hover { color: #4f5d6d; border-color: rgba(64, 116, 171, 
0.3); background-color: rgba(245, 248, 251, 0.2); box-shadow: inset 0 -3px #4074ab; }
+
+.incognito-mode notebook > header > tabs > tab:backdrop { color: #abb7c3; border-color: transparent; 
background-color: transparent; box-shadow: none; }
+
+.incognito-mode notebook > header > tabs > tab:checked { color: #172a3e; border-color: rgba(64, 116, 171, 
0.5); background-color: rgba(245, 248, 251, 0.5); box-shadow: inset 0 -3px #3584e4; }
+
+.incognito-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(245, 248, 251, 0.7); }
+
+.incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #8291a0; border-color: #b4cbe3; 
background-color: #eaf0f7; }
+
+.incognito-mode notebook > header > tabs > arrow:active { color: #172a3e; outline-color: rgba(23, 42, 62, 
0.3); border-color: #4074ab; background-image: image(#c1d3e8); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: 
#172a3e; }
+
+.incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > 
header > *:backdrop { color: #8291a0; }
+
+.incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button 
{ color: #172a3e; outline-color: rgba(23, 42, 62, 0.3); border-color: #4074ab; border-bottom-color: #345d8a; 
background-image: linear-gradient(to top, #e6edf6 2px, #f5f8fb); text-shadow: 0 1px rgba(255, 255, 255, 
0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px 
rgba(0, 0, 0, 0.07); }
+
+.incognito-mode headerbar button.flat, .incognito-mode headerbar button.titlebutton, .incognito-mode 
actionbar button.flat, .incognito-mode actionbar button.titlebutton, .incognito-mode notebook > header 
button.flat, .incognito-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton, .incognito-mode 
notebook > header button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 
1px rgba(255, 255, 255, 0.769231); }
+
+.incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > 
header button:hover { color: #172a3e; outline-color: rgba(23, 42, 62, 0.3); border-color: #4074ab; 
border-bottom-color: #345d8a; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px 
rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); 
background-image: linear-gradient(to top, #f5f8fb, #f8fafd 1px); }
+
+.incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar 
button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, 
.incognito-mode notebook > header button:checked { color: #172a3e; outline-color: rgba(23, 42, 62, 0.3); 
border-color: #4074ab; background-image: image(#c1d3e8); box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode 
notebook > header button:disabled { color: #86919c; border-color: #648ebb; background-image: image(#f0f5f9); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode 
notebook > header button:backdrop { color: #8291a0; border-color: #b4cbe3; background-image: image(#eaf0f7); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active { color: #8291a0; border-color: #b4cbe3; 
background-image: image(#d4e3f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, 
.incognito-mode notebook > header button:backdrop:disabled { color: #b2c9e2; border-color: #b4cbe3; 
background-image: image(#f0f5f9); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook

header button:checked { background: image(#b6cce3); border-color: #3c6ca0; border-top-color: #35608e; }

+
+.incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop { color: #8291a0; border-color: #b4cbe3; 
background-image: image(#d4e3f1); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, 
.incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, 
.incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { 
border-color: #4074ab; }
+
+.incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > 
header entry:focus { border-color: #3584e4; box-shadow: inset 0 0 0 1px #3584e4; }
+
+.incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook

header entry:backdrop { box-shadow: none; border-color: #b4cbe3; }

+
+.automation-mode { /*************************** Check and Radio buttons * */ }
+
+.automation-mode headerbar { background: #f59000 linear-gradient(to top, #eb8a00, #fa9300); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0.8); border-color: black; color: rgba(85, 50, 0, 0.2); }
+
+.automation-mode headerbar:backdrop { background-image: image(#ffa729); border-color: #ca7905; box-shadow: 
inset 0 1px rgba(255, 255, 255, 0.8); }
+
+.automation-mode actionbar { background: #ffa729; }
+
+.automation-mode actionbar > revealer > box { border-color: #241500; }
+
+.automation-mode actionbar:backdrop { background: #ffa11a; }
+
+.automation-mode actionbar:backdrop > revealer > box { border-color: #ca7905; }
+
+.automation-mode notebook > header { border-color: #241500; background-color: #de880d; }
+
+.automation-mode notebook > header:backdrop { border-color: #ca7905; background-color: #ec9312; }
+
+.automation-mode notebook > header > tabs > tab { color: #aa6c14; }
+
+.automation-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+.automation-mode notebook > header > tabs > tab button.flat, .automation-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+.automation-mode notebook > header > tabs > tab:hover { color: #7f4f0a; border-color: rgba(36, 21, 0, 0.3); 
background-color: rgba(255, 167, 41, 0.2); box-shadow: inset 0 -3px #241500; }
+
+.automation-mode notebook > header > tabs > tab:backdrop { color: #d18212; border-color: transparent; 
background-color: transparent; box-shadow: none; }
+
+.automation-mode notebook > header > tabs > tab:checked { color: #553200; border-color: rgba(36, 21, 0, 
0.5); background-color: rgba(255, 167, 41, 0.5); box-shadow: inset 0 -3px #3584e4; }
+
+.automation-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(255, 167, 41, 0.7); }
+
+.automation-mode notebook > header > tabs > tab:backdrop:checked { color: #b26e0d; border-color: #ca7905; 
background-color: #ffa11a; }
+
+.automation-mode notebook > header > tabs > arrow:active { color: #553200; outline-color: rgba(85, 50, 0, 
0.3); border-color: #241500; background-image: image(#e08400); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar > *, .automation-mode actionbar > *, .automation-mode notebook > header > * { 
color: #553200; }
+
+.automation-mode headerbar > *:backdrop, .automation-mode actionbar > *:backdrop, .automation-mode notebook

header > *:backdrop { color: #b26e0d; }

+
+.automation-mode headerbar button, .automation-mode actionbar button, .automation-mode notebook > header 
button { color: #553200; outline-color: rgba(85, 50, 0, 0.3); border-color: #241500; border-bottom-color: 
black; background-image: linear-gradient(to top, #ff9e14 2px, #ffa729); text-shadow: 0 1px rgba(255, 255, 
255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 
255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+.automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton, .automation-mode 
actionbar button.flat, .automation-mode actionbar button.titlebutton, .automation-mode notebook > header 
button.flat, .automation-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar button.titlebutton, .automation-mode actionbar button.titlebutton, 
.automation-mode notebook > header button.titlebutton { text-shadow: 0 1px rgba(255, 255, 255, 0.769231); 
-gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); }
+
+.automation-mode headerbar button:hover, .automation-mode actionbar button:hover, .automation-mode notebook

header button:hover { color: #553200; outline-color: rgba(85, 50, 0, 0.3); border-color: #241500;

border-bottom-color: black; text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px 
rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 
0.07); background-image: linear-gradient(to top, #ffa729, #ffa92e 1px); }
+
+.automation-mode headerbar button:active, .automation-mode headerbar button:checked, .automation-mode 
actionbar button:active, .automation-mode actionbar button:checked, .automation-mode notebook > header 
button:active, .automation-mode notebook > header button:checked { color: #553200; outline-color: rgba(85, 
50, 0, 0.3); border-color: #241500; background-image: image(#e08400); box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar button:disabled, .automation-mode actionbar button:disabled, .automation-mode 
notebook > header button:disabled { color: #aa6c14; border-color: #503208; background-image: image(#ffa423); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:backdrop, .automation-mode actionbar button:backdrop, .automation-mode 
notebook > header button:backdrop { color: #b26e0d; border-color: #ca7905; background-image: image(#ffa11a); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:backdrop:active, .automation-mode actionbar button:backdrop:active, 
.automation-mode notebook > header button:backdrop:active { color: #b26e0d; border-color: #ca7905; 
background-image: image(#fd9500); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:backdrop:disabled, .automation-mode actionbar button:backdrop:disabled, 
.automation-mode notebook > header button:backdrop:disabled { color: #cc7800; border-color: #ca7905; 
background-image: image(#ffa423); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:checked, .automation-mode actionbar button:checked, .automation-mode 
notebook > header button:checked { background: image(#d17b00); border-color: #140c00; border-top-color: 
black; }
+
+.automation-mode headerbar button:checked:backdrop, .automation-mode actionbar button:checked:backdrop, 
.automation-mode notebook > header button:checked:backdrop { color: #b26e0d; border-color: #ca7905; 
background-image: image(#fd9500); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop, 
.automation-mode actionbar button.flat:backdrop, .automation-mode actionbar button.titlebutton:backdrop, 
.automation-mode notebook > header button.flat:backdrop, .automation-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar entry, .automation-mode actionbar entry, .automation-mode notebook > header entry 
{ border-color: #241500; }
+
+.automation-mode headerbar entry:focus, .automation-mode actionbar entry:focus, .automation-mode notebook > 
header entry:focus { border-color: #3584e4; box-shadow: inset 0 0 0 1px #3584e4; }
+
+.automation-mode headerbar entry:backdrop, .automation-mode actionbar entry:backdrop, .automation-mode 
notebook > header entry:backdrop { box-shadow: none; border-color: #ca7905; }
+
+/*************************** Check and Radio buttons * */
+.bookmark-tag-widget { border-radius: 5px; }
+
+.bookmark-tag-widget button { background: none; border: none; box-shadow: none; }
+
+.bookmark-tag-widget button:last-child image { color: #454f52; border: 1px solid transparent; border-radius: 
5px; }
+
+.bookmark-tag-widget button:last-child:hover image { color: #454f52; outline-color: rgba(69, 79, 82, 0.3); 
border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, 
#f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 
0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); color: #454f52; outline-color: 
rgba(69, 79, 82, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 
255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
+
+.bookmark-tag-widget button:last-child:active image { color: #454f52; outline-color: rgba(69, 79, 82, 0.3); 
border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, 
#f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 
0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); color: #454f52; outline-color: 
rgba(69, 79, 82, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.bookmark-tag-widget-selected button { background: none; border: none; box-shadow: none; }
+
+.bookmark-tag-widget-selected button:last-child image { color: #ffffff; border: 1px solid transparent; 
border-radius: 5px; }
+
+.bookmark-tag-widget-selected button:last-child:hover image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, 
#2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; text-shadow: 0 
-1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #3584e4, 
#3987e5 1px); }
+
+.bookmark-tag-widget-selected button:last-child:active image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, 
#2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.page-row-close-button { background: none; border: none; box-shadow: none; }
+
+.page-row-close-button:last-child image { color: #454f52; border: 1px solid transparent; border-radius: 5px; 
}
+
+.page-row-close-button:last-child:hover image { color: #454f52; outline-color: rgba(69, 79, 82, 0.3); 
border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, 
#f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 
0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); color: #454f52; outline-color: 
rgba(69, 79, 82, 0.3); border-color: #cdc7c2; border-bottom-color: #bfb8b1; text-shadow: 0 1px rgba(255, 255, 
255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 0.769231); box-shadow: inset 0 1px white, 0 1px 
2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #f6f5f4, #f8f8f7 1px); }
+
+.page-row-close-button:last-child:active image { color: #454f52; outline-color: rgba(69, 79, 82, 0.3); 
border-color: #cdc7c2; border-bottom-color: #bfb8b1; background-image: linear-gradient(to top, #edebe9 2px, 
#f6f5f4); text-shadow: 0 1px rgba(255, 255, 255, 0.769231); -gtk-icon-shadow: 0 1px rgba(255, 255, 255, 
0.769231); box-shadow: inset 0 1px white, 0 1px 2px rgba(0, 0, 0, 0.07); color: #454f52; outline-color: 
rgba(69, 79, 82, 0.3); border-color: #cdc7c2; background-image: image(#d6d1cd); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+row:selected .page-row-close-button { background: none; border: none; box-shadow: none; }
+
+row:selected .page-row-close-button:last-child image { color: #ffffff; border: 1px solid transparent; 
border-radius: 5px; }
+
+row:selected .page-row-close-button:last-child:hover image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, 
#2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; text-shadow: 0 
-1px rgba(0, 0, 0, 0.511216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.511216); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #3584e4, 
#3987e5 1px); }
+
+row:selected .page-row-close-button:last-child:active image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #1b6acb; border-bottom-color: #15539e; background-image: linear-gradient(to top, 
#2379e2 2px, #3584e4); text-shadow: 0 -1px rgba(0, 0, 0, 0.559216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.559216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #1b6acb; background-image: image(#1961b9); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+row.narrow .page-row-close-button image { padding: 6px; }
+
+@keyframes needs_attention_keyframes { 0% { background-image: linear-gradient(to bottom, #fafafa, #ededed 
40%, #e0e0e0);
+    border-color: @borders; }
+  /* can't do animation-direction, so holding the color on two keyframes */
+  30% { background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, 
@theme_base_color);
+    border-color: @theme_fg_color; }
+  90% { background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, 
@theme_base_color);
+    border-color: @theme_fg_color; }
+  100% { background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
+    border-color: @borders; } }
+
+.epiphany-downloads-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; }
+
+.epiphany-downloads-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; 
animation-iteration-count: 3; }
+
+.main-notebook tab:not(.reorderable-page) { min-width: 16px; }
+
+.main-notebook header.top tab, .main-notebook header.bottom tab { border-style: none solid; }
+
+.main-notebook header.left tab, .main-notebook header.right tab { border-style: solid none; }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):hover { border-color: rgba(205, 199, 
194, 0.3); background-color: rgba(246, 245, 244, 0.2); }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):backdrop { border-color: transparent; 
background-color: transparent; }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):checked { border-color: rgba(205, 199, 
194, 0.5); background-color: rgba(246, 245, 244, 0.5); }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):checked:hover { background-color: 
rgba(246, 245, 244, 0.7); }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):backdrop:checked { border-color: 
#d5d0cc; background-color: #f6f5f4; }
+
+.tab-attention { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#3584e4), 
to(transparent)); }
diff --git a/src/resources/themes/HighContrastInverse.css b/src/resources/themes/HighContrastInverse.css
new file mode 100644
index 000000000..dcf6d13c0
--- /dev/null
+++ b/src/resources/themes/HighContrastInverse.css
@@ -0,0 +1,274 @@
+.floating-bar { background-color: @theme_base_color; border-width: 1px; border-style: solid solid none; 
border-color: @borders; border-radius: 3px 3px 0 0; }
+
+.floating-bar.left { border-left-style: none; border-top-left-radius: 0; }
+
+.floating-bar.right { border-right-style: none; border-top-right-radius: 0; }
+
+.floating-bar:backdrop { background-color: @theme_unfocused_base_color; border-color: @unfocused_borders; }
+
+.incognito-mode headerbar { background-image: -gtk-icontheme("user-not-tracked-symbolic"); 
background-repeat: no-repeat; background-position: 157px 0; background-size: 64px 64px; color: rgba(0, 0, 0, 
0.35); }
+
+.automation-mode headerbar { background-color: #ff9600; color: rgba(0, 0, 0, 0.35); }
+
+.entry_icon_box { margin-left: 2px; margin-right: 5px; }
+
+.entry_icon_box:dir(rtl) { margin-left: 5px; margin-right: 2px; }
+
+.entry_icon { color: mix(@theme_fg_color, @theme_base_color, 0.2); margin: 0 4px; }
+
+.entry_icon:hover { color: @theme_fg_color; }
+
+.entry_icon:active { color: @theme_selected_bg_color; }
+
+.entry_icon:backdrop { color: mix(@theme_unfocused_fg_color, @theme_unfocused_base_color, 0.2); }
+
+.entry_icon.selected { color: @theme_selected_bg_color; }
+
+.entry_icon.starred { color: orange; }
+
+.bookmarks-row button { opacity: 0.25; }
+
+.bookmarks-row:hover button { opacity: 1; }
+
+.bookmark-tag-widget { padding-left: 8px; background-color: rgba(0, 0, 0, 0.1); border-radius: 3px; }
+
+.bookmark-tag-widget label { padding-left: 8px; padding-right: 8px; }
+
+.bookmark-tag-widget image, .bookmark-tag-widget label, .bookmark-tag-widget button:hover image { color: 
@theme_fg_color; }
+
+.bookmark-tag-widget-selected { background-color: @theme_selected_bg_color; }
+
+.bookmark-tag-widget-selected image, .bookmark-tag-widget-selected label, .bookmark-tag-widget-selected 
button:hover image { color: @theme_selected_fg_color; }
+
+#fullscreen-popup { padding: 12px; border-radius: 18px; background: rgba(0, 0, 0, 0.65); color: white; }
+
+.url_progress { border: none; background-color: transparent; background-image: none; padding-top: 0px; 
padding-bottom: 0px; margin-top: 0px; margin-bottom: 6px; }
+
+.url_progress progress { background-color: @theme_selected_bg_color; background-image: none; border: none; 
min-height: 2px; }
+
+.url_progress trough { border: none; background-color: transparent; background-image: none; }
+
+.tab-attention { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, 
to(@theme_selected_bg_color), to(transparent)); background-size: 6px 6px; background-repeat: no-repeat; 
background-position: center bottom; }
+
+.page-menu-contents { margin-left: 12px; margin-right: 12px; margin-bottom: 12px; }
+
+.search-entry-occurrences-tag { background: none; color: alpha(@theme_fg_color,0.5); box-shadow: none; 
border: none; margin: 2px; padding: 2px; }
+
+.search-entry-occurrences-tag:backdrop { color: alpha(@theme_unfocused_fg_color,0.5); }
+
+dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid { 
margin-left: 3px; }
+
+dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid .title, 
dzlsuggestionpopover > revealer > box > elastic > scrolledwindow > viewport > list > row > grid .subtitle { 
margin-left: 6px; }
+
+.download_progress progress { min-height: 2px; }
+
+.download_progress trough { min-width: 14px; }
+
+.incognito-mode { /*************************** Check and Radio buttons * */ }
+
+.incognito-mode headerbar { background: #101520 -gtk-icontheme("user-not-tracked-symbolic") 180px 0/64px 
64px no-repeat, linear-gradient(to top, #171d2e, #1a2235); box-shadow: inset 0 1px rgba(231, 234, 243, 0.07); 
border-color: #36456b; color: rgba(238, 240, 246, 0.2); }
+
+.incognito-mode headerbar:backdrop { background-image: cross-fade(50% 
-gtk-icontheme("user-not-tracked-symbolic"), image(transparent)), image(#212b42); border-color: #171d2e; 
box-shadow: inset 0 1px rgba(231, 234, 243, 0.07); }
+
+.incognito-mode actionbar { background: #212b42; }
+
+.incognito-mode actionbar > revealer > box { border-color: #475b8d; }
+
+.incognito-mode actionbar:backdrop { background: #252f49; }
+
+.incognito-mode actionbar:backdrop > revealer > box { border-color: #171d2e; }
+
+.incognito-mode notebook > header { border-color: #475b8d; background-color: #1c2438; }
+
+.incognito-mode notebook > header:backdrop { border-color: #171d2e; background-color: #202940; }
+
+.incognito-mode notebook > header > tabs > tab { color: #878d9c; }
+
+.incognito-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+.incognito-mode notebook > header > tabs > tab button.flat, .incognito-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+.incognito-mode notebook > header > tabs > tab:hover { color: #babfc9; border-color: rgba(71, 91, 141, 0.3); 
background-color: rgba(33, 43, 66, 0.2); box-shadow: inset 0 -3px #475b8d; }
+
+.incognito-mode notebook > header > tabs > tab:backdrop { color: #5f677c; border-color: transparent; 
background-color: transparent; box-shadow: none; }
+
+.incognito-mode notebook > header > tabs > tab:checked { color: #eef0f6; border-color: rgba(71, 91, 141, 
0.5); background-color: rgba(33, 43, 66, 0.5); box-shadow: inset 0 -3px #15539e; }
+
+.incognito-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(33, 43, 66, 0.7); }
+
+.incognito-mode notebook > header > tabs > tab:backdrop:checked { color: #868d9e; border-color: #171d2e; 
background-color: #252f49; }
+
+.incognito-mode notebook > header > tabs > arrow:active { color: #eef0f6; outline-color: rgba(238, 240, 246, 
0.3); border-color: #475b8d; background-image: image(#121724); box-shadow: inset 0 1px rgba(255, 255, 255, 
0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar > *, .incognito-mode actionbar > *, .incognito-mode notebook > header > * { color: 
#eef0f6; }
+
+.incognito-mode headerbar > *:backdrop, .incognito-mode actionbar > *:backdrop, .incognito-mode notebook > 
header > *:backdrop { color: #868d9e; }
+
+.incognito-mode headerbar button, .incognito-mode actionbar button, .incognito-mode notebook > header button 
{ color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); border-color: #475b8d; border-bottom-color: 
#36456b; background-image: linear-gradient(to top, #1f283f 2px, #212b42); text-shadow: 0 -1px rgba(0, 0, 0, 
0.844235); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.844235); box-shadow: inset 0 1px rgba(255, 255, 255, 
0.02), 0 1px 2px rgba(0, 0, 0, 0.07); }
+
+.incognito-mode headerbar button.flat, .incognito-mode headerbar button.titlebutton, .incognito-mode 
actionbar button.flat, .incognito-mode actionbar button.titlebutton, .incognito-mode notebook > header 
button.flat, .incognito-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar button.titlebutton, .incognito-mode actionbar button.titlebutton, .incognito-mode 
notebook > header button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.844235); -gtk-icon-shadow: 0 -1px 
rgba(0, 0, 0, 0.844235); }
+
+.incognito-mode headerbar button:hover, .incognito-mode actionbar button:hover, .incognito-mode notebook > 
header button:hover { color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); border-color: #475b8d; 
border-bottom-color: #36456b; text-shadow: 0 -1px rgba(0, 0, 0, 0.796235); -gtk-icon-shadow: 0 -1px rgba(0, 
0, 0, 0.796235); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); 
background-image: linear-gradient(to top, #1f283f, #232d46 1px); }
+
+.incognito-mode headerbar button:active, .incognito-mode headerbar button:checked, .incognito-mode actionbar 
button:active, .incognito-mode actionbar button:checked, .incognito-mode notebook > header button:active, 
.incognito-mode notebook > header button:checked { color: #eef0f6; outline-color: rgba(238, 240, 246, 0.3); 
border-color: #475b8d; background-image: image(#121724); box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar button:disabled, .incognito-mode actionbar button:disabled, .incognito-mode 
notebook > header button:disabled { color: #878d9c; border-color: #3f517e; background-image: image(#222c45); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:backdrop, .incognito-mode actionbar button:backdrop, .incognito-mode 
notebook > header button:backdrop { color: #868d9e; border-color: #171d2e; background-image: image(#252f49); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:backdrop:active, .incognito-mode actionbar button:backdrop:active, 
.incognito-mode notebook > header button:backdrop:active { color: #868d9e; border-color: #171d2e; 
background-image: image(#1b2235); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:backdrop:disabled, .incognito-mode actionbar button:backdrop:disabled, 
.incognito-mode notebook > header button:backdrop:disabled { color: #3e507c; border-color: #171d2e; 
background-image: image(#222c45); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button:checked, .incognito-mode actionbar button:checked, .incognito-mode notebook

header button:checked { background: image(#121724); border-color: #415483; border-top-color: #394972; }

+
+.incognito-mode headerbar button:checked:backdrop, .incognito-mode actionbar button:checked:backdrop, 
.incognito-mode notebook > header button:checked:backdrop { color: #868d9e; border-color: #171d2e; 
background-image: image(#1b2235); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.incognito-mode headerbar button.flat:backdrop, .incognito-mode headerbar button.titlebutton:backdrop, 
.incognito-mode actionbar button.flat:backdrop, .incognito-mode actionbar button.titlebutton:backdrop, 
.incognito-mode notebook > header button.flat:backdrop, .incognito-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.incognito-mode headerbar entry, .incognito-mode actionbar entry, .incognito-mode notebook > header entry { 
border-color: #475b8d; }
+
+.incognito-mode headerbar entry:focus, .incognito-mode actionbar entry:focus, .incognito-mode notebook > 
header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; }
+
+.incognito-mode headerbar entry:backdrop, .incognito-mode actionbar entry:backdrop, .incognito-mode notebook

header entry:backdrop { box-shadow: none; border-color: #171d2e; }

+
+.automation-mode { /*************************** Check and Radio buttons * */ }
+
+.automation-mode headerbar { background: #db8100 linear-gradient(to top, #f08d00, #fa9300); box-shadow: 
inset 0 1px rgba(255, 240, 219, 0.07); border-color: #ffb64d; color: rgba(255, 244, 229, 0.2); }
+
+.automation-mode headerbar:backdrop { background-image: image(#ff9c0f); border-color: #eb8c05; box-shadow: 
inset 0 1px rgba(255, 240, 219, 0.07); }
+
+.automation-mode actionbar { background: #ff9c0f; }
+
+.automation-mode actionbar > revealer > box { border-color: #ffcb80; }
+
+.automation-mode actionbar:backdrop { background: #ffa11a; }
+
+.automation-mode actionbar:backdrop > revealer > box { border-color: #eb8c05; }
+
+.automation-mode notebook > header { border-color: #ffcb80; background-color: #f2940d; }
+
+.automation-mode notebook > header:backdrop { border-color: #eb8c05; background-color: #f89912; }
+
+.automation-mode notebook > header > tabs > tab { color: #ffc87a; }
+
+.automation-mode notebook > header > tabs > tab button.flat:hover { color: currentColor; }
+
+.automation-mode notebook > header > tabs > tab button.flat, .automation-mode notebook > header > tabs > tab 
button.flat:backdrop { color: alpha(currentColor,0.3); }
+
+.automation-mode notebook > header > tabs > tab:hover { color: #ffdeb0; border-color: rgba(255, 203, 128, 
0.3); background-color: rgba(255, 156, 15, 0.2); box-shadow: inset 0 -3px #ffcb80; }
+
+.automation-mode notebook > header > tabs > tab:backdrop { color: #ffb853; border-color: transparent; 
background-color: transparent; box-shadow: none; }
+
+.automation-mode notebook > header > tabs > tab:checked { color: #fff4e5; border-color: rgba(255, 203, 128, 
0.5); background-color: rgba(255, 156, 15, 0.5); box-shadow: inset 0 -3px #15539e; }
+
+.automation-mode notebook > header > tabs > tab:checked:hover { background-color: rgba(255, 156, 15, 0.7); }
+
+.automation-mode notebook > header > tabs > tab:backdrop:checked { color: #ffc87a; border-color: #eb8c05; 
background-color: #ffa11a; }
+
+.automation-mode notebook > header > tabs > arrow:active { color: #fff4e5; outline-color: rgba(255, 244, 
229, 0.3); border-color: #ffcb80; background-image: image(#e08400); box-shadow: inset 0 1px rgba(255, 255, 
255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar > *, .automation-mode actionbar > *, .automation-mode notebook > header > * { 
color: #fff4e5; }
+
+.automation-mode headerbar > *:backdrop, .automation-mode actionbar > *:backdrop, .automation-mode notebook

header > *:backdrop { color: #ffc87a; }

+
+.automation-mode headerbar button, .automation-mode actionbar button, .automation-mode notebook > header 
button { color: #fff4e5; outline-color: rgba(255, 244, 229, 0.3); border-color: #ffcb80; border-bottom-color: 
#ffb64d; background-image: linear-gradient(to top, #ff9a0a 2px, #ff9c0f); text-shadow: 0 -1px rgba(0, 0, 0, 
0.576); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.576); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 
1px 2px rgba(0, 0, 0, 0.07); }
+
+.automation-mode headerbar button.flat, .automation-mode headerbar button.titlebutton, .automation-mode 
actionbar button.flat, .automation-mode actionbar button.titlebutton, .automation-mode notebook > header 
button.flat, .automation-mode notebook > header button.titlebutton { border-color: transparent; 
background-color: transparent; background-image: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); 
text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar button.titlebutton, .automation-mode actionbar button.titlebutton, 
.automation-mode notebook > header button.titlebutton { text-shadow: 0 -1px rgba(0, 0, 0, 0.576); 
-gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.576); }
+
+.automation-mode headerbar button:hover, .automation-mode actionbar button:hover, .automation-mode notebook

header button:hover { color: #fff4e5; outline-color: rgba(255, 244, 229, 0.3); border-color: #ffcb80;

border-bottom-color: #ffb64d; text-shadow: 0 -1px rgba(0, 0, 0, 0.528); -gtk-icon-shadow: 0 -1px rgba(0, 0, 
0, 0.528); box-shadow: inset 0 1px rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: 
linear-gradient(to top, #ff9a0a, #ff9e14 1px); }
+
+.automation-mode headerbar button:active, .automation-mode headerbar button:checked, .automation-mode 
actionbar button:active, .automation-mode actionbar button:checked, .automation-mode notebook > header 
button:active, .automation-mode notebook > header button:checked { color: #fff4e5; outline-color: rgba(255, 
244, 229, 0.3); border-color: #ffcb80; background-image: image(#e08400); box-shadow: inset 0 1px rgba(255, 
255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar button:disabled, .automation-mode actionbar button:disabled, .automation-mode 
notebook > header button:disabled { color: #ffc87a; border-color: #ffc169; background-image: image(#ff9e13); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:backdrop, .automation-mode actionbar button:backdrop, .automation-mode 
notebook > header button:backdrop { color: #ffc87a; border-color: #eb8c05; background-image: image(#ffa11a); 
text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:backdrop:active, .automation-mode actionbar button:backdrop:active, 
.automation-mode notebook > header button:backdrop:active { color: #ffc87a; border-color: #eb8c05; 
background-image: image(#fc9400); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:backdrop:disabled, .automation-mode actionbar button:backdrop:disabled, 
.automation-mode notebook > header button:backdrop:disabled { color: #ffc066; border-color: #eb8c05; 
background-image: image(#ff9e13); text-shadow: none; -gtk-icon-shadow: none; box-shadow: inset 0 1px 
rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button:checked, .automation-mode actionbar button:checked, .automation-mode 
notebook > header button:checked { background: image(#e08400); border-color: #ffc470; border-top-color: 
#ffba57; }
+
+.automation-mode headerbar button:checked:backdrop, .automation-mode actionbar button:checked:backdrop, 
.automation-mode notebook > header button:checked:backdrop { color: #ffc87a; border-color: #eb8c05; 
background-image: image(#fc9400); box-shadow: inset 0 1px rgba(255, 255, 255, 0); }
+
+.automation-mode headerbar button.flat:backdrop, .automation-mode headerbar button.titlebutton:backdrop, 
.automation-mode actionbar button.flat:backdrop, .automation-mode actionbar button.titlebutton:backdrop, 
.automation-mode notebook > header button.flat:backdrop, .automation-mode notebook > header 
button.titlebutton:backdrop { border-color: transparent; background-color: transparent; background-image: 
none; box-shadow: inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.automation-mode headerbar entry, .automation-mode actionbar entry, .automation-mode notebook > header entry 
{ border-color: #ffcb80; }
+
+.automation-mode headerbar entry:focus, .automation-mode actionbar entry:focus, .automation-mode notebook > 
header entry:focus { border-color: #030c17; box-shadow: inset 0 0 0 1px #15539e; }
+
+.automation-mode headerbar entry:backdrop, .automation-mode actionbar entry:backdrop, .automation-mode 
notebook > header entry:backdrop { box-shadow: none; border-color: #eb8c05; }
+
+/*************************** Check and Radio buttons * */
+.bookmark-tag-widget { border-radius: 5px; }
+
+.bookmark-tag-widget button { background: none; border: none; box-shadow: none; }
+
+.bookmark-tag-widget button:last-child image { color: #d6d6d1; border: 1px solid transparent; border-radius: 
5px; }
+
+.bookmark-tag-widget button:last-child:hover image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 
0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 
2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; 
outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, 
#373737 1px); }
+
+.bookmark-tag-widget button:last-child:active image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 
0.3); border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 
2px, #353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; 
outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.bookmark-tag-widget-selected button { background: none; border: none; box-shadow: none; }
+
+.bookmark-tag-widget-selected button:last-child image { color: #ffffff; border: 1px solid transparent; 
border-radius: 5px; }
+
+.bookmark-tag-widget-selected button:last-child:hover image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, 
#155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; text-shadow: 0 
-1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #155099, 
#1655a2 1px); }
+
+.bookmark-tag-widget-selected button:last-child:active image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, 
#155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+.page-row-close-button { background: none; border: none; box-shadow: none; }
+
+.page-row-close-button:last-child image { color: #d6d6d1; border: 1px solid transparent; border-radius: 5px; 
}
+
+.page-row-close-button:last-child:hover image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); 
border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, 
#353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; 
outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; border-bottom-color: #070707; text-shadow: 0 
-1px rgba(0, 0, 0, 0.786353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.786353); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #323232, 
#373737 1px); }
+
+.page-row-close-button:last-child:active image { color: #d6d6d1; outline-color: rgba(214, 214, 209, 0.3); 
border-color: #1b1b1b; border-bottom-color: #070707; background-image: linear-gradient(to top, #323232 2px, 
#353535); text-shadow: 0 -1px rgba(0, 0, 0, 0.834353); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.834353); 
box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #d6d6d1; 
outline-color: rgba(214, 214, 209, 0.3); border-color: #1b1b1b; background-image: image(#1e1e1e); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+row:selected .page-row-close-button { background: none; border: none; box-shadow: none; }
+
+row:selected .page-row-close-button:last-child image { color: #ffffff; border: 1px solid transparent; 
border-radius: 5px; }
+
+row:selected .page-row-close-button:last-child:hover image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, 
#155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; text-shadow: 0 
-1px rgba(0, 0, 0, 0.671216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 0.671216); box-shadow: inset 0 1px 
rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); background-image: linear-gradient(to top, #155099, 
#1655a2 1px); }
+
+row:selected .page-row-close-button:last-child:active image { color: #ffffff; outline-color: rgba(255, 255, 
255, 0.3); border-color: #0f3b71; border-bottom-color: #092444; background-image: linear-gradient(to top, 
#155099 2px, #15539e); text-shadow: 0 -1px rgba(0, 0, 0, 0.719216); -gtk-icon-shadow: 0 -1px rgba(0, 0, 0, 
0.719216); box-shadow: inset 0 1px rgba(255, 255, 255, 0.02), 0 1px 2px rgba(0, 0, 0, 0.07); color: #ffffff; 
outline-color: rgba(255, 255, 255, 0.3); border-color: #0f3b71; background-image: image(#103e75); box-shadow: 
inset 0 1px rgba(255, 255, 255, 0); text-shadow: none; -gtk-icon-shadow: none; }
+
+row.narrow .page-row-close-button image { padding: 6px; }
+
+@keyframes needs_attention_keyframes { 0% { background-image: linear-gradient(to bottom, #fafafa, #ededed 
40%, #e0e0e0);
+    border-color: @borders; }
+  /* can't do animation-direction, so holding the color on two keyframes */
+  30% { background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, 
@theme_base_color);
+    border-color: @theme_fg_color; }
+  90% { background-image: linear-gradient(to bottom, @theme_base_color, @theme_base_color, 
@theme_base_color);
+    border-color: @theme_fg_color; }
+  100% { background-image: linear-gradient(to bottom, #fafafa, #ededed 40%, #e0e0e0);
+    border-color: @borders; } }
+
+.epiphany-downloads-button-needs-attention { animation: needs_attention_keyframes 2s ease-in-out; }
+
+.epiphany-downloads-button-needs-attention-multiple { animation: needs_attention_keyframes 3s ease-in-out; 
animation-iteration-count: 3; }
+
+.main-notebook tab:not(.reorderable-page) { min-width: 16px; }
+
+.main-notebook header.top tab, .main-notebook header.bottom tab { border-style: none solid; }
+
+.main-notebook header.left tab, .main-notebook header.right tab { border-style: solid none; }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):hover { border-color: rgba(27, 27, 27, 
0.3); background-color: rgba(53, 53, 53, 0.2); }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):backdrop { border-color: transparent; 
background-color: transparent; }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):checked { border-color: rgba(27, 27, 
27, 0.5); background-color: rgba(53, 53, 53, 0.5); }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):checked:hover { background-color: 
rgba(53, 53, 53, 0.7); }
+
+window:not(.incognito-mode) .main-notebook tab:not(.reorderable-page):backdrop:checked { border-color: 
#202020; background-color: #353535; }
+
+.tab-attention { background-image: -gtk-gradient(radial, center center, 0, center center, 0.5, to(#1f76e1), 
to(transparent)); }

[Date Prev][Date Next] [Thread Prev][Thread Next] [Thread Index] [Date Index] [Author Index]