Pracuję nad aplikacją AngularJS z Yeoman.

Aplikacja zależy od interfejsu jQuery UI, który jest instalowany wraz z Bower. W ten sposób dołączam motyw jQuery UI:

<!-- build:css styles/plugins.css -->
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.core.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.accordion.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.autocomplete.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.button.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.datepicker.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.dialog.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.menu.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.progressbar.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.resizable.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.selectable.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.slider.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.spinner.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.tabs.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.tooltip.css" />
<link rel="stylesheet" href="components/jquery.ui/themes/base/jquery.ui.theme.css" />
<!-- endbuild -->

Podczas tworzenia aplikacji wszystko idzie dobrze, bez błędów.

Jednak w konsoli przeglądarki (za pomocą Chrome) widzę, że obrazów wymaganych przez datepicker interfejsu użytkownika jQuery nie można znaleźć, ponieważ wygląda wewnątrzstyles/images/ i rzeczywiście są w środkucomponents/....

Zrzut ekranu

Moim pierwszym pomysłem było zastąpienie ścieżek graficznych interfejsu użytkownika jQuery w CSS, ale nie wydaje się to najlepszym rozwiązaniem. Przykład:

Oryginalna stylizacja

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/;
}

Moje nadpisanie

.ui-widget-header .ui-state-error {
    background-image: url(../components/jquery.ui/themes/base/images/ui-bg_glass_95_fef1ec_1x400.png);
}

Jakieś zalecane rozwiązania?