Tweaked buttons.
This commit is contained in:
@@ -236,7 +236,7 @@ GtkCalendar.button:backdrop:hover,
|
|||||||
|
|
||||||
.text-button:active GtkLabel,
|
.text-button:active GtkLabel,
|
||||||
.text-button:hover GtkLabel {
|
.text-button:hover GtkLabel {
|
||||||
color: alpha(#000, 0.5);
|
color: shade(@selection, 0.85);
|
||||||
/*color: @text;*/
|
/*color: @text;*/
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@@ -20,8 +20,8 @@
|
|||||||
* Destructive action buttons *
|
* Destructive action buttons *
|
||||||
******************************/
|
******************************/
|
||||||
@define-color destructive_action_button #DC322F;
|
@define-color destructive_action_button #DC322F;
|
||||||
@define-color destructive_action_button_border shade(@destructive_action_button, 0.7);
|
@define-color destructive_action_button_border shade(@destructive_action_button, 0.9);
|
||||||
@define-color destructive_action_button_foreground @base;
|
@define-color destructive_action_button_foreground #fff;
|
||||||
|
|
||||||
/******************************
|
/******************************
|
||||||
* Destructive action buttons *
|
* Destructive action buttons *
|
||||||
@@ -112,6 +112,7 @@
|
|||||||
/* Labels */
|
/* Labels */
|
||||||
.destructive-action.button GtkLabel {
|
.destructive-action.button GtkLabel {
|
||||||
color: @destructive_action_button_foreground;
|
color: @destructive_action_button_foreground;
|
||||||
|
text-shadow:0 1px alpha(#000, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.destructive-action.button:active GtkLabel,
|
.destructive-action.button:active GtkLabel,
|
||||||
@@ -125,6 +126,7 @@
|
|||||||
.destructive-action.button:focus:backdrop GtkLabel,
|
.destructive-action.button:focus:backdrop GtkLabel,
|
||||||
.destructive-action.button:active:backdrop GtkLabel {
|
.destructive-action.button:active:backdrop GtkLabel {
|
||||||
color: @backdrop_text;
|
color: @backdrop_text;
|
||||||
|
text-shadow:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.destructive-action.button:insensitive GtkLabel {
|
.destructive-action.button:insensitive GtkLabel {
|
||||||
|
@@ -20,6 +20,7 @@
|
|||||||
@define-color suggested_action_button_foreground #fff;
|
@define-color suggested_action_button_foreground #fff;
|
||||||
@define-color backdrop_suggested_action_foreground alpha(#fff, 0.8);
|
@define-color backdrop_suggested_action_foreground alpha(#fff, 0.8);
|
||||||
@define-color insensitive_suggested_action_foreground alpha(#fff, 0.5);
|
@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 *
|
* Suggested action buttons *
|
||||||
@@ -27,7 +28,7 @@
|
|||||||
|
|
||||||
.suggested-action.button,
|
.suggested-action.button,
|
||||||
.button.suggested-action {
|
.button.suggested-action {
|
||||||
border: 1px solid @suggested_action_button;
|
border: 1px solid @suggested_action_button_border;
|
||||||
background-color: @suggested_action_button;
|
background-color: @suggested_action_button;
|
||||||
background-image: linear-gradient(to bottom,
|
background-image: linear-gradient(to bottom,
|
||||||
@suggested_action_button,
|
@suggested_action_button,
|
||||||
@@ -38,7 +39,7 @@
|
|||||||
|
|
||||||
.suggested-action.button:hover,
|
.suggested-action.button:hover,
|
||||||
.button.suggested-action: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-color: shade(@suggested_action_button, 1.2);
|
||||||
background-image: linear-gradient(to bottom,
|
background-image: linear-gradient(to bottom,
|
||||||
shade(@suggested_action_button, 1.1),
|
shade(@suggested_action_button, 1.1),
|
||||||
@@ -81,21 +82,21 @@
|
|||||||
|
|
||||||
.suggested-action.text-button,
|
.suggested-action.text-button,
|
||||||
.text-button.suggested-action {
|
.text-button.suggested-action {
|
||||||
border: 1px solid @suggested_action_button;
|
border: 1px solid @suggested_action_button_border;
|
||||||
background-color: @suggested_action_button;
|
background-color: @suggested_action_button;
|
||||||
color: @suggested_action_button_foreground;
|
color: @suggested_action_button_foreground;
|
||||||
}
|
}
|
||||||
|
|
||||||
.suggested-action.text-button:hover,
|
.suggested-action.text-button:hover,
|
||||||
.text-button.suggested-action: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);
|
background-color: shade(@suggested_action_button, 1.2);
|
||||||
color: @suggested_action_button_foreground;
|
color: @suggested_action_button_foreground;
|
||||||
}
|
}
|
||||||
|
|
||||||
.suggested-action.text-button:active,
|
.suggested-action.text-button:active,
|
||||||
.text-button.suggested-action: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);
|
background-color: shade(@suggested_action_button, 1.1);
|
||||||
color: @suggested_action_button_foreground;
|
color: @suggested_action_button_foreground;
|
||||||
}
|
}
|
||||||
@@ -153,6 +154,7 @@
|
|||||||
/* Labels */
|
/* Labels */
|
||||||
.suggested-action.button GtkLabel {
|
.suggested-action.button GtkLabel {
|
||||||
color: @suggested_action_button_foreground;
|
color: @suggested_action_button_foreground;
|
||||||
|
text-shadow:0 1px alpha(#000, 0.05);
|
||||||
}
|
}
|
||||||
|
|
||||||
.suggested-action.button:active GtkLabel,
|
.suggested-action.button:active GtkLabel,
|
||||||
@@ -166,6 +168,7 @@
|
|||||||
.suggested-action.button:focus:backdrop GtkLabel,
|
.suggested-action.button:focus:backdrop GtkLabel,
|
||||||
.suggested-action.button:active:backdrop GtkLabel {
|
.suggested-action.button:active:backdrop GtkLabel {
|
||||||
color: @backdrop_text;
|
color: @backdrop_text;
|
||||||
|
text-shadow:none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.suggested-action.button:insensitive GtkLabel {
|
.suggested-action.button:insensitive GtkLabel {
|
||||||
|
Reference in New Issue
Block a user