From 5ba146d937acad414ac4539f8cf12c4dedbf033c Mon Sep 17 00:00:00 2001 From: Horst3180 Date: Wed, 15 Jul 2015 12:27:03 +0200 Subject: add workaround for unreadable webkit buttons --- common/gtk-3.0/3.14/_common.scss | 6 ++++++ common/gtk-3.0/3.14/gtk-contained-dark.css | 4 ++++ common/gtk-3.0/3.14/gtk-contained-darker.css | 4 ++++ common/gtk-3.0/3.14/gtk-contained-solid-dark.css | 4 ++++ common/gtk-3.0/3.14/gtk-contained-solid-darker.css | 4 ++++ common/gtk-3.0/3.14/gtk-contained-solid.css | 4 ++++ common/gtk-3.0/3.14/gtk-contained.css | 4 ++++ common/gtk-3.0/3.16/_common.scss | 6 ++++++ common/gtk-3.0/3.16/gtk-contained-dark.css | 4 ++++ common/gtk-3.0/3.16/gtk-contained-darker.css | 4 ++++ common/gtk-3.0/3.16/gtk-contained-solid-dark.css | 4 ++++ common/gtk-3.0/3.16/gtk-contained-solid-darker.css | 4 ++++ common/gtk-3.0/3.16/gtk-contained-solid.css | 4 ++++ common/gtk-3.0/3.16/gtk-contained.css | 4 ++++ 14 files changed, 60 insertions(+) (limited to 'common/gtk-3.0') diff --git a/common/gtk-3.0/3.14/_common.scss b/common/gtk-3.0/3.14/_common.scss index b691ee0..5d10ef0 100644 --- a/common/gtk-3.0/3.14/_common.scss +++ b/common/gtk-3.0/3.14/_common.scss @@ -417,6 +417,12 @@ $_dot_color: $selected_bg_color; @include button(active); transition-duration: 50ms; } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + &.flat:insensitive { @include button(undecorated); } diff --git a/common/gtk-3.0/3.14/gtk-contained-dark.css b/common/gtk-3.0/3.14/gtk-contained-dark.css index 3c3c731..5e5e9be 100644 --- a/common/gtk-3.0/3.14/gtk-contained-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-dark.css @@ -282,6 +282,10 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #D3DAE3; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.14/gtk-contained-darker.css b/common/gtk-3.0/3.14/gtk-contained-darker.css index b1968f4..bda733e 100644 --- a/common/gtk-3.0/3.14/gtk-contained-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-darker.css @@ -282,6 +282,10 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css index 7fc06fa..979e46e 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-dark.css @@ -282,6 +282,10 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #D3DAE3; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css index c3a5dd2..9bce4a7 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid-darker.css @@ -282,6 +282,10 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.14/gtk-contained-solid.css b/common/gtk-3.0/3.14/gtk-contained-solid.css index c145f9e..a4d2886 100644 --- a/common/gtk-3.0/3.14/gtk-contained-solid.css +++ b/common/gtk-3.0/3.14/gtk-contained-solid.css @@ -282,6 +282,10 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.14/gtk-contained.css b/common/gtk-3.0/3.14/gtk-contained.css index fe29c2e..1a5e28e 100644 --- a/common/gtk-3.0/3.14/gtk-contained.css +++ b/common/gtk-3.0/3.14/gtk-contained.css @@ -282,6 +282,10 @@ GtkFlowBox .grid-child { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.16/_common.scss b/common/gtk-3.0/3.16/_common.scss index 5a38722..444a4aa 100644 --- a/common/gtk-3.0/3.16/_common.scss +++ b/common/gtk-3.0/3.16/_common.scss @@ -417,6 +417,12 @@ $_dot_color: $selected_bg_color; @include button(active); transition-duration: 50ms; } + + //Webkitgtk workaround start + &:active { color: $fg_color; } + &:active:hover, &:checked { color: $selected_fg_color; } + //Webkitgtk workaround end + &.flat:insensitive { @include button(undecorated); } diff --git a/common/gtk-3.0/3.16/gtk-contained-dark.css b/common/gtk-3.0/3.16/gtk-contained-dark.css index 715df3c..477b983 100644 --- a/common/gtk-3.0/3.16/gtk-contained-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-dark.css @@ -282,6 +282,10 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #D3DAE3; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.16/gtk-contained-darker.css b/common/gtk-3.0/3.16/gtk-contained-darker.css index a4f6013..bd9b13c 100644 --- a/common/gtk-3.0/3.16/gtk-contained-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-darker.css @@ -282,6 +282,10 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css index 866c82c..500a8d1 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-dark.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-dark.css @@ -282,6 +282,10 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #D3DAE3; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css index 5907ea6..975abe6 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid-darker.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid-darker.css @@ -282,6 +282,10 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.16/gtk-contained-solid.css b/common/gtk-3.0/3.16/gtk-contained-solid.css index 06290ec..de26107 100644 --- a/common/gtk-3.0/3.16/gtk-contained-solid.css +++ b/common/gtk-3.0/3.16/gtk-contained-solid.css @@ -282,6 +282,10 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; diff --git a/common/gtk-3.0/3.16/gtk-contained.css b/common/gtk-3.0/3.16/gtk-contained.css index 213ba89..876dda5 100644 --- a/common/gtk-3.0/3.16/gtk-contained.css +++ b/common/gtk-3.0/3.16/gtk-contained.css @@ -282,6 +282,10 @@ GtkTextView { border-color: #5294E2; background-color: #5294E2; transition-duration: 50ms; } + .button:active { + color: #5c616c; } + .button:active:hover, .button:checked { + color: #ffffff; } .button.flat:insensitive { border-color: transparent; background-color: transparent; -- cgit v1.2.3