Updated button styles.

This commit is contained in:
Sam Hewitt 2014-12-19 14:44:01 -05:00
parent 1e4691f565
commit 5b55e1ed20
3 changed files with 17 additions and 23 deletions

View File

@ -17,20 +17,21 @@
*/
@define-color button_background shade(@base, 0.95);/* Button background color */
@define-color button_border @border;/* Button border color */
@define-color backdrop_button_background shade(@backdrop_background, 0.9);/* Button background color */
@define-color button_border @button_background; /* Button border color */
@define-color button_border shade(@button_background, 0.9);/* Button border color */
@define-color backdrop_button_background shade(@backdrop_background, 0.9);/* Backdrop button background color */
@define-color backdrop_button_border shade(@backdrop_button_background, 0.9); /* Backdrop button border color */
/***********
* Buttons *
***********/
.button {
.button,
.button.text-button,
.button.image-button {
border-radius: 3px;
padding: 4px 9px;
border: 1px solid @button_border;
background-color: @button_background;
box-shadow: 0 1px 2px 0px alpha(#000,0.2);
}
.button.flat,
@ -48,7 +49,6 @@
.button:link:backdrop,
.button:visited:backdrop,
.notebook tab
.button,
.list-row.button,
.list-row.button:backdrop:hover,
GtkCalendar.button,
@ -59,9 +59,8 @@ GtkCalendar.button:backdrop:hover,
.scale-popup .button:backdrop,
.scale-popup .button:backdrop:hover,
.scale-popup .button:backdrop:insensitive {
border: 1px solid @button_border;
border: 1px solid transparent;
background: none;
box-shadow: none;
}
/* Focus Button */
@ -70,10 +69,9 @@ GtkCalendar.button:backdrop:hover,
.button:active:focus,
.button.text-button:focus,
.button.image-button:focus {
border: 1px solid shade(@selection, 1.1);
border: 1px solid @selection;
background-color: shade(@selection, 1.1);
color: @selected_foreground;
box-shadow: 0 1px 2px 0px alpha(@selection,0.4);
color: @selection;
}
/* Hover Button */
@ -82,10 +80,9 @@ GtkCalendar.button:backdrop:hover,
.button:active:hover,
.button.text-button:hover,
.button.image-button:hover {
border: 1px solid shade(@selection, 1.2);
border: 1px solid shade(@selection, 1.1);
background-color: shade(@selection, 1.2);
color: @selected_foreground;
box-shadow: 0 1px 2px 1px alpha(#000,0.3);
transition: all 100ms cubic-bezier(0.3, 0.5, 0.5, 0.9);
}
@ -97,8 +94,6 @@ GtkCalendar.button:backdrop:hover,
border: 1px solid @selection;
background-color: @selection;
color: @selected_foreground;
/*box-shadow: 0 1px 2px 0px alpha(#000,0.2);*/
box-shadow: none;
}
@ -110,7 +105,6 @@ GtkCalendar.button:backdrop:hover,
border: 1px solid @insensitive_border;
background-color: @insensitive_button;
color: @insensitive_text;
box-shadow: none;
}
/* Backdrop Button */
@ -121,7 +115,6 @@ GtkCalendar.button:backdrop:hover,
border: 1px solid @backdrop_button_background;
background-color: @backdrop_button_background;
color: @backdrop_text;
box-shadow: none;
}
/* Backdrop Button */
.button:backdrop:hover,
@ -130,7 +123,6 @@ GtkCalendar.button:backdrop:hover,
.button.image-button:backdrop:hover {
background-color: shade(@backdrop_button_background, 1.1);
color: @backdrop_text;
box-shadow: none;
}
/* Insensitive Button */
@ -141,7 +133,6 @@ GtkCalendar.button:backdrop:hover,
border: 1px solid @insensitive_border;
background-color: @insensitive_button;
color: @insensitive_text;
box-shadow: none;
}
/* Images */

View File

@ -91,7 +91,8 @@ GtkMenuButton.button.raised:active {
}
/* Labels */
.menu-button .menu .menuitem GtkLabel {
.menu-button .menu .menuitem GtkLabel,
.menu-button .menu .menuitem * GtkLabel {
color: @text;
}

View File

@ -21,6 +21,8 @@
***********/
.message-dialog {
padding: 0px;
border-radius: 6px;
border: none;
outline: none;
box-shadow: none;
@ -64,8 +66,8 @@
/* Buttons */
.message-dialog .dialog-action-area .button {
border-radius: 0;
/*padding: 8px;*/
}
@ -209,11 +211,11 @@
}
.message-dialog.csd .dialog-action-area .button:last-child {
border-bottom-right-radius: 7px;
/*border-bottom-right-radius: 7px;*/
}
.message-dialog.csd .dialog-action-area .button:first-child {
border-left-style: none;
border-bottom-left-radius: 7px;
/*border-bottom-left-radius: 7px;*/
}