|
|
|
@ -20,7 +20,7 @@
|
|
|
|
|
* Destructive action buttons *
|
|
|
|
|
******************************/
|
|
|
|
|
@define-color destructive_action_button #DC322F;
|
|
|
|
|
@define-color destructive_action_button_border shade(@destructive_action_button, 0.8);
|
|
|
|
|
@define-color destructive_action_button_border shade(@destructive_action_button, 0.7);
|
|
|
|
|
@define-color destructive_action_button_foreground @base;
|
|
|
|
|
|
|
|
|
|
/******************************
|
|
|
|
@ -31,6 +31,10 @@
|
|
|
|
|
.button.destructive-action {
|
|
|
|
|
border: 1px solid @destructive_action_button_border;
|
|
|
|
|
background-color: @destructive_action_button;
|
|
|
|
|
background-image: linear-gradient(to bottom,
|
|
|
|
|
@destructive_action_button,
|
|
|
|
|
shade(@destructive_action_button, 0.98)
|
|
|
|
|
);
|
|
|
|
|
color: @destructive_action_button_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -38,6 +42,10 @@
|
|
|
|
|
.button.destructive-action:hover {
|
|
|
|
|
border: 1px solid shade(@destructive_action_button_border, 1.1);
|
|
|
|
|
background-color: shade(@destructive_action_button, 1.1);
|
|
|
|
|
background-image: linear-gradient(to bottom,
|
|
|
|
|
shade(@destructive_action_button, 1.1),
|
|
|
|
|
shade(shade(@destructive_action_button, 1.1), 0.98)
|
|
|
|
|
);
|
|
|
|
|
color: @destructive_action_button_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -45,6 +53,10 @@
|
|
|
|
|
.button.destructive-action:active {
|
|
|
|
|
border: 1px solid @destructive_action_button_border;
|
|
|
|
|
background-color: @destructive_action_button;
|
|
|
|
|
background-image: linear-gradient(to bottom,
|
|
|
|
|
@destructive_action_button,
|
|
|
|
|
shade(@destructive_action_button, 0.98)
|
|
|
|
|
);
|
|
|
|
|
color: @destructive_action_button_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
@ -67,4 +79,58 @@
|
|
|
|
|
border: 1px solid mix(@insensitive_border, @backdrop_border, 0.5);
|
|
|
|
|
background-color: mix(@insensitive_background, @backdrop_background, 0.5);
|
|
|
|
|
color: mix(@insensitive_text, @backdrop_text, 0.5);
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Images */
|
|
|
|
|
.destructive-action.button GtkImage {
|
|
|
|
|
color: @destructive_action_button_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:active GtkImage,
|
|
|
|
|
.destructive-action.button:focus GtkImage,
|
|
|
|
|
.destructive-action.button:hover GtkImage {
|
|
|
|
|
color: @selected_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:backdrop GtkImage,
|
|
|
|
|
.destructive-action.button:backdrop:hover GtkImage,
|
|
|
|
|
.destructive-action.button:active:backdrop GtkImage {
|
|
|
|
|
color: @backdrop_text;
|
|
|
|
|
-gtk-image-effect: dim;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:insensitive GtkImage {
|
|
|
|
|
color: @insensitive_text;
|
|
|
|
|
-gtk-image-effect: dim;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:insensitive:backdrop GtkImage {
|
|
|
|
|
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
|
|
|
|
-gtk-image-effect: dim;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
/* Labels */
|
|
|
|
|
.destructive-action.button GtkLabel {
|
|
|
|
|
color: @destructive_action_button_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:active GtkLabel,
|
|
|
|
|
.destructive-action.button:focus GtkLabel,
|
|
|
|
|
.destructive-action.button:hover GtkLabel {
|
|
|
|
|
color: @selected_foreground;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:backdrop GtkLabel,
|
|
|
|
|
.destructive-action.button:backdrop:hover GtkLabel,
|
|
|
|
|
.destructive-action.button:focus:backdrop GtkLabel,
|
|
|
|
|
.destructive-action.button:active:backdrop GtkLabel {
|
|
|
|
|
color: @backdrop_text;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:insensitive GtkLabel {
|
|
|
|
|
color: @insensitive_text;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.destructive-action.button:insensitive:backdrop GtkLabel {
|
|
|
|
|
color: mix(@backdrop_text, @insensitive_text, 0.5);
|
|
|
|
|
}
|