Elementor 小部件 SELECT 更改

Question

我的 elementor 小部件的后端中有 SELECT 元素。 当 SELECT 皮肤发生变化时，是否可以从 $skin_colors 数组中以某种方式在 playerBgColor 元素中设置颜色？ 或者，如果 php 无法做到这一点，那么 javascript 可以做到吗？ 同样，这些是 _register_controls 中后端小部件的设置。

$skin_colors = array(
    "light" => array(
        "playerBgColor" => "#ffffff",
        "playerAccent" => "#d24de9"
    ),
    "dark" => array(
        "playerBgColor" => "#1b1b1b",
        "playerAccent" => "#e91e63"
    )
);

$this->add_control(
    'skin',
    [
        'label' => __( 'Choose skin', 'elementor-brona' ),
        'type' => \Elementor\Controls_Manager::SELECT,
        'options' => [
            'light' => esc_html__( 'Light', 'elementor-brona' ),
            'dark' => esc_html__( 'Dark', 'elementor-brona' ),
        ],
        'default' => 'light',
    ]
);

$this->add_control(
    'playerBgColor',
    [
        'label' => esc_html__( 'Player background color', 'elementor-brona' ),
        'type' => \Elementor\Controls_Manager::COLOR,
        'scheme' => [
          'type' => \Elementor\Scheme_Color::get_type(),
          'value' => \Elementor\Scheme_Color::COLOR_1,
        ],
        'alpha' => false,
        'default' => ''
      
    ]
);