リスト部分にカウントバブルを表示する場合はthemeで変更できたが、リストのヘッダー部分を変更する場合はid属性を指定してページ読み込み時に指定することができます。
<script type="javascript">
$(function(){
$("#aaa").css("background-color","red");
});
</script>
// 中略
<div data-role="content">
<div data-role="collapsible-set">
<div data-role="collapsible">
<h4>リスト</h4>
<ul data-role="listview">
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
<li>サンプルリスト3</li>
</ul>
</div>
<div data-role="collapsible">
<h4>リスト<span id="aaa" class="ui-li-count">3</span></h4>
<ul data-role="listview">
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
<li>サンプルリスト3</li>
</ul>
</div>
</div>
</div>
アコーディオンのリストのヘッダー部分のカウントバブルの色を変更している
DEMOです。
上記は背景を変えますが、文字色を変更したい場合はbackground-colorをcolorにします。
<script type="javascript">
$(function(){
$("#aaa").css("color","red");
});
</script>
// 中略
<div data-role="content">
<div data-role="collapsible-set">
<div data-role="collapsible">
<h4>リスト</h4>
<ul data-role="listview">
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
<li>サンプルリスト3</li>
</ul>
</div>
<div data-role="collapsible">
<h4>リスト<span id="aaa" class="ui-li-count">3</span></h4>
<ul data-role="listview">
<li>サンプルリスト1</li>
<li>サンプルリスト2</li>
<li>サンプルリスト3</li>
</ul>
</div>
</div>
</div>
アコーディオンのリストのヘッダー部分のカウントバブルの文字色を変更している
DEMOです。