diff options
| author | Philip Chimento <philip@endlessm.com> | 2013-07-31 18:34:29 -0700 |
|---|---|---|
| committer | Philip Chimento <philip@endlessm.com> | 2013-08-01 16:56:32 -0700 |
| commit | 0e7fa373767557f81570f2118d7d9471e96f2adc (patch) | |
| tree | d5f791f4fe75a8fdaa1c096d397ab8b68c12d803 /data | |
| parent | 72d5916a407dd065f5a36ad79f8eeefa2179d440 (diff) | |
Change top bar colors and icons to match specs
Changed the GtkBox to a GtkGrid so that the margin properties are
properly respected, and removed the background color overrides (they
are not necessary anymore because of our CSS theme getting installed
alongside the SDK.)
[endlessm/eos-sdk#185]
Diffstat (limited to 'data')
| -rw-r--r-- | data/css/endless-widgets.css | 52 |
1 files changed, 23 insertions, 29 deletions
diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css index 4ef2e2a..a633632 100644 --- a/data/css/endless-widgets.css +++ b/data/css/endless-widgets.css @@ -6,51 +6,45 @@ .top-bar { background-image: -gtk-gradient(linear, center top, center bottom, - from(#3c3c3c), to(#292929)); + from(#464646), to(#1e1e1e)); +} + +.top-bar:backdrop { + background-image: -gtk-gradient(linear, center top, center bottom, + from(#282828), to(#1e1e1e)); } .top-bar .button { - padding: 0px; - background-image: none; - border-width: 0px; border-radius: 2px; - border-image: none; + color: #8c8c8c; + icon-shadow: 0px -1px alpha(black, 0.25); } .top-bar .button:hover { + color: #dcdcdc; + icon-shadow: 0px -1px alpha(black, 0.35); background-image: -gtk-gradient(linear, left bottom, left top, - color-stop(0.98, rgb(131,131,131)), - color-stop(0.95, rgb(108,108,108)), - color-stop(0, rgb(68,68,68))); + color-stop(0.98, rgb(131, 131, 131)), + color-stop(0.95, rgb(108, 108, 108)), + color-stop(0, rgb(68, 68, 68))); } .top-bar .button:active { + color: #787878; + icon-shadow: none; background-image: -gtk-gradient(linear, left bottom, left top, - color-stop(0.98, rgb(79,79,79)), - color-stop(0.95, rgb(71,71,71)), - color-stop(0, rgb(67,67,67))); -} - -.top-bar .button:backdrop { - color: #8a8a8a; - background-image: none; - background-color: transparent; + color-stop(0.98, rgb(79, 79, 79)), + color-stop(0.95, rgb(71, 71, 71)), + color-stop(0, rgb(67, 67, 67))); } -/* Topbar icon colors */ -.top-bar .button * { - color: #8a8a8a; +.top-bar .button:backdrop +.top-bar .button:backdrop:hover, +.top-bar .button:backdrop:active { + color: #646464; + icon-shadow: none; } -.top-bar .button *:hover { - color: #ffffff; -} - -.top-bar .button *:active { - color: #8a8a8a; -} - - /* Endless action button */ EosActionButton { |