Is your feature request related to a problem? Please describe.
Currently, the input will use the "--dp-border-color-hover" variable for hovering and focusing which is annoying if you want to have different colors for both, or keep the hover color the same as normal and only change it on focus.
Adding custom css to hammer the component inside the ".dp__theme_dark" and ".dp__theme_light" also doesn't really seem to work, so there is no workaround for it that I know of.
Describe the solution you'd like
Have 2 different css variables for each, so that would be "--dp-border-color-hover" for the border hover color, and "--dp-border-color-focus" for the focus color.
Is your feature request related to a problem? Please describe. Currently, the input will use the "--dp-border-color-hover" variable for hovering and focusing which is annoying if you want to have different colors for both, or keep the hover color the same as normal and only change it on focus.
Adding custom css to hammer the component inside the ".dp__theme_dark" and ".dp__theme_light" also doesn't really seem to work, so there is no workaround for it that I know of.
Describe the solution you'd like Have 2 different css variables for each, so that would be "--dp-border-color-hover" for the border hover color, and "--dp-border-color-focus" for the focus color.
Describe alternatives you've considered None
Additional context None