add workaround for unreadable webkit buttons

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);
   }

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;

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;

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;

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;

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;

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;

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);
   }

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;

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;

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;

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;

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;

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;