Change how icons are loaded and fit in dark mode.Change stroke-width to 2 to make it clearer

[zxuanhong]

1. Change the icon loading mode to html so that you can change the color
   using the css

.djs-context-pad > .group .bpmn-icon-color {
    fill: #1e80ff !important;
}

2. Change the color's default fill color and stroke color by adding a theme configuration to fit the dark mode

colorPicker: {
    colors: CUSTOM_COLOR_PICKER_COLORS,
    theme:'dark' // light(default) or dark
 }

3. Change colorIcon stroke-width to 2 to make it clearer

[smbea]

Could you split this into two PRS? One for changing the loading method (similar to bpmn-io/bpmn-js-create-append-anything#7) and a follow up with the theme related changes?

[zxuanhong]

@smbea Yes, two PR is better. I will deal with it as soon as possible

…

---- Replied Message ---- | From | Beatriz ***@***.***> | | Date | 05/23/2023 21:58 | | To | ***@***.***> | | Cc | ***@***.***>***@***.***> | | Subject | Re: [bpmn-io/bpmn-js-color-picker] Change how icons are loaded and fit in dark mode.Change stroke-width to 2 to make it clearer (PR #21) | Can we split this into two PRS? One for changing the loading method (similar to bpmn-io/bpmn-js-create-append-anything#7) and a follow up with the theme related changes? — Reply to this email directly, view it on GitHub, or unsubscribe. You are receiving this because you authored the thread.Message ID: ***@***.***>

[zxuanhong]

@smbea I have changed it, please look at #24
I don't think it's appropriate to change the theme, I should change the default fill and stroke colors to be similar to bpmn js (e.g. bpmn js set defaultFillColor and defaultStrokeColor)