Twenty_Twenty_One_Dark_Mode

13class Twenty_Twenty_One_Dark_Mode {14 15	/**16	 * Instantiates the object.17	 *18	 * @since Twenty Twenty-One 1.019	 */20	public function __construct() {21 22		// Enqueue assets for the block-editor.23		add_action( 'enqueue_block_assets', array( $this, 'editor_custom_color_variables' ) );24 25		// Add styles for dark-mode.26		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );27 28		// Add scripts for customizer controls.29		add_action( 'customize_controls_enqueue_scripts', array( $this, 'customize_controls_enqueue_scripts' ) );30 31		// Add customizer controls.32		add_action( 'customize_register', array( $this, 'customizer_controls' ) );33 34		// Add HTML classes.35		add_filter( 'twentytwentyone_html_classes', array( $this, 'html_classes' ) );36 37		// Add classes to <body> in the dashboard.38		add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) );39 40		// Add the switch on the frontend & customizer.41		add_action( 'wp_footer', array( $this, 'the_switch' ) );42 43		// Add the privacy policy content.44		add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) );45	}46 47	/**48	 * Enqueues editor custom color variables & scripts.49	 *50	 * @since Twenty Twenty-One 1.051	 *52	 * @return void53	 */54	public function editor_custom_color_variables() {55		if ( ! $this->switch_should_render() ) {56			return;57		}58		$background_color            = get_theme_mod( 'background_color', 'D1E4DD' );59		$should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false );60		if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) {61			// Add Dark Mode variable overrides.62			wp_add_inline_style(63				'twenty-twenty-one-custom-color-overrides',64				'.is-dark-theme.is-dark-theme .editor-styles-wrapper { --global--color-background: var(--global--color-dark-gray); --global--color-primary: var(--global--color-light-gray); --global--color-secondary: var(--global--color-light-gray); --button--color-text: var(--global--color-background); --button--color-text-hover: var(--global--color-secondary); --button--color-text-active: var(--global--color-secondary); --button--color-background: var(--global--color-secondary); --button--color-background-active: var(--global--color-background); --global--color-border: #9ea1a7; --table--stripes-border-color: rgba(240, 240, 240, 0.15); --table--stripes-background-color: rgba(240, 240, 240, 0.15); }'65			);66		}67		wp_enqueue_script(68			'twentytwentyone-dark-mode-support-toggle',69			get_template_directory_uri() . '/assets/js/dark-mode-toggler.js',70			array(),71			'1.0.0',72			array( 'in_footer' => true )73		);74 75		wp_enqueue_script(76			'twentytwentyone-editor-dark-mode-support',77			get_template_directory_uri() . '/assets/js/editor-dark-mode-support.js',78			array( 'twentytwentyone-dark-mode-support-toggle' ),79			'1.0.0',80			array( 'in_footer' => true )81		);82	}83 84	/**85	 * Enqueues scripts and styles.86	 *87	 * @since Twenty Twenty-One 1.088	 *89	 * @return void90	 */91	public function enqueue_scripts() {92		if ( ! $this->switch_should_render() ) {