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

View File

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

View File

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