From 3453b3485b188ff268f96d6638fa60d98eb446e0 Mon Sep 17 00:00:00 2001 From: Philip Chimento Date: Fri, 13 Dec 2013 13:38:37 -0800 Subject: 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] --- data/css/endless-widgets.css | 25 +++++++++++++++++++++++++ 1 file changed, 25 insertions(+) (limited to 'data') 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 { -- cgit v1.2.3