add workaround for unreadable webkit buttons

7 files changed, 30 insertions, 0 deletions

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;