Look it that~lol

OK,
I know how to do …
use background: rgba(54, 25, 25, .5);
opacity will look better.

I want to change the styles to the v-ons-list-item by some conditions.
Like the bug type to bee blue line,
issues to be green line.
If I use the background-color: #xxxxxx
it will be very bad look.
before

after

What I can do better?

I know the reason now.It's about font url

Thank you for advise. And When I release a version then I will post the app link to the forum.Now I will try to build the app first.

After I build the a vue2 with onsenUI project.
And then I use it with the cordova to build a android apk.
The icon was missing which at fonts folder.
my webpack.base.conf is like this.
{
test: /.(woff2?|eot|ttf|otf)(?.*)?$/,
loader: ‘url-loader’,
options: {
limit: 10000,
name: utils.assetsPath(‘fonts/[name].[hash:7].[ext]’),
publicPath: process.env.NODE_ENV === ‘production’ ? ‘…/…/’ : ‘/’
}
}

Here is a demo I will provide. And I will keep trying find out what happened.
Code

I mean that show my project which developed by vue-onsenui at https://onsen.io/samples/ website.
I want more people know my project and maybe use it. but I don’t know If I can write a tutorial because it a large project but it open source.