PDA

View Full Version : Arrows look awkward on a custom theme



stijnvanbael
27 May 2011, 4:42 AM
I was creating a custom theme for Sencha Touch as described on this blog post: http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch

However, arrows, like those of back and forward buttons and the select pop-up look awkward on my custom theme while they look fine on the default theme.

This is how they look in the default theme:
http://i51.tinypic.com/2r4kaoh.png
http://i52.tinypic.com/bf3mnr.png

And this is how they look on my custom theme:
http://i56.tinypic.com/jrsm76.png
http://i54.tinypic.com/smw12w.png


This is my application.scss:



$base-color: #09485A;
$base-gradient: 'glossy';

@import 'sencha-touch/default/all';
@include sencha-panel;
@include sencha-buttons;
@include sencha-sheet;
@include sencha-picker;
@include sencha-toolbar-forms;
@include sencha-tabs;
@include sencha-toolbar;
@include sencha-carousel;
@include sencha-indexbar;
@include sencha-list;
@include sencha-layout;
@include sencha-form;
@include sencha-loading-spinner;