'neutral-100', 'neutral-800' => 'neutral-200', 'neutral-700' => 'neutral-200', 'neutral-600' => 'neutral-300', 'neutral-500' => 'neutral-300', 'neutral-400' => 'neutral-400', 'neutral-300' => 'neutral-500', 'neutral-200' => 'neutral-500', 'neutral-100' => 'neutral-600', 'neutral-50' => 'neutral-800', 'neutral-25' => 'neutral-800', 'white' => 'neutral-900', ]; foreach ( $colors as $slug => $color ) { if ( ! isset( $config[ $slug ] ) || ! is_string( $config[ $slug ] ) ) { continue; } if ( ! array_key_exists( $config[ $slug ], $colors ) ) { continue; } $original[ '--wp--preset--color--' . $slug ] = $color; $properties[ '--wp--preset--color--' . $slug ] = $colors[ $config[ $slug ] ]; } $body_element = is_admin() ? 'body .has-dark-mode' : 'body'; $new_css = '@media(prefers-color-scheme:dark){' . $body_element . '{'; foreach ( $properties as $property => $value ) { $new_css .= "$property:$value;"; } $new_css .= '}}'; $new_css = '.is-dark-mode{'; foreach ( $properties as $property => $value ) { $new_css .= "$property:$value;"; } $new_css .= '}.is-light-mode{'; foreach ( $original as $property => $value ) { $new_css .= "$property:$value;"; } $new_css .= '}'; wp_add_inline_style( is_admin() ? 'blockify-editor' : 'global-styles', $new_css ); }