diff options
| author | Philip Chimento <philip@endlessm.com> | 2013-12-13 13:38:37 -0800 |
|---|---|---|
| committer | Philip Chimento <philip@endlessm.com> | 2013-12-17 12:00:03 -0800 |
| commit | 3453b3485b188ff268f96d6638fa60d98eb446e0 (patch) | |
| tree | 493374d073a5b2504d38183bce8bb3054b0ccef6 | |
| parent | 1493b8b870908bf466222d8db7041935a4d504e7 (diff) | |
Set background color and import window border CSS
This sets the background color to a dark gray and imports the CSS
styling for the window border and shadow, because switching to
client-side decorations made the window background completely
transparent.
The resize grip is invisible because that's what the default in
eos-theme was, but the window can still be resized.
[endlessm/eos-sdk#28]
| -rw-r--r-- | data/css/endless-widgets.css | 25 |
1 files changed, 25 insertions, 0 deletions
diff --git a/data/css/endless-widgets.css b/data/css/endless-widgets.css index 9dc6718..af7a44b 100644 --- a/data/css/endless-widgets.css +++ b/data/css/endless-widgets.css @@ -2,6 +2,31 @@ @import url("resource:///com/endlessm/sdk/css/reset.css"); +@define-color theme_bg_color #2e3436; +@define-color wm_shadow alpha(black, 0.5); + +/* Endless app window */ + +EosWindow { + background-color: @theme_bg_color; +} + +.window-frame { + border-color: darker(@theme_bg_color); + border-radius: 7px 7px 0 0; + border-width: 1px; + border-style: solid; + + box-shadow: 0 2px 8px 3px @wm_shadow; + + /* this is used for the resize cursor area */ + margin: 10px; +} + +.window-frame:backdrop { + box-shadow: 0 2px 5px 1px @wm_shadow; +} + /* Endless window top bar */ .top-bar { |