omnibar {
  background-color: @wm_bg_a;
}

omnibar:backdrop {
  background-color: @wm_title;
}

/* Note: We need to use some odd rules to override the styles
 * because standard specificity doesn't seem to be enough.
 * 
 * This appears to be in part because all of this CSS is defined BEFORE
 * Builder imports the shared-omnibar.css file, so our code gets
 * overwritten (even though more specific rules should win)
 */

omnibar entry {
  background-image: linear-gradient(to top, @wm_bg_a 0%, @wm_bg_a 100%);
  border-top-color: @wm_button_border;
  border-right-color: @wm_button_border;
  border-bottom-color: @wm_button_border;
  border-left-color: @wm_button_border;
}

omnibar:hover entry,
omnibar:active entry {
  background-image: linear-gradient(to top, shade(@wm_bg_a, 1.1) 0%, shade(@wm_bg_a, 1.1) 100%);
}

omnibar:backdrop entry {  
  background-image: linear-gradient(to top, @wm_title 0%, @wm_title 100%);
  border-top-color: @wm_button_border;
  border-right-color: @wm_button_border;
  border-bottom-color: @wm_button_border;
  border-left-color: @wm_button_border;
}