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		if ( is_admin() ) {24			add_action( 'enqueue_block_assets', array( $this, 'editor_custom_color_variables' ) );25		}26 27		// Add styles for dark-mode.28		add_action( 'wp_enqueue_scripts', array( $this, 'enqueue_scripts' ) );29 30		// Add scripts for customizer controls.31		add_action( 'customize_controls_enqueue_scripts', array( $this, 'customize_controls_enqueue_scripts' ) );32 33		// Add customizer controls.34		add_action( 'customize_register', array( $this, 'customizer_controls' ) );35 36		// Add HTML classes.37		add_filter( 'twentytwentyone_html_classes', array( $this, 'html_classes' ) );38 39		// Add classes to <body> in the dashboard.40		add_filter( 'admin_body_class', array( $this, 'admin_body_classes' ) );41 42		// Add the switch on the frontend & customizer.43		add_action( 'wp_footer', array( $this, 'the_switch' ) );44 45		// Add the privacy policy content.46		add_action( 'admin_init', array( $this, 'add_privacy_policy_content' ) );47	}48 49	/**50	 * Enqueues editor custom color variables & scripts.51	 *52	 * @since Twenty Twenty-One 1.053	 *54	 * @return void55	 */56	public function editor_custom_color_variables() {57		if ( ! $this->switch_should_render() ) {58			return;59		}60		$background_color            = get_theme_mod( 'background_color', 'D1E4DD' );61		$should_respect_color_scheme = get_theme_mod( 'respect_user_color_preference', false );62		if ( $should_respect_color_scheme && Twenty_Twenty_One_Custom_Colors::get_relative_luminance_from_hex( $background_color ) > 127 ) {63			// Add Dark Mode variable overrides.64			wp_add_inline_style(65				'twenty-twenty-one-custom-color-overrides',66				'.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); }'67			);68		}69		wp_enqueue_script(70			'twentytwentyone-dark-mode-support-toggle',71			get_template_directory_uri() . '/assets/js/dark-mode-toggler.js',72			array(),73			wp_get_theme()->get( 'Version' ),74			array( 'in_footer' => true )75		);76 77		wp_enqueue_script(78			'twentytwentyone-editor-dark-mode-support',79			get_template_directory_uri() . '/assets/js/editor-dark-mode-support.js',80			array( 'twentytwentyone-dark-mode-support-toggle' ),81			wp_get_theme()->get( 'Version' ),82			array( 'in_footer' => true )83		);84	}85 86	/**87	 * Enqueues scripts and styles.88	 *89	 * @since Twenty Twenty-One 1.090	 *91	 * @return void92	 */