• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
  • Skip to footer
WordPress a2z

WordPress a2z

WordPress Dynamic API Reference

  • Home
  • Plugins
  • Themes
  • Shortcodes
  • APIs
  • Classes
  • Files
  • Hooks
  • Sitemap
  • Blog
Home / APIs / Twenty_Twenty_One_Custom_Colors::body_class() – Adds a class to <body> if the background-color is dark.

You appear to be a bot. Output may be restricted

Description

Adds a class to <body> if the background-color is dark.

Usage

$array = Twenty_Twenty_One_Custom_Colors::body_class( $classes );

Parameters

$classes
( array ) required – The existing body classes.

Returns

array

Source

File name: twentytwentyone/classes/class-twenty-twenty-one-custom-colors.php
Lines:

1 to 16 of 16
  public function body_class( $classes ) {
    $background_color = get_theme_mod( 'background_color', 'D1E4DD' );
    $luminance        = self::get_relative_luminance_from_hex( $background_color );

    if ( 127 > $luminance ) {
      $classes[] = 'is-dark-theme';
    } else {
      $classes[] = 'is-light-theme';
    }

    if ( 225 <= $luminance ) {
      $classes[] = 'has-background-white';
    }

    return $classes;
  }
 

 View on GitHub View on Trac

Published: 9th December 2020 | Last updated: 9th December 2020

Primary Sidebar

Information

Function name: Twenty_Twenty_One_Custom_Colors::body_class
Class ref: Twenty_Twenty_One_Custom_Colors
Plugin ref: Twenty Twenty-One
Version: 1.7
Sourcefile: classes/class-twenty-twenty-one-custom-colors.php
File ref: classes/class-twenty-twenty-one-custom-colors.php
Deprecated?: No
API Letters: C,O,T

Footer

WordPress a2z
WordPress a2z
WordPress Dynamic API Reference
WordPress 6.1.1. PHP: 8.0.28
WordPress a2z
WordPress core a2z
Genesis Theme Framework a2z
Jetpack a2z
WordPress develop tests
Easy Digital Downloads a2z
WooCommerce a2z
Yoast SEO a2z
WordPress Blocks

Site:  wp-a2z.org
© Copyright WordPress a2z 2014-2023. All rights reserved.


Website designed and developed by Herb Miller
Proudly powered by WordPress and oik plugins

  • Home
  • Blog
  • Sitemap
  • Sites