From 6e3491ff801c9488218460f720e20df3f034d6e8 Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Tue, 20 Sep 2016 11:13:56 +0200 Subject: tweak treeview progressbars --- common/gtk-3.0/3.14/gtk-dark.css | 11 ++++++++--- common/gtk-3.0/3.14/gtk-darker.css | 11 ++++++++--- common/gtk-3.0/3.14/gtk-solid-dark.css | 11 ++++++++--- common/gtk-3.0/3.14/gtk-solid-darker.css | 11 ++++++++--- common/gtk-3.0/3.14/gtk-solid.css | 11 ++++++++--- common/gtk-3.0/3.14/gtk.css | 11 ++++++++--- common/gtk-3.0/3.14/sass/_common.scss | 13 ++++++++++--- common/gtk-3.0/3.16/gtk-dark.css | 11 ++++++++--- common/gtk-3.0/3.16/gtk-darker.css | 11 ++++++++--- common/gtk-3.0/3.16/gtk-solid-dark.css | 11 ++++++++--- common/gtk-3.0/3.16/gtk-solid-darker.css | 11 ++++++++--- common/gtk-3.0/3.16/gtk-solid.css | 11 ++++++++--- common/gtk-3.0/3.16/gtk.css | 11 ++++++++--- common/gtk-3.0/3.16/sass/_common.scss | 13 ++++++++++--- common/gtk-3.0/3.18/gtk-dark.css | 11 ++++++++--- common/gtk-3.0/3.18/gtk-darker.css | 11 ++++++++--- common/gtk-3.0/3.18/gtk-solid-dark.css | 11 ++++++++--- common/gtk-3.0/3.18/gtk-solid-darker.css | 11 ++++++++--- common/gtk-3.0/3.18/gtk-solid.css | 11 ++++++++--- common/gtk-3.0/3.18/gtk.css | 11 ++++++++--- common/gtk-3.0/3.18/sass/_common.scss | 13 ++++++++++--- common/gtk-3.0/3.20/gtk-dark.css | 7 ++++++- common/gtk-3.0/3.20/gtk-darker.css | 7 ++++++- common/gtk-3.0/3.20/gtk-solid-dark.css | 7 ++++++- common/gtk-3.0/3.20/gtk-solid-darker.css | 7 ++++++- common/gtk-3.0/3.20/gtk-solid.css | 7 ++++++- common/gtk-3.0/3.20/gtk.css | 7 ++++++- common/gtk-3.0/3.20/sass/_common.scss | 9 ++++++++- 28 files changed, 218 insertions(+), 70 deletions(-) diff --git a/common/gtk-3.0/3.14/gtk-dark.css b/common/gtk-3.0/3.14/gtk-dark.css index 06fea98..e7f5c21 100644 --- a/common/gtk-3.0/3.14/gtk-dark.css +++ b/common/gtk-3.0/3.14/gtk-dark.css @@ -1228,19 +1228,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #b6bcc6; diff --git a/common/gtk-3.0/3.14/gtk-darker.css b/common/gtk-3.0/3.14/gtk-darker.css index f0bab67..5c70d1c 100644 --- a/common/gtk-3.0/3.14/gtk-darker.css +++ b/common/gtk-3.0/3.14/gtk-darker.css @@ -1231,19 +1231,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.14/gtk-solid-dark.css b/common/gtk-3.0/3.14/gtk-solid-dark.css index a5ffb1e..d3a212a 100644 --- a/common/gtk-3.0/3.14/gtk-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-solid-dark.css @@ -1228,19 +1228,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #b6bcc6; diff --git a/common/gtk-3.0/3.14/gtk-solid-darker.css b/common/gtk-3.0/3.14/gtk-solid-darker.css index c4e3418..346b110 100644 --- a/common/gtk-3.0/3.14/gtk-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-solid-darker.css @@ -1231,19 +1231,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.14/gtk-solid.css b/common/gtk-3.0/3.14/gtk-solid.css index 17c7b2f..a2ca2ad 100644 --- a/common/gtk-3.0/3.14/gtk-solid.css +++ b/common/gtk-3.0/3.14/gtk-solid.css @@ -1231,19 +1231,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.14/gtk.css b/common/gtk-3.0/3.14/gtk.css index 7e1aa43..cd5f9d9 100644 --- a/common/gtk-3.0/3.14/gtk.css +++ b/common/gtk-3.0/3.14/gtk.css @@ -1231,19 +1231,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.14/sass/_common.scss b/common/gtk-3.0/3.14/sass/_common.scss index 4be71d9..5f98928 100644 --- a/common/gtk-3.0/3.14/sass/_common.scss +++ b/common/gtk-3.0/3.14/sass/_common.scss @@ -1435,22 +1435,29 @@ GtkTreeView.view { // treeview grid lines a } } - &.progressbar { // progress bar in treeviews + &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); - &:selected { + &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } - &.trough, &.trough:selected { // progress bar trough in treeviews + &.trough { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; border-width: 0; + + &:selected, &:selected:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + border-radius: 3px; + border-width: 0; + } } } diff --git a/common/gtk-3.0/3.16/gtk-dark.css b/common/gtk-3.0/3.16/gtk-dark.css index a1db7d7..c45621e 100644 --- a/common/gtk-3.0/3.16/gtk-dark.css +++ b/common/gtk-3.0/3.16/gtk-dark.css @@ -1242,19 +1242,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #b6bcc6; diff --git a/common/gtk-3.0/3.16/gtk-darker.css b/common/gtk-3.0/3.16/gtk-darker.css index e0f2b08..b42ea2c 100644 --- a/common/gtk-3.0/3.16/gtk-darker.css +++ b/common/gtk-3.0/3.16/gtk-darker.css @@ -1245,19 +1245,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.16/gtk-solid-dark.css b/common/gtk-3.0/3.16/gtk-solid-dark.css index 0f30efe..99a4dc1 100644 --- a/common/gtk-3.0/3.16/gtk-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-solid-dark.css @@ -1242,19 +1242,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #b6bcc6; diff --git a/common/gtk-3.0/3.16/gtk-solid-darker.css b/common/gtk-3.0/3.16/gtk-solid-darker.css index 56329b9..a2154f2 100644 --- a/common/gtk-3.0/3.16/gtk-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-solid-darker.css @@ -1245,19 +1245,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.16/gtk-solid.css b/common/gtk-3.0/3.16/gtk-solid.css index ec42596..a8238d1 100644 --- a/common/gtk-3.0/3.16/gtk-solid.css +++ b/common/gtk-3.0/3.16/gtk-solid.css @@ -1245,19 +1245,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.16/gtk.css b/common/gtk-3.0/3.16/gtk.css index 487b0a7..c25fa18 100644 --- a/common/gtk-3.0/3.16/gtk.css +++ b/common/gtk-3.0/3.16/gtk.css @@ -1245,19 +1245,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.16/sass/_common.scss b/common/gtk-3.0/3.16/sass/_common.scss index cd32885..200adc0 100644 --- a/common/gtk-3.0/3.16/sass/_common.scss +++ b/common/gtk-3.0/3.16/sass/_common.scss @@ -1449,22 +1449,29 @@ GtkTreeView.view { // treeview grid lines a } } - &.progressbar { // progress bar in treeviews + &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); - &:selected { + &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } - &.trough, &.trough:selected { // progress bar trough in treeviews + &.trough { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; border-width: 0; + + &:selected, &:selected:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + border-radius: 3px; + border-width: 0; + } } } diff --git a/common/gtk-3.0/3.18/gtk-dark.css b/common/gtk-3.0/3.18/gtk-dark.css index d55bfec..0556032 100644 --- a/common/gtk-3.0/3.18/gtk-dark.css +++ b/common/gtk-3.0/3.18/gtk-dark.css @@ -1311,19 +1311,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #b6bcc6; diff --git a/common/gtk-3.0/3.18/gtk-darker.css b/common/gtk-3.0/3.18/gtk-darker.css index 4cba945..37915c4 100644 --- a/common/gtk-3.0/3.18/gtk-darker.css +++ b/common/gtk-3.0/3.18/gtk-darker.css @@ -1314,19 +1314,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.18/gtk-solid-dark.css b/common/gtk-3.0/3.18/gtk-solid-dark.css index f5340c5..d9716bd 100644 --- a/common/gtk-3.0/3.18/gtk-solid-dark.css +++ b/common/gtk-3.0/3.18/gtk-solid-dark.css @@ -1311,19 +1311,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #D3DAE3; background-image: linear-gradient(to bottom, #2b2e39); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #b6bcc6; diff --git a/common/gtk-3.0/3.18/gtk-solid-darker.css b/common/gtk-3.0/3.18/gtk-solid-darker.css index 2e27795..4b77834 100644 --- a/common/gtk-3.0/3.18/gtk-solid-darker.css +++ b/common/gtk-3.0/3.18/gtk-solid-darker.css @@ -1314,19 +1314,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.18/gtk-solid.css b/common/gtk-3.0/3.18/gtk-solid.css index 926f008..c7d9f25 100644 --- a/common/gtk-3.0/3.18/gtk-solid.css +++ b/common/gtk-3.0/3.18/gtk-solid.css @@ -1318,19 +1318,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.18/gtk.css b/common/gtk-3.0/3.18/gtk.css index e730841..1e53899 100644 --- a/common/gtk-3.0/3.18/gtk.css +++ b/common/gtk-3.0/3.18/gtk.css @@ -1318,19 +1318,24 @@ GtkTreeView.view { color: #ffffff; } GtkTreeView.view.expander:checked { -gtk-icon-source: -gtk-icontheme("pan-down-symbolic"); } - GtkTreeView.view.progressbar { + GtkTreeView.view.progressbar, GtkTreeView.view.progressbar:focus { color: #ffffff; border-radius: 3px; background-image: linear-gradient(to bottom, #5294e2); } - GtkTreeView.view.progressbar:selected { + GtkTreeView.view.progressbar:selected, GtkTreeView.view.progressbar:selected:focus, GtkTreeView.view.progressbar:focus:selected, GtkTreeView.view.progressbar:focus:selected:focus { color: #5294e2; box-shadow: none; background-image: linear-gradient(to bottom, #ffffff); } - GtkTreeView.view.trough, GtkTreeView.view.trough:selected { + GtkTreeView.view.trough { color: #5c616c; background-image: linear-gradient(to bottom, #cfd6e6); border-radius: 3px; border-width: 0; } + GtkTreeView.view.trough:selected, GtkTreeView.view.trough:selected:focus { + color: #ffffff; + background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.2)); + border-radius: 3px; + border-width: 0; } column-header .button { color: #7d8189; diff --git a/common/gtk-3.0/3.18/sass/_common.scss b/common/gtk-3.0/3.18/sass/_common.scss index 4cd4e6e..d60f175 100644 --- a/common/gtk-3.0/3.18/sass/_common.scss +++ b/common/gtk-3.0/3.18/sass/_common.scss @@ -1394,22 +1394,29 @@ GtkTreeView.view { // treeview grid lines a } } - &.progressbar { // progress bar in treeviews + &.progressbar, &.progressbar:focus { // progress bar in treeviews color: $selected_fg_color; border-radius: 3px; background-image: linear-gradient(to bottom, $selected_bg_color); - &:selected { + &:selected, &:selected:focus { color: $selected_bg_color; box-shadow: none; background-image: linear-gradient(to bottom, $selected_fg_color); } } - &.trough, &.trough:selected { // progress bar trough in treeviews + &.trough { // progress bar trough in treeviews color: $fg_color; background-image: linear-gradient(to bottom, $button_border); border-radius: 3px; border-width: 0; + + &:selected, &:selected:focus { + color: $selected_fg_color; + background-image: linear-gradient(to bottom, transparentize(black, 0.8)); + border-radius: 3px; + border-width: 0; + } } } diff --git a/common/gtk-3.0/3.20/gtk-dark.css b/common/gtk-3.0/3.20/gtk-dark.css index d45c866..63e3e4b 100644 --- a/common/gtk-3.0/3.20/gtk-dark.css +++ b/common/gtk-3.0/3.20/gtk-dark.css @@ -1417,11 +1417,16 @@ treeview.view { color: #5294e2; box-shadow: none; background-color: #ffffff; } - treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + treeview.view.trough { color: #D3DAE3; background-color: #2b2e39; border-radius: 3px; border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; diff --git a/common/gtk-3.0/3.20/gtk-darker.css b/common/gtk-3.0/3.20/gtk-darker.css index a9690ad..8ee4e4e 100644 --- a/common/gtk-3.0/3.20/gtk-darker.css +++ b/common/gtk-3.0/3.20/gtk-darker.css @@ -1416,11 +1416,16 @@ treeview.view { color: #5294e2; box-shadow: none; background-color: #ffffff; } - treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; diff --git a/common/gtk-3.0/3.20/gtk-solid-dark.css b/common/gtk-3.0/3.20/gtk-solid-dark.css index fdba665..6cc3be6 100644 --- a/common/gtk-3.0/3.20/gtk-solid-dark.css +++ b/common/gtk-3.0/3.20/gtk-solid-dark.css @@ -1417,11 +1417,16 @@ treeview.view { color: #5294e2; box-shadow: none; background-color: #ffffff; } - treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + treeview.view.trough { color: #D3DAE3; background-color: #2b2e39; border-radius: 3px; border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; diff --git a/common/gtk-3.0/3.20/gtk-solid-darker.css b/common/gtk-3.0/3.20/gtk-solid-darker.css index 14dae86..78ef016 100644 --- a/common/gtk-3.0/3.20/gtk-solid-darker.css +++ b/common/gtk-3.0/3.20/gtk-solid-darker.css @@ -1416,11 +1416,16 @@ treeview.view { color: #5294e2; box-shadow: none; background-color: #ffffff; } - treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; diff --git a/common/gtk-3.0/3.20/gtk-solid.css b/common/gtk-3.0/3.20/gtk-solid.css index 9a838c9..dc7fb6b 100644 --- a/common/gtk-3.0/3.20/gtk-solid.css +++ b/common/gtk-3.0/3.20/gtk-solid.css @@ -1420,11 +1420,16 @@ treeview.view { color: #5294e2; box-shadow: none; background-color: #ffffff; } - treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; diff --git a/common/gtk-3.0/3.20/gtk.css b/common/gtk-3.0/3.20/gtk.css index 9b709bf..0cadf30 100644 --- a/common/gtk-3.0/3.20/gtk.css +++ b/common/gtk-3.0/3.20/gtk.css @@ -1420,11 +1420,16 @@ treeview.view { color: #5294e2; box-shadow: none; background-color: #ffffff; } - treeview.view.trough, treeview.view.trough:selected, treeview.view.trough:selected:focus { + treeview.view.trough { color: #5c616c; background-color: #cfd6e6; border-radius: 3px; border-width: 0; } + treeview.view.trough:selected, treeview.view.trough:selected:focus { + color: #ffffff; + background-color: rgba(0, 0, 0, 0.2); + border-radius: 3px; + border-width: 0; } treeview.view header button { min-height: 0; min-width: 0; diff --git a/common/gtk-3.0/3.20/sass/_common.scss b/common/gtk-3.0/3.20/sass/_common.scss index 005b615..9d27a68 100644 --- a/common/gtk-3.0/3.20/sass/_common.scss +++ b/common/gtk-3.0/3.20/sass/_common.scss @@ -1500,11 +1500,18 @@ treeview.view { background-color: $selected_fg_color; } } - &.trough, &.trough:selected, &.trough:selected:focus { // progress bar trough in treeviews + &.trough { // progress bar trough in treeviews color: $fg_color; background-color: $button_border; border-radius: 3px; border-width: 0; + + &:selected, &:selected:focus { + color: $selected_fg_color; + background-color: transparentize(black, 0.8); + border-radius: 3px; + border-width: 0; + } } header { -- cgit v1.2.3