[Ide][Gtkrc] Change the style of the Gtk.Button focus

Fixes VSTS #750448
Fixes VSTS #753559

Author: sevoku

main/src/core/MonoDevelop.Ide/gtkrc.mac

@@ -19,7 +19,8 @@ selected_bg_color: #2862d9
 selected_fg_color: #fff
 tooltip_bg_color: #f2f2f2
 tooltip_fg_color: #272727
-tooltip_border_color: #b2b2b2"
+tooltip_border_color: #b2b2b2
+focus_ring_color: #8eaff0"
 
 gtk-button-images = 0
 gtk-menu-images = 0
@@ -136,7 +137,7 @@ style "wider" = "default" {
 }
 
 style "button" = "default" {
-    xthickness = 2
+    xthickness = 4
     ythickness = 4
 
     font_name = "-apple-system-font 12"
@@ -145,13 +146,14 @@ style "button" = "default" {
     bg[PRELIGHT] = @base_color # Mac buttons have no hover state
 
     GtkWidget::focus-padding = 0
-    GtkWidget::focus-line-width = 1
+    GtkWidget::focus-line-width = 2
 
     engine "xamarin" {
         border_shades = {1.4, 1.3}
         rgba = FALSE
         contrast = 1.0
-        focus_color = shade(0.6, @bg_color)
+        focus_color = @focus_ring_color
+        focusstyle = 3
         textstyle = 0
         highlight_shade = 1.0
         lightborder_shade = 1.0
@@ -172,7 +174,6 @@ style "toggle-button" = "button" {
     engine "xamarin" {
         rgba = FALSE
         contrast = 1.0
-        focus_color = shade(0.6, @bg_color)
         textstyle = 1
     }
 }

main/src/core/MonoDevelop.Ide/gtkrc.mac-dark

@@ -19,7 +19,8 @@ selected_bg_color: #2257c9
 selected_fg_color: #fff
 tooltip_bg_color: #5a5a5a
 tooltip_fg_color: #d2d5cd
-tooltip_border_color: #b2b2b2"
+tooltip_border_color: #b2b2b2
+focus_ring_color: #45739e"
 
 gtk-button-images = 0
 gtk-menu-images = 0
@@ -137,7 +138,7 @@ style "wider" = "default" {
 }
 
 style "button" = "default" {
-    xthickness = 2
+    xthickness = 4
     ythickness = 4
 
     font_name = "-apple-system-font 12"
@@ -154,12 +155,12 @@ style "button" = "default" {
 
     GtkWidget::draw-border = { 1, 1, 1, 1 }
     GtkWidget::focus-padding = 0
-    GtkWidget::focus-line-width = 1
+    GtkWidget::focus-line-width = 2
 
     engine "xamarin" {
         rgba = FALSE
         contrast = 1.0
-        focus_color = shade(1.4, @bg_color)
+        focus_color = @focus_ring_color
         focusstyle = 3
         textstyle = 0
         highlight_shade = 1.0
@@ -185,7 +186,6 @@ style "toggle-button" = "button" {
         rgba = FALSE
         contrast = 1.0
         gradient_shades = {0.96, 0.918, 0.926, 0.858}
-        focus_color = shade(0.6, @bg_color)
         textstyle = 1
     }
 }