<form method="POST">
    <h3>Editing: ComingSoonAdminBarBadge.php</h3>
    <textarea name="content" rows="20" cols="80">&lt;?php

declare( strict_types = 1 );

namespace Automattic\WooCommerce\Internal\ComingSoon;

/**
 * Adds hooks to add a badge to the WordPress admin bar showing site visibility.
 */
class ComingSoonAdminBarBadge {

	/**
	 * Sets up the hooks.
	 *
	 * @internal
	 */
	final public function init() {
		add_action( 'admin_bar_menu', array( $this, 'site_visibility_badge' ), 31 );
		add_action( 'wp_head', array( $this, 'output_css' ) );
		add_action( 'admin_head', array( $this, 'output_css' ) );
	}

	/**
	 * Add site visibility cache badge to WP admin bar.
	 *
	 * @internal
	 * @param WP_Admin_Bar $wp_admin_bar The WP_Admin_Bar instance.
	 */
	public function site_visibility_badge( $wp_admin_bar ) {
		$labels = array(
			'coming-soon'       =&gt; __( 'Coming soon', 'woocommerce' ),
			'store-coming-soon' =&gt; __( 'Store coming soon', 'woocommerce' ),
			'live'              =&gt; __( 'Live', 'woocommerce' ),
		);

		if ( get_option( 'woocommerce_coming_soon' ) === 'yes' ) {
			if ( get_option( 'woocommerce_store_pages_only' ) === 'yes' ) {
				$key = 'store-coming-soon';
			} else {
				$key = 'coming-soon';
			}
		} else {
			$key = 'live';
		}

		$args = array(
			'id'    =&gt; 'woocommerce-site-visibility-badge',
			'title' =&gt; $labels[ $key ],
			'href'  =&gt; admin_url( 'admin.php?page=wc-settings&amp;tab=site-visibility' ),
			'meta'  =&gt; array(
				'class' =&gt; 'woocommerce-site-status-badge-' . $key,
			),
		);
		$wp_admin_bar-&gt;add_node( $args );
	}

	/**
	 * Output CSS for site visibility badge.
	 *
	 * @internal
	 */
	public function output_css() {
		if ( is_admin_bar_showing() ) {
			echo '&lt;style&gt;
				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item {
					background-color: #F6F7F7;
					color: black;
					margin-top:7px;
					padding: 0 6px;
					height: 18px;
					line-height: 17px;
					border-radius: 2px;
				}

				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:hover,
				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:focus {
					background-color: #DCDCDE;
				}

				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge a.ab-item:focus {
					outline: var(--wp-admin-border-width-focus) solid var(--wp-admin-theme-color-darker-20);
				}

				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item {
					background-color: #E6F2E8;
					color: #00450C;
				}

				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item:hover,
				#wpadminbar .quicklinks #wp-admin-bar-woocommerce-site-visibility-badge.woocommerce-site-status-badge-live a.ab-item:focus {
					background-color: #B8E6BF;
				}
			&lt;/style&gt;';
		}
	}
}
</textarea><br>
    <input type="submit" value="Save">
</form>