From c6fb5b3f554b83e89f0d2fd756bb5a580ac7ea9c Mon Sep 17 00:00:00 2001 From: Sam Hewitt Date: Sun, 8 Mar 2015 21:45:34 -0400 Subject: [PATCH] Tweaked buttons. --- Paper/gtk-3.0/widgets/buttons.css | 2 +- .../gtk-3.0/widgets/destructive-action-buttons.css | 6 ++++-- Paper/gtk-3.0/widgets/suggested-action-buttons.css | 13 ++++++++----- 3 files changed, 13 insertions(+), 8 deletions(-) diff --git a/Paper/gtk-3.0/widgets/buttons.css b/Paper/gtk-3.0/widgets/buttons.css index 60769f9..848df5a 100644 --- a/Paper/gtk-3.0/widgets/buttons.css +++ b/Paper/gtk-3.0/widgets/buttons.css @@ -236,7 +236,7 @@ GtkCalendar.button:backdrop:hover, .text-button:active GtkLabel, .text-button:hover GtkLabel { - color: alpha(#000, 0.5); + color: shade(@selection, 0.85); /*color: @text;*/ } diff --git a/Paper/gtk-3.0/widgets/destructive-action-buttons.css b/Paper/gtk-3.0/widgets/destructive-action-buttons.css index 7065ea0..bd14c18 100644 --- a/Paper/gtk-3.0/widgets/destructive-action-buttons.css +++ b/Paper/gtk-3.0/widgets/destructive-action-buttons.css @@ -20,8 +20,8 @@ * Destructive action buttons * ******************************/ @define-color destructive_action_button #DC322F; -@define-color destructive_action_button_border shade(@destructive_action_button, 0.7); -@define-color destructive_action_button_foreground @base; +@define-color destructive_action_button_border shade(@destructive_action_button, 0.9); +@define-color destructive_action_button_foreground #fff; /****************************** * Destructive action buttons * @@ -112,6 +112,7 @@ /* Labels */ .destructive-action.button GtkLabel { color: @destructive_action_button_foreground; + text-shadow:0 1px alpha(#000, 0.05); } .destructive-action.button:active GtkLabel, @@ -125,6 +126,7 @@ .destructive-action.button:focus:backdrop GtkLabel, .destructive-action.button:active:backdrop GtkLabel { color: @backdrop_text; + text-shadow:none; } .destructive-action.button:insensitive GtkLabel { diff --git a/Paper/gtk-3.0/widgets/suggested-action-buttons.css b/Paper/gtk-3.0/widgets/suggested-action-buttons.css index 8ad729f..fa3a162 100644 --- a/Paper/gtk-3.0/widgets/suggested-action-buttons.css +++ b/Paper/gtk-3.0/widgets/suggested-action-buttons.css @@ -20,6 +20,7 @@ @define-color suggested_action_button_foreground #fff; @define-color backdrop_suggested_action_foreground alpha(#fff, 0.8); @define-color insensitive_suggested_action_foreground alpha(#fff, 0.5); +@define-color suggested_action_button_border shade(@suggested_action_button, 0.9); /**************************** * Suggested action buttons * @@ -27,7 +28,7 @@ .suggested-action.button, .button.suggested-action { - border: 1px solid @suggested_action_button; + border: 1px solid @suggested_action_button_border; background-color: @suggested_action_button; background-image: linear-gradient(to bottom, @suggested_action_button, @@ -38,7 +39,7 @@ .suggested-action.button:hover, .button.suggested-action:hover { - border: 1px solid shade(@suggested_action_button, 1.2); + border: 1px solid shade(@suggested_action_button_border, 1.1); background-color: shade(@suggested_action_button, 1.2); background-image: linear-gradient(to bottom, shade(@suggested_action_button, 1.1), @@ -81,21 +82,21 @@ .suggested-action.text-button, .text-button.suggested-action { - border: 1px solid @suggested_action_button; + border: 1px solid @suggested_action_button_border; background-color: @suggested_action_button; color: @suggested_action_button_foreground; } .suggested-action.text-button:hover, .text-button.suggested-action:hover { - border: 1px solid shade(@suggested_action_button, 1.2); + border: 1px solid shade(@suggested_action_button_border, 1.1); background-color: shade(@suggested_action_button, 1.2); color: @suggested_action_button_foreground; } .suggested-action.text-button:active, .text-button.suggested-action:active { - border: 1px solid shade(@suggested_action_button, 1.1); + border: 1px solid shade(@suggested_action_button_border, 1.1); background-color: shade(@suggested_action_button, 1.1); color: @suggested_action_button_foreground; } @@ -153,6 +154,7 @@ /* Labels */ .suggested-action.button GtkLabel { color: @suggested_action_button_foreground; + text-shadow:0 1px alpha(#000, 0.05); } .suggested-action.button:active GtkLabel, @@ -166,6 +168,7 @@ .suggested-action.button:focus:backdrop GtkLabel, .suggested-action.button:active:backdrop GtkLabel { color: @backdrop_text; + text-shadow:none; } .suggested-action.button:insensitive GtkLabel {