Add 140 Colors In WordPress Theme Support Editor Color Palette
Last updated: September 13, 2024 By Sunil Shaw
Introduction
In the world of WordPress, customization is key to creating a unique and visually appealing website. One of the often-overlooked aspects of customization is the editor color palette, which plays a crucial role in enhancing the overall aesthetics of your content. In this article, we will explore how to add 140 colors in your WordPress theme support editor color palette, giving you unprecedented flexibility in designing your website.
Why Customize the Editor Color Palette?
WordPress provides a default set of colors for the editor, allowing you to highlight text, create buttons, and add emphasis to your content. However, the default color palette is limited, and sometimes you might find it challenging to find the perfect shade for your design. By expanding the editor color palette, you gain access to a broader spectrum of colors, empowering you to match your site’s color scheme more precisely and achieve a professional and cohesive look.
Steps to Add 140 Colors In WordPress Theme Support Editor Color Palette:
1. Access Your Theme’s Functions.php File
- Log in to your WordPress admin panel.
- Navigate to
Appearance > Theme Editor. - Find and select the
functions.phpfile on the right-hand side of your wordpress site.
2. Insert Custom Code
- Before making any changes, it’s crucial to create a child theme to avoid losing your modifications during theme updates.
- Once your child theme is set up, add the following code snippet to the
functions.phpfile
// Editor color palette.
$black = '#000000';
$dark_gray = '#28303D';
$gray = '#39414D';
$green = '#D1E4DD';
$blue = '#D1DFE4';
$purple = '#D1D1E4';
$red = '#E4D1D1';
$orange = '#E4DAD1';
$yellow = '#EEEADD';
$white = '#FFFFFF';
// Red HTML Color Names
$IndianRed = '#CD5C5C';
$LightCoral = '#F08080';
$salmon = '#FA8072';
$DarkSalmon = '#E9967A';
$LightSalmon = '#FFA07A';
$crimson = '#DC143C';
$red = '#FF0000';
$FireBrick = '#B22222';
$DarkRed = '#8B0000';
//Pink HTML Color Names
$Pink = '#FFC0CB';
$LightPink = '#FFB6C1';
$HotPink = '#FF69B4';
$DeepPink = '#FF1493';
$MediumVioletRed = '#C71585';
$PaleVioletRed = '#DB7093';
//Orange HTML Color Names
$LightSalmon = '#FFA07A';
$Coral = '#FF7F50';
$Tomato = '#FF6347';
$OrangeRed = '#FF4500';
$DarkOrange = '#FF8C00';
$Orange = '#FFA500';
//Yellow HTML Color Names
$Gold = '#FFD700';
$Yellow = '#FFFF00';
$LightYellow = '#FFFFE0';
$LemonChiffon = '#FFFACD';
$LightGoldenrodYellow = '#FAFAD2';
$PapayaWhip = '#FFEFD5';
$Moccasin = '#FFE4B5';
$PeachPuff = '#FFDAB9';
$PaleGoldenrod = '#EEE8AA';
$Khaki = '#F0E68C';
$DarkKhaki = '#BDB76B';
//Purple HTML Color Names
$Lavender = '#E6E6FA';
$Thistle = '#D8BFD8';
$Plum = '#DDA0DD';
$Violet = '#EE82EE';
$Orchid = '#DA70D6';
$Fuchsia = '#FF00FF';
$Magenta = '#FF00FF';
$MediumOrchid = '#BA55D3';
$MediumPurple = '#9370DB';
$RebeccaPurple = '#663399';
$BlueViolet = '#8A2BE2';
$DarkViolet = '#9400D3';
$DarkOrchid = '#9932CC';
$DarkMagenta = '#8B008B';
$Purple = '#800080';
$Indigo = '#4B0082';
$SlateBlue = '#6A5ACD';
$DarkSlateBlue = '#483D8B';
$MediumSlateBlue = '#7B68EE';
//Green HTML Color Names
$GreenYellow = '#ADFF2F';
$Chartreuse = '#7FFF00';
$LawnGreen = '#7CFC00';
$Lime = '#00FF00';
$LimeGreen = '#32CD32';
$PaleGreen = '#98FB98';
$LightGreen = '#90EE90';
$MediumSpringGreen = '#00FA9A';
$SpringGreen = '#00FF7F';
$MediumSeaGreen = '#3CB371';
$SeaGreen = '#2E8B57';
$ForestGreen = '#228B22';
$Green = '#008000';
$DarkGreen = '#006400';
$YellowGreen = '#9ACD32';
$OliveDrab = '#6B8E23';
$Olive = '#808000';
$DarkOliveGreen = '#556B2F';
$MediumAquamarine = '#66CDAA';
$DarkSeaGreen = '#8FBC8B';
$LightSeaGreen = '#20B2AA';
$DarkCyan = '#008B8B';
$Teal = '#008080';
//Blue HTML Color Names
$Aqua = '#00FFFF';
$Cyan = '#00FFFF';
$LightCyan = '#E0FFFF';
$PaleTurquoise = '#AFEEEE';
$Aquamarine = '#7FFFD4';
$Turquoise = '#40E0D0';
$MediumTurquoise = '#48D1CC';
$DarkTurquoise = '#00CED1';
$CadetBlue = '#5F9EA0';
$SteelBlue = '#4682B4';
$LightSteelBlue = '#B0C4DE';
$PowderBlue = '#B0E0E6';
$LightBlue = '#ADD8E6';
$SkyBlue = '#87CEEB';
$LightSkyBlue = '#87CEFA';
$DeepSkyBlue = '#00BFFF';
$DodgerBlue = '#1E90FF';
$CornflowerBlue = '#6495ED';
$MediumSlateBlue = '#7B68EE';
$RoyalBlue = '#4169E1';
$Blue = '#0000FF';
$MediumBlue = '#0000CD';
$DarkBlue = '#00008B';
$Navy = '#000080';
$MidnightBlue = '#191970';
//Brown HTML Color Names
$Cornsilk = '#FFF8DC';
$BlanchedAlmond = '#FFEBCD';
$Bisque = '#FFE4C4';
$NavajoWhite = '#FFDEAD';
$Wheat = '#F5DEB3';
$BurlyWood = '#DEB887';
$Tan = '#D2B48C';
$RosyBrown = '#BC8F8F';
$SandyBrown = '#F4A460';
$Goldenrod = '#DAA520';
$DarkGoldenrod = '#B8860B';
$Peru = '#CD853F';
$Chocolate = '#D2691E';
$SaddleBrown = '#8B4513';
$Sienna = '#A0522D';
$Brown = '#A52A2A';
$Maroon = '#800000';
// White HTML Color Names
$White = '#FFFFFF';
$Snow = '#FFFAFA';
$HoneyDew = '#F0FFF0';
$MintCream = '#F5FFFA';
$Azure = '#F0FFFF';
$AliceBlue = '#F0F8FF';
$GhostWhite = '#F8F8FF';
$WhiteSmoke = '#F5F5F5';
$SeaShell = '#FFF5EE';
$Beige = '#F5F5DC';
$OldLace = '#FDF5E6';
$FloralWhite = '#FFFAF0';
$Ivory = '#FFFFF0';
$AntiqueWhite = '#FAEBD7';
$Linen = '#FAF0E6';
$LavenderBlush = '#FFF0F5';
$MistyRose = '#FFE4E1';
//Gray HTML Color Names
$Gainsboro = '#DCDCDC';
$LightGray = '#D3D3D3';
$Silver = '#C0C0C0';
$DarkGray = '#A9A9A9';
$Gray = '#808080';
$DimGray = '#696969';
$LightSlateGray = '#778899';
$SlateGray = '#708090';
$DarkSlateGray = '#2F4F4F';
$Black = '#000000';These all code are php variables and html color codes. I created all variables with color name and set the value to html hex color.
Now use add_theme_support('editor-color-palette'); function, copy the entire code and paste into your function.php
add_theme_support(
'editor-color-palette',
array(
array(
'name' => esc_html__( 'Indian Red', 'codewithronny' ),
'slug' => 'IndianRed',
'color' => $IndianRed,
),
array(
'name' => esc_html__( 'Light Coral', 'codewithronny' ),
'slug' => 'LightCoral',
'color' => $LightCoral,
),
array(
'name' => esc_html__( 'Salmon', 'codewithronny' ),
'slug' => 'salmon',
'color' => $salmon,
),
array(
'name' => esc_html__( 'Dark Salmon', 'codewithronny' ),
'slug' => 'DarkSalmon',
'color' => $DarkSalmon,
),
array(
'name' => esc_html__( 'Light Salmon', 'codewithronny' ),
'slug' => 'LightSalmon',
'color' => $LightSalmon,
),
array(
'name' => esc_html__( 'Crimson', 'codewithronny' ),
'slug' => 'crimson',
'color' => $crimson,
),
array(
'name' => esc_html__( 'Red', 'codewithronny' ),
'slug' => 'red',
'color' => $red,
),
array(
'name' => esc_html__( 'Fire Brick', 'codewithronny' ),
'slug' => 'FireBrick',
'color' => $FireBrick,
),
array(
'name' => esc_html__( 'Dark Red', 'codewithronny' ),
'slug' => 'DarkRed',
'color' => $DarkRed,
),
array(
'name' => esc_html__( 'Pink', 'codewithronny' ),
'slug' => 'pink',
'color' => $Pink,
),
array(
'name' => esc_html__( 'Light Pink', 'codewithronny' ),
'slug' => 'light-pink',
'color' => $LightPink,
),
array(
'name' => esc_html__( 'Hot Pink', 'codewithronny' ),
'slug' => 'hot-pink',
'color' => $HotPink,
),
array(
'name' => esc_html__( 'Deep Pink', 'codewithronny' ),
'slug' => 'deep-pink',
'color' => $DeepPink,
),
array(
'name' => esc_html__( 'Medium Violet Red', 'codewithronny' ),
'slug' => 'medium-violet-red',
'color' => $MediumVioletRed,
),
array(
'name' => esc_html__( 'Pale Violet Red', 'codewithronny' ),
'slug' => 'pale-violet-red',
'color' => $PaleVioletRed,
),
array(
'name' => esc_html__( 'Light Salmon', 'codewithronny' ),
'slug' => 'light-salmon',
'color' => $LightSalmon,
),
array(
'name' => esc_html__( 'Coral', 'codewithronny' ),
'slug' => 'coral',
'color' => $Coral,
),
array(
'name' => esc_html__( 'Tomato', 'codewithronny' ),
'slug' => 'tomato',
'color' => $Tomato,
),
array(
'name' => esc_html__( 'Orange Red', 'codewithronny' ),
'slug' => 'orange-red',
'color' => $OrangeRed,
),
array(
'name' => esc_html__( 'Dark Orange', 'codewithronny' ),
'slug' => 'dark-orange',
'color' => $DarkOrange,
),
array(
'name' => esc_html__( 'Orange', 'codewithronny' ),
'slug' => 'orange',
'color' => $Orange,
),
array(
'name' => esc_html__( 'Gold', 'codewithronny' ),
'slug' => 'gold',
'color' => $Gold,
),
array(
'name' => esc_html__( 'Yellow', 'codewithronny' ),
'slug' => 'yellow',
'color' => $Yellow,
),
array(
'name' => esc_html__( 'Light Yellow', 'codewithronny' ),
'slug' => 'light-yellow',
'color' => $LightYellow,
),
array(
'name' => esc_html__( 'Lemon Chiffon', 'codewithronny' ),
'slug' => 'lemon-chiffon',
'color' => $LemonChiffon,
),
array(
'name' => esc_html__( 'Light Goldenrod Yellow', 'codewithronny' ),
'slug' => 'light-goldenrod-yellow',
'color' => $LightGoldenrodYellow,
),
array(
'name' => esc_html__( 'Papaya Whip', 'codewithronny' ),
'slug' => 'papaya-whip',
'color' => $PapayaWhip,
),
array(
'name' => esc_html__( 'Moccasin', 'codewithronny' ),
'slug' => 'moccasin',
'color' => $Moccasin,
),
array(
'name' => esc_html__( 'Peach Puff', 'codewithronny' ),
'slug' => 'peach-puff',
'color' => $PeachPuff,
),
array(
'name' => esc_html__( 'Pale Goldenrod', 'codewithronny' ),
'slug' => 'pale-goldenrod',
'color' => $PaleGoldenrod,
),
array(
'name' => esc_html__( 'Khaki', 'codewithronny' ),
'slug' => 'khaki',
'color' => $Khaki,
),
array(
'name' => esc_html__( 'Dark Khaki', 'codewithronny' ),
'slug' => 'dark-khaki',
'color' => $DarkKhaki,
),
array(
'name' => esc_html__( 'Lavender', 'codewithronny' ),
'slug' => 'lavender',
'color' => $Lavender,
),
array(
'name' => esc_html__( 'Thistle', 'codewithronny' ),
'slug' => 'thistle',
'color' => $Thistle,
),
array(
'name' => esc_html__( 'Plum', 'codewithronny' ),
'slug' => 'plum',
'color' => $Plum,
),
array(
'name' => esc_html__( 'Violet', 'codewithronny' ),
'slug' => 'violet',
'color' => $Violet,
),
array(
'name' => esc_html__( 'Orchid', 'codewithronny' ),
'slug' => 'orchid',
'color' => $Orchid,
),
array(
'name' => esc_html__( 'Fuchsia', 'codewithronny' ),
'slug' => 'fuchsia',
'color' => $Fuchsia,
),
array(
'name' => esc_html__( 'Magenta', 'codewithronny' ),
'slug' => 'magenta',
'color' => $Magenta,
),
array(
'name' => esc_html__( 'Medium Orchid', 'codewithronny' ),
'slug' => 'medium-orchid',
'color' => $MediumSpringGreen,
),
array(
'name' => esc_html__( 'Medium Purple', 'codewithronny' ),
'slug' => 'medium-purple',
'color' => $MediumPurple,
),
array(
'name' => esc_html__( 'Medium Sea Green', 'codewithronny' ),
'slug' => 'medium-sea-green',
'color' => $MediumSeaGreen,
),
array(
'name' => esc_html__( 'Rebecca Purple', 'codewithronny' ),
'slug' => 'rebecca-purple',
'color' => $RebeccaPurple,
),
array(
'name' => esc_html__( 'Blue Violet', 'codewithronny' ),
'slug' => 'blue-violet',
'color' => $BlueViolet,
),
array(
'name' => esc_html__( 'Dark Violet', 'codewithronny' ),
'slug' => 'dark-violet',
'color' => $DarkViolet,
),
array(
'name' => esc_html__( 'Dark Orchid', 'codewithronny' ),
'slug' => 'dark-orchid',
'color' => $DarkOrchid,
),
array(
'name' => esc_html__( 'Dark Magenta', 'codewithronny' ),
'slug' => 'dark-magenta',
'color' => $DarkMagenta,
),
array(
'name' => esc_html__( 'Purple', 'codewithronny' ),
'slug' => 'purple',
'color' => $Purple,
),
array(
'name' => esc_html__( 'Indigo', 'codewithronny' ),
'slug' => 'indigo',
'color' => $Indigo,
),
array(
'name' => esc_html__( 'Slate Blue', 'codewithronny' ),
'slug' => 'slate-blue',
'color' => $SlateBlue,
),
array(
'name' => esc_html__( 'Dark Slate Blue', 'codewithronny' ),
'slug' => 'dark-slate-blue',
'color' => $DarkSlateBlue,
),
array(
'name' => esc_html__( 'Medium Slate Blue', 'codewithronny' ),
'slug' => 'medium-slate-blue',
'color' => $MediumSlateBlue,
),
array(
'name' => esc_html__( 'Green Yellow', 'codewithronny' ),
'slug' => 'green-yellow',
'color' => $GreenYellow,
),
array(
'name' => esc_html__( 'Chartreuse', 'codewithronny' ),
'slug' => 'chartreuse',
'color' => $Chartreuse,
),
array(
'name' => esc_html__( 'Lawn Green', 'codewithronny' ),
'slug' => 'lawn-green',
'color' => $LawnGreen,
),
array(
'name' => esc_html__( 'Lime', 'codewithronny' ),
'slug' => 'lime',
'color' => $Lime,
),
array(
'name' => esc_html__( 'Lime Green', 'codewithronny' ),
'slug' => 'lime-green',
'color' => $LimeGreen,
),
array(
'name' => esc_html__( 'Pale Green', 'codewithronny' ),
'slug' => 'pale-green',
'color' => $PaleGreen,
),
array(
'name' => esc_html__( 'Light Green', 'codewithronny' ),
'slug' => 'light-green',
'color' => $LightGreen,
),
array(
'name' => esc_html__( 'Medium Spring Green', 'codewithronny' ),
'slug' => 'medium-spring-green',
'color' => $MediumSpringGreen,
),
array(
'name' => esc_html__( 'Spring Green', 'codewithronny' ),
'slug' => 'spring-green',
'color' => $SpringGreen,
),
array(
'name' => esc_html__( 'Medium Sea Green', 'codewithronny' ),
'slug' => 'medium-sea-green',
'color' => $MediumSeaGreen,
),
array(
'name' => esc_html__( 'Sea Green', 'codewithronny' ),
'slug' => 'sea-green',
'color' => $SeaGreen,
),
array(
'name' => esc_html__( 'Forest Green', 'codewithronny' ),
'slug' => 'forest-green',
'color' => $ForestGreen,
),
array(
'name' => esc_html__( 'Green', 'codewithronny' ),
'slug' => 'green',
'color' => $Green,
),
array(
'name' => esc_html__( 'Dark Green', 'codewithronny' ),
'slug' => 'dark-green',
'color' => $DarkGreen,
),
array(
'name' => esc_html__( 'Yellow Green', 'codewithronny' ),
'slug' => 'yellow-green',
'color' => $YellowGreen,
),
array(
'name' => esc_html__( 'Olive Drab', 'codewithronny' ),
'slug' => 'olive-drab',
'color' => $OliveDrab,
),
array(
'name' => esc_html__( 'Olive', 'codewithronny' ),
'slug' => 'olive',
'color' => $Olive,
),
array(
'name' => esc_html__( 'Dark Olive Green', 'codewithronny' ),
'slug' => 'dark-olive-green',
'color' => $DarkOliveGreen,
),
array(
'name' => esc_html__( 'Medium Aquamarine', 'codewithronny' ),
'slug' => 'medium-aquamarine',
'color' => $MediumAquamarine,
),
array(
'name' => esc_html__( 'Dark Sea Green', 'codewithronny' ),
'slug' => 'dark-sea-green',
'color' => $DarkSeaGreen,
),
array(
'name' => esc_html__( 'Light Sea Green', 'codewithronny' ),
'slug' => 'light-sea-green',
'color' => $LightSeaGreen,
),
array(
'name' => esc_html__( 'Medium Blue', 'codewithronny' ),
'slug' => 'medium-blue',
'color' => $MediumBlue,
),
array(
'name' => esc_html__( 'Dark Blue', 'codewithronny' ),
'slug' => 'dark-blue',
'color' => $DarkBlue,
),
array(
'name' => esc_html__( 'Dark Cyan', 'codewithronny' ),
'slug' => 'dark-cyan',
'color' => $DarkCyan,
),
array(
'name' => esc_html__( 'Teal', 'codewithronny' ),
'slug' => 'teal',
'color' => $Teal,
),
array(
'name' => esc_html__( 'Aqua', 'codewithronny' ),
'slug' => 'aqua',
'color' => $Aqua,
),
array(
'name' => esc_html__( 'Cyan', 'codewithronny' ),
'slug' => 'cyan',
'color' => $Cyan,
),
array(
'name' => esc_html__( 'Light Cyan', 'codewithronny' ),
'slug' => 'light-cyan',
'color' => $LightCyan,
),
array(
'name' => esc_html__( 'Pale Turquoise', 'codewithronny' ),
'slug' => 'pale-turquoise',
'color' => $PaleTurquoise,
),
array(
'name' => esc_html__( 'Aquamarine', 'codewithronny' ),
'slug' => 'aquamarine',
'color' => $Aquamarine,
),
array(
'name' => esc_html__( 'Turquoise', 'codewithronny' ),
'slug' => 'turquoise',
'color' => $Turquoise,
),
array(
'name' => esc_html__( 'Medium Turquoise', 'codewithronny' ),
'slug' => 'medium-turquoise',
'color' => $MediumTurquoise,
),
array(
'name' => esc_html__( 'Dark Turquoise', 'codewithronny' ),
'slug' => 'dark-turquoise',
'color' => $DarkTurquoise,
),
array(
'name' => esc_html__( 'CadetBlue', 'codewithronny' ),
'slug' => 'cadet-blue',
'color' => $CadetBlue,
),
array(
'name' => esc_html__( 'Steel Blue', 'codewithronny' ),
'slug' => 'steel-blue',
'color' => $SteelBlue,
),
array(
'name' => esc_html__( 'Light Steel Blue', 'codewithronny' ),
'slug' => 'light-steel-blue',
'color' => $LightSteelBlue,
),
array(
'name' => esc_html__( 'Powder Blue', 'codewithronny' ),
'slug' => 'powder-blue',
'color' => $PowderBlue,
),
array(
'name' => esc_html__( 'Light Blue', 'codewithronny' ),
'slug' => 'light-blue',
'color' => $LightBlue,
),
array(
'name' => esc_html__( 'Sky Blue', 'codewithronny' ),
'slug' => 'sky-blue',
'color' => $SkyBlue,
),
array(
'name' => esc_html__( 'Light Sky Blue', 'codewithronny' ),
'slug' => 'light-sky-blue',
'color' => $LightSkyBlue,
),
array(
'name' => esc_html__( 'Deep Sky Blue', 'codewithronny' ),
'slug' => 'deep-sky-blue',
'color' => $DeepSkyBlue,
),
array(
'name' => esc_html__( 'Dodger Blue', 'codewithronny' ),
'slug' => 'dodger-blue',
'color' => $DodgerBlue,
),
array(
'name' => esc_html__( 'Cornflower Blue', 'codewithronny' ),
'slug' => 'cornflower-blue',
'color' => $CornflowerBlue,
),
array(
'name' => esc_html__( 'Medium Slate Blue', 'codewithronny' ),
'slug' => 'medium-slate-blue',
'color' => $MediumSlateBlue,
),
array(
'name' => esc_html__( 'Royal Blue', 'codewithronny' ),
'slug' => 'royal-blue',
'color' => $RoyalBlue,
),
array(
'name' => esc_html__( 'Blue', 'codewithronny' ),
'slug' => 'blue',
'color' => $Blue,
),
array(
'name' => esc_html__( 'Medium Blue', 'codewithronny' ),
'slug' => 'medium-blue',
'color' => $MediumBlue,
),
array(
'name' => esc_html__( 'Dark Blue', 'codewithronny' ),
'slug' => 'dark-blue',
'color' => $DarkBlue,
),
array(
'name' => esc_html__( 'Navy', 'codewithronny' ),
'slug' => 'navy',
'color' => $Navy,
),
array(
'name' => esc_html__( 'Midnight Blue', 'codewithronny' ),
'slug' => 'midnight-blue',
'color' => $MidnightBlue,
),
array(
'name' => esc_html__( 'Corn Silk', 'codewithronny' ),
'slug' => 'corn-silk',
'color' => $Cornsilk,
),
array(
'name' => esc_html__( 'Blanched Almond', 'codewithronny' ),
'slug' => 'blanched-almond',
'color' => $BlanchedAlmond,
),
array(
'name' => esc_html__( 'Bisque', 'codewithronny' ),
'slug' => 'bisque',
'color' => $Bisque,
),
array(
'name' => esc_html__( 'NavajoWhite', 'codewithronny' ),
'slug' => 'navajo-white',
'color' => $NavajoWhite,
),
array(
'name' => esc_html__( 'Wheat', 'codewithronny' ),
'slug' => 'wheat',
'color' => $Wheat,
),
array(
'name' => esc_html__( 'Burly Wood', 'codewithronny' ),
'slug' => 'burly-wood',
'color' => $BurlyWood,
),
array(
'name' => esc_html__( 'Tan', 'codewithronny' ),
'slug' => 'tan',
'color' => $Tan,
),
array(
'name' => esc_html__( 'Rosy Brown', 'codewithronny' ),
'slug' => 'rosy-brown',
'color' => $WRosyBrown,
),
array(
'name' => esc_html__( 'Sandy Brown', 'codewithronny' ),
'slug' => 'sandy-brown',
'color' => $SandyBrown,
),
array(
'name' => esc_html__( 'Golden Rod', 'codewithronny' ),
'slug' => 'golden-rod',
'color' => $Goldenrod,
),
array(
'name' => esc_html__( 'Dark Golden rod', 'codewithronny' ),
'slug' => 'dark-golden-rod',
'color' => $DarkGoldenrod,
),
array(
'name' => esc_html__( 'Peru', 'codewithronny' ),
'slug' => 'peru',
'color' => $Peru,
),
array(
'name' => esc_html__( 'Chocolate', 'codewithronny' ),
'slug' => 'chocolate',
'color' => $Chocolate,
),
array(
'name' => esc_html__( 'Saddle Brown', 'codewithronny' ),
'slug' => 'saddle-brown',
'color' => $SaddleBrown,
),
array(
'name' => esc_html__( 'Sienna', 'codewithronny' ),
'slug' => 'sienna',
'color' => $Sienna,
),
array(
'name' => esc_html__( 'Brown', 'codewithronny' ),
'slug' => 'brown',
'color' => $Brown,
),
array(
'name' => esc_html__( 'Maroon', 'codewithronny' ),
'slug' => 'maroon',
'color' => $Maroon,
),
array(
'name' => esc_html__( 'White', 'codewithronny' ),
'slug' => 'white',
'color' => $White,
),
array(
'name' => esc_html__( 'Snow', 'codewithronny' ),
'slug' => 'snow',
'color' => $Snow,
),
array(
'name' => esc_html__( 'HoneyDew', 'codewithronny' ),
'slug' => 'honey-dew',
'color' => $HoneyDew,
),
array(
'name' => esc_html__( 'MintCream', 'codewithronny' ),
'slug' => 'mint-cream',
'color' => $MintCream,
),
array(
'name' => esc_html__( 'Azure', 'codewithronny' ),
'slug' => 'azure',
'color' => $Azure,
),
array(
'name' => esc_html__( 'AliceBlue', 'codewithronny' ),
'slug' => 'alice-blue',
'color' => $AliceBlue,
),
array(
'name' => esc_html__( 'Ghost White', 'codewithronny' ),
'slug' => 'ghost-white',
'color' => $DarkGray,
),
array(
'name' => esc_html__( 'White Smoke', 'codewithronny' ),
'slug' => 'white-smoke',
'color' => $WhiteSmoke,
),
array(
'name' => esc_html__( 'Sea Shell', 'codewithronny' ),
'slug' => 'sea-shell',
'color' => $SeaShell,
),
array(
'name' => esc_html__( 'Beige', 'codewithronny' ),
'slug' => 'beige',
'color' => $Beige,
),
array(
'name' => esc_html__( 'Old Lace', 'codewithronny' ),
'slug' => 'old-lace',
'color' => $OldLace,
),
array(
'name' => esc_html__( 'Floral White', 'codewithronny' ),
'slug' => 'floral-white',
'color' => $FloralWhite,
),
array(
'name' => esc_html__( 'Ivory', 'codewithronny' ),
'slug' => 'ivory',
'color' => $Ivory,
),
array(
'name' => esc_html__( 'Antique White', 'codewithronny' ),
'slug' => 'antique-white',
'color' => $AntiqueWhite,
),
array(
'name' => esc_html__( 'Linen', 'codewithronny' ),
'slug' => 'linen',
'color' => $Linen,
),
array(
'name' => esc_html__( 'Lavender Blush', 'codewithronny' ),
'slug' => 'lavender-blush',
'color' => $LavenderBlush,
),
array(
'name' => esc_html__( 'Misty Rose', 'codewithronny' ),
'slug' => 'misty-rose',
'color' => $MistyRose,
),
array(
'name' => esc_html__( 'Black', 'codewithronny' ),
'slug' => 'black',
'color' => $black,
),
array(
'name' => esc_html__( 'Dark Slate Gray', 'codewithronny' ),
'slug' => 'dark-slate-gray',
'color' => $DarkSlateGray,
),
array(
'name' => esc_html__( 'Slate Gray', 'codewithronny' ),
'slug' => 'slate-gray',
'color' => $SlateGray,
),
array(
'name' => esc_html__( 'Light Slate Gray', 'codewithronny' ),
'slug' => 'light-slate-gray',
'color' => $LightSlateGray,
),
array(
'name' => esc_html__( 'Dim Gray', 'codewithronny' ),
'slug' => 'dim-gray',
'color' => $DimGray,
),
array(
'name' => esc_html__( 'Gray', 'codewithronny' ),
'slug' => 'gray',
'color' => $Gray,
),
array(
'name' => esc_html__( 'Dark Gray', 'codewithronny' ),
'slug' => 'dark-gray',
'color' => $DarkGray,
),
array(
'name' => esc_html__( 'Silver', 'codewithronny' ),
'slug' => 'silver',
'color' => $Silver,
),
array(
'name' => esc_html__( 'Light Gray', 'codewithronny' ),
'slug' => 'light-gray',
'color' => $LightGray,
),
array(
'name' => esc_html__( 'Gains boro', 'codewithronny' ),
'slug' => 'gains-boro',
'color' => $Gainsboro,
),
)
);These all code will look like this
// Editor color palette.
$black = '#000000';
$dark_gray = '#28303D';
$gray = '#39414D';
$green = '#D1E4DD';
$blue = '#D1DFE4';
$purple = '#D1D1E4';
$red = '#E4D1D1';
$orange = '#E4DAD1';
$yellow = '#EEEADD';
$white = '#FFFFFF';
// Red HTML Color Names
$IndianRed = '#CD5C5C';
$LightCoral = '#F08080';
$salmon = '#FA8072';
$DarkSalmon = '#E9967A';
$LightSalmon = '#FFA07A';
$crimson = '#DC143C';
$red = '#FF0000';
$FireBrick = '#B22222';
$DarkRed = '#8B0000';
//Pink HTML Color Names
$Pink = '#FFC0CB';
$LightPink = '#FFB6C1';
$HotPink = '#FF69B4';
$DeepPink = '#FF1493';
$MediumVioletRed = '#C71585';
$PaleVioletRed = '#DB7093';
//Orange HTML Color Names
$LightSalmon = '#FFA07A';
$Coral = '#FF7F50';
$Tomato = '#FF6347';
$OrangeRed = '#FF4500';
$DarkOrange = '#FF8C00';
$Orange = '#FFA500';
//Yellow HTML Color Names
$Gold = '#FFD700';
$Yellow = '#FFFF00';
$LightYellow = '#FFFFE0';
$LemonChiffon = '#FFFACD';
$LightGoldenrodYellow = '#FAFAD2';
$PapayaWhip = '#FFEFD5';
$Moccasin = '#FFE4B5';
$PeachPuff = '#FFDAB9';
$PaleGoldenrod = '#EEE8AA';
$Khaki = '#F0E68C';
$DarkKhaki = '#BDB76B';
//Purple HTML Color Names
$Lavender = '#E6E6FA';
$Thistle = '#D8BFD8';
$Plum = '#DDA0DD';
$Violet = '#EE82EE';
$Orchid = '#DA70D6';
$Fuchsia = '#FF00FF';
$Magenta = '#FF00FF';
$MediumOrchid = '#BA55D3';
$MediumPurple = '#9370DB';
$RebeccaPurple = '#663399';
$BlueViolet = '#8A2BE2';
$DarkViolet = '#9400D3';
$DarkOrchid = '#9932CC';
$DarkMagenta = '#8B008B';
$Purple = '#800080';
$Indigo = '#4B0082';
$SlateBlue = '#6A5ACD';
$DarkSlateBlue = '#483D8B';
$MediumSlateBlue = '#7B68EE';
//Green HTML Color Names
$GreenYellow = '#ADFF2F';
$Chartreuse = '#7FFF00';
$LawnGreen = '#7CFC00';
$Lime = '#00FF00';
$LimeGreen = '#32CD32';
$PaleGreen = '#98FB98';
$LightGreen = '#90EE90';
$MediumSpringGreen = '#00FA9A';
$SpringGreen = '#00FF7F';
$MediumSeaGreen = '#3CB371';
$SeaGreen = '#2E8B57';
$ForestGreen = '#228B22';
$Green = '#008000';
$DarkGreen = '#006400';
$YellowGreen = '#9ACD32';
$OliveDrab = '#6B8E23';
$Olive = '#808000';
$DarkOliveGreen = '#556B2F';
$MediumAquamarine = '#66CDAA';
$DarkSeaGreen = '#8FBC8B';
$LightSeaGreen = '#20B2AA';
$DarkCyan = '#008B8B';
$Teal = '#008080';
//Blue HTML Color Names
$Aqua = '#00FFFF';
$Cyan = '#00FFFF';
$LightCyan = '#E0FFFF';
$PaleTurquoise = '#AFEEEE';
$Aquamarine = '#7FFFD4';
$Turquoise = '#40E0D0';
$MediumTurquoise = '#48D1CC';
$DarkTurquoise = '#00CED1';
$CadetBlue = '#5F9EA0';
$SteelBlue = '#4682B4';
$LightSteelBlue = '#B0C4DE';
$PowderBlue = '#B0E0E6';
$LightBlue = '#ADD8E6';
$SkyBlue = '#87CEEB';
$LightSkyBlue = '#87CEFA';
$DeepSkyBlue = '#00BFFF';
$DodgerBlue = '#1E90FF';
$CornflowerBlue = '#6495ED';
$MediumSlateBlue = '#7B68EE';
$RoyalBlue = '#4169E1';
$Blue = '#0000FF';
$MediumBlue = '#0000CD';
$DarkBlue = '#00008B';
$Navy = '#000080';
$MidnightBlue = '#191970';
//Brown HTML Color Names
$Cornsilk = '#FFF8DC';
$BlanchedAlmond = '#FFEBCD';
$Bisque = '#FFE4C4';
$NavajoWhite = '#FFDEAD';
$Wheat = '#F5DEB3';
$BurlyWood = '#DEB887';
$Tan = '#D2B48C';
$RosyBrown = '#BC8F8F';
$SandyBrown = '#F4A460';
$Goldenrod = '#DAA520';
$DarkGoldenrod = '#B8860B';
$Peru = '#CD853F';
$Chocolate = '#D2691E';
$SaddleBrown = '#8B4513';
$Sienna = '#A0522D';
$Brown = '#A52A2A';
$Maroon = '#800000';
// White HTML Color Names
$White = '#FFFFFF';
$Snow = '#FFFAFA';
$HoneyDew = '#F0FFF0';
$MintCream = '#F5FFFA';
$Azure = '#F0FFFF';
$AliceBlue = '#F0F8FF';
$GhostWhite = '#F8F8FF';
$WhiteSmoke = '#F5F5F5';
$SeaShell = '#FFF5EE';
$Beige = '#F5F5DC';
$OldLace = '#FDF5E6';
$FloralWhite = '#FFFAF0';
$Ivory = '#FFFFF0';
$AntiqueWhite = '#FAEBD7';
$Linen = '#FAF0E6';
$LavenderBlush = '#FFF0F5';
$MistyRose = '#FFE4E1';
//Gray HTML Color Names
$Gainsboro = '#DCDCDC';
$LightGray = '#D3D3D3';
$Silver = '#C0C0C0';
$DarkGray = '#A9A9A9';
$Gray = '#808080';
$DimGray = '#696969';
$LightSlateGray = '#778899';
$SlateGray = '#708090';
$DarkSlateGray = '#2F4F4F';
$Black = '#000000';
add_theme_support(
'editor-color-palette',
array(
array(
'name' => esc_html__( 'Indian Red', 'codewithronny' ),
'slug' => 'IndianRed',
'color' => $IndianRed,
),
array(
'name' => esc_html__( 'Light Coral', 'codewithronny' ),
'slug' => 'LightCoral',
'color' => $LightCoral,
),
array(
'name' => esc_html__( 'Salmon', 'codewithronny' ),
'slug' => 'salmon',
'color' => $salmon,
),
array(
'name' => esc_html__( 'Dark Salmon', 'codewithronny' ),
'slug' => 'DarkSalmon',
'color' => $DarkSalmon,
),
array(
'name' => esc_html__( 'Light Salmon', 'codewithronny' ),
'slug' => 'LightSalmon',
'color' => $LightSalmon,
),
array(
'name' => esc_html__( 'Crimson', 'codewithronny' ),
'slug' => 'crimson',
'color' => $crimson,
),
array(
'name' => esc_html__( 'Red', 'codewithronny' ),
'slug' => 'red',
'color' => $red,
),
array(
'name' => esc_html__( 'Fire Brick', 'codewithronny' ),
'slug' => 'FireBrick',
'color' => $FireBrick,
),
array(
'name' => esc_html__( 'Dark Red', 'codewithronny' ),
'slug' => 'DarkRed',
'color' => $DarkRed,
),
array(
'name' => esc_html__( 'Pink', 'codewithronny' ),
'slug' => 'pink',
'color' => $Pink,
),
array(
'name' => esc_html__( 'Light Pink', 'codewithronny' ),
'slug' => 'light-pink',
'color' => $LightPink,
),
array(
'name' => esc_html__( 'Hot Pink', 'codewithronny' ),
'slug' => 'hot-pink',
'color' => $HotPink,
),
array(
'name' => esc_html__( 'Deep Pink', 'codewithronny' ),
'slug' => 'deep-pink',
'color' => $DeepPink,
),
array(
'name' => esc_html__( 'Medium Violet Red', 'codewithronny' ),
'slug' => 'medium-violet-red',
'color' => $MediumVioletRed,
),
array(
'name' => esc_html__( 'Pale Violet Red', 'codewithronny' ),
'slug' => 'pale-violet-red',
'color' => $PaleVioletRed,
),
array(
'name' => esc_html__( 'Light Salmon', 'codewithronny' ),
'slug' => 'light-salmon',
'color' => $LightSalmon,
),
array(
'name' => esc_html__( 'Coral', 'codewithronny' ),
'slug' => 'coral',
'color' => $Coral,
),
array(
'name' => esc_html__( 'Tomato', 'codewithronny' ),
'slug' => 'tomato',
'color' => $Tomato,
),
array(
'name' => esc_html__( 'Orange Red', 'codewithronny' ),
'slug' => 'orange-red',
'color' => $OrangeRed,
),
array(
'name' => esc_html__( 'Dark Orange', 'codewithronny' ),
'slug' => 'dark-orange',
'color' => $DarkOrange,
),
array(
'name' => esc_html__( 'Orange', 'codewithronny' ),
'slug' => 'orange',
'color' => $Orange,
),
array(
'name' => esc_html__( 'Gold', 'codewithronny' ),
'slug' => 'gold',
'color' => $Gold,
),
array(
'name' => esc_html__( 'Yellow', 'codewithronny' ),
'slug' => 'yellow',
'color' => $Yellow,
),
array(
'name' => esc_html__( 'Light Yellow', 'codewithronny' ),
'slug' => 'light-yellow',
'color' => $LightYellow,
),
array(
'name' => esc_html__( 'Lemon Chiffon', 'codewithronny' ),
'slug' => 'lemon-chiffon',
'color' => $LemonChiffon,
),
array(
'name' => esc_html__( 'Light Goldenrod Yellow', 'codewithronny' ),
'slug' => 'light-goldenrod-yellow',
'color' => $LightGoldenrodYellow,
),
array(
'name' => esc_html__( 'Papaya Whip', 'codewithronny' ),
'slug' => 'papaya-whip',
'color' => $PapayaWhip,
),
array(
'name' => esc_html__( 'Moccasin', 'codewithronny' ),
'slug' => 'moccasin',
'color' => $Moccasin,
),
array(
'name' => esc_html__( 'Peach Puff', 'codewithronny' ),
'slug' => 'peach-puff',
'color' => $PeachPuff,
),
array(
'name' => esc_html__( 'Pale Goldenrod', 'codewithronny' ),
'slug' => 'pale-goldenrod',
'color' => $PaleGoldenrod,
),
array(
'name' => esc_html__( 'Khaki', 'codewithronny' ),
'slug' => 'khaki',
'color' => $Khaki,
),
array(
'name' => esc_html__( 'Dark Khaki', 'codewithronny' ),
'slug' => 'dark-khaki',
'color' => $DarkKhaki,
),
array(
'name' => esc_html__( 'Lavender', 'codewithronny' ),
'slug' => 'lavender',
'color' => $Lavender,
),
array(
'name' => esc_html__( 'Thistle', 'codewithronny' ),
'slug' => 'thistle',
'color' => $Thistle,
),
array(
'name' => esc_html__( 'Plum', 'codewithronny' ),
'slug' => 'plum',
'color' => $Plum,
),
array(
'name' => esc_html__( 'Violet', 'codewithronny' ),
'slug' => 'violet',
'color' => $Violet,
),
array(
'name' => esc_html__( 'Orchid', 'codewithronny' ),
'slug' => 'orchid',
'color' => $Orchid,
),
array(
'name' => esc_html__( 'Fuchsia', 'codewithronny' ),
'slug' => 'fuchsia',
'color' => $Fuchsia,
),
array(
'name' => esc_html__( 'Magenta', 'codewithronny' ),
'slug' => 'magenta',
'color' => $Magenta,
),
array(
'name' => esc_html__( 'Medium Orchid', 'codewithronny' ),
'slug' => 'medium-orchid',
'color' => $MediumSpringGreen,
),
array(
'name' => esc_html__( 'Medium Purple', 'codewithronny' ),
'slug' => 'medium-purple',
'color' => $MediumPurple,
),
array(
'name' => esc_html__( 'Medium Sea Green', 'codewithronny' ),
'slug' => 'medium-sea-green',
'color' => $MediumSeaGreen,
),
array(
'name' => esc_html__( 'Rebecca Purple', 'codewithronny' ),
'slug' => 'rebecca-purple',
'color' => $RebeccaPurple,
),
array(
'name' => esc_html__( 'Blue Violet', 'codewithronny' ),
'slug' => 'blue-violet',
'color' => $BlueViolet,
),
array(
'name' => esc_html__( 'Dark Violet', 'codewithronny' ),
'slug' => 'dark-violet',
'color' => $DarkViolet,
),
array(
'name' => esc_html__( 'Dark Orchid', 'codewithronny' ),
'slug' => 'dark-orchid',
'color' => $DarkOrchid,
),
array(
'name' => esc_html__( 'Dark Magenta', 'codewithronny' ),
'slug' => 'dark-magenta',
'color' => $DarkMagenta,
),
array(
'name' => esc_html__( 'Purple', 'codewithronny' ),
'slug' => 'purple',
'color' => $Purple,
),
array(
'name' => esc_html__( 'Indigo', 'codewithronny' ),
'slug' => 'indigo',
'color' => $Indigo,
),
array(
'name' => esc_html__( 'Slate Blue', 'codewithronny' ),
'slug' => 'slate-blue',
'color' => $SlateBlue,
),
array(
'name' => esc_html__( 'Dark Slate Blue', 'codewithronny' ),
'slug' => 'dark-slate-blue',
'color' => $DarkSlateBlue,
),
array(
'name' => esc_html__( 'Medium Slate Blue', 'codewithronny' ),
'slug' => 'medium-slate-blue',
'color' => $MediumSlateBlue,
),
array(
'name' => esc_html__( 'Green Yellow', 'codewithronny' ),
'slug' => 'green-yellow',
'color' => $GreenYellow,
),
array(
'name' => esc_html__( 'Chartreuse', 'codewithronny' ),
'slug' => 'chartreuse',
'color' => $Chartreuse,
),
array(
'name' => esc_html__( 'Lawn Green', 'codewithronny' ),
'slug' => 'lawn-green',
'color' => $LawnGreen,
),
array(
'name' => esc_html__( 'Lime', 'codewithronny' ),
'slug' => 'lime',
'color' => $Lime,
),
array(
'name' => esc_html__( 'Lime Green', 'codewithronny' ),
'slug' => 'lime-green',
'color' => $LimeGreen,
),
array(
'name' => esc_html__( 'Pale Green', 'codewithronny' ),
'slug' => 'pale-green',
'color' => $PaleGreen,
),
array(
'name' => esc_html__( 'Light Green', 'codewithronny' ),
'slug' => 'light-green',
'color' => $LightGreen,
),
array(
'name' => esc_html__( 'Medium Spring Green', 'codewithronny' ),
'slug' => 'medium-spring-green',
'color' => $MediumSpringGreen,
),
array(
'name' => esc_html__( 'Spring Green', 'codewithronny' ),
'slug' => 'spring-green',
'color' => $SpringGreen,
),
array(
'name' => esc_html__( 'Medium Sea Green', 'codewithronny' ),
'slug' => 'medium-sea-green',
'color' => $MediumSeaGreen,
),
array(
'name' => esc_html__( 'Sea Green', 'codewithronny' ),
'slug' => 'sea-green',
'color' => $SeaGreen,
),
array(
'name' => esc_html__( 'Forest Green', 'codewithronny' ),
'slug' => 'forest-green',
'color' => $ForestGreen,
),
array(
'name' => esc_html__( 'Green', 'codewithronny' ),
'slug' => 'green',
'color' => $Green,
),
array(
'name' => esc_html__( 'Dark Green', 'codewithronny' ),
'slug' => 'dark-green',
'color' => $DarkGreen,
),
array(
'name' => esc_html__( 'Yellow Green', 'codewithronny' ),
'slug' => 'yellow-green',
'color' => $YellowGreen,
),
array(
'name' => esc_html__( 'Olive Drab', 'codewithronny' ),
'slug' => 'olive-drab',
'color' => $OliveDrab,
),
array(
'name' => esc_html__( 'Olive', 'codewithronny' ),
'slug' => 'olive',
'color' => $Olive,
),
array(
'name' => esc_html__( 'Dark Olive Green', 'codewithronny' ),
'slug' => 'dark-olive-green',
'color' => $DarkOliveGreen,
),
array(
'name' => esc_html__( 'Medium Aquamarine', 'codewithronny' ),
'slug' => 'medium-aquamarine',
'color' => $MediumAquamarine,
),
array(
'name' => esc_html__( 'Dark Sea Green', 'codewithronny' ),
'slug' => 'dark-sea-green',
'color' => $DarkSeaGreen,
),
array(
'name' => esc_html__( 'Light Sea Green', 'codewithronny' ),
'slug' => 'light-sea-green',
'color' => $LightSeaGreen,
),
array(
'name' => esc_html__( 'Medium Blue', 'codewithronny' ),
'slug' => 'medium-blue',
'color' => $MediumBlue,
),
array(
'name' => esc_html__( 'Dark Blue', 'codewithronny' ),
'slug' => 'dark-blue',
'color' => $DarkBlue,
),
array(
'name' => esc_html__( 'Dark Cyan', 'codewithronny' ),
'slug' => 'dark-cyan',
'color' => $DarkCyan,
),
array(
'name' => esc_html__( 'Teal', 'codewithronny' ),
'slug' => 'teal',
'color' => $Teal,
),
array(
'name' => esc_html__( 'Aqua', 'codewithronny' ),
'slug' => 'aqua',
'color' => $Aqua,
),
array(
'name' => esc_html__( 'Cyan', 'codewithronny' ),
'slug' => 'cyan',
'color' => $Cyan,
),
array(
'name' => esc_html__( 'Light Cyan', 'codewithronny' ),
'slug' => 'light-cyan',
'color' => $LightCyan,
),
array(
'name' => esc_html__( 'Pale Turquoise', 'codewithronny' ),
'slug' => 'pale-turquoise',
'color' => $PaleTurquoise,
),
array(
'name' => esc_html__( 'Aquamarine', 'codewithronny' ),
'slug' => 'aquamarine',
'color' => $Aquamarine,
),
array(
'name' => esc_html__( 'Turquoise', 'codewithronny' ),
'slug' => 'turquoise',
'color' => $Turquoise,
),
array(
'name' => esc_html__( 'Medium Turquoise', 'codewithronny' ),
'slug' => 'medium-turquoise',
'color' => $MediumTurquoise,
),
array(
'name' => esc_html__( 'Dark Turquoise', 'codewithronny' ),
'slug' => 'dark-turquoise',
'color' => $DarkTurquoise,
),
array(
'name' => esc_html__( 'CadetBlue', 'codewithronny' ),
'slug' => 'cadet-blue',
'color' => $CadetBlue,
),
array(
'name' => esc_html__( 'Steel Blue', 'codewithronny' ),
'slug' => 'steel-blue',
'color' => $SteelBlue,
),
array(
'name' => esc_html__( 'Light Steel Blue', 'codewithronny' ),
'slug' => 'light-steel-blue',
'color' => $LightSteelBlue,
),
array(
'name' => esc_html__( 'Powder Blue', 'codewithronny' ),
'slug' => 'powder-blue',
'color' => $PowderBlue,
),
array(
'name' => esc_html__( 'Light Blue', 'codewithronny' ),
'slug' => 'light-blue',
'color' => $LightBlue,
),
array(
'name' => esc_html__( 'Sky Blue', 'codewithronny' ),
'slug' => 'sky-blue',
'color' => $SkyBlue,
),
array(
'name' => esc_html__( 'Light Sky Blue', 'codewithronny' ),
'slug' => 'light-sky-blue',
'color' => $LightSkyBlue,
),
array(
'name' => esc_html__( 'Deep Sky Blue', 'codewithronny' ),
'slug' => 'deep-sky-blue',
'color' => $DeepSkyBlue,
),
array(
'name' => esc_html__( 'Dodger Blue', 'codewithronny' ),
'slug' => 'dodger-blue',
'color' => $DodgerBlue,
),
array(
'name' => esc_html__( 'Cornflower Blue', 'codewithronny' ),
'slug' => 'cornflower-blue',
'color' => $CornflowerBlue,
),
array(
'name' => esc_html__( 'Medium Slate Blue', 'codewithronny' ),
'slug' => 'medium-slate-blue',
'color' => $MediumSlateBlue,
),
array(
'name' => esc_html__( 'Royal Blue', 'codewithronny' ),
'slug' => 'royal-blue',
'color' => $RoyalBlue,
),
array(
'name' => esc_html__( 'Blue', 'codewithronny' ),
'slug' => 'blue',
'color' => $Blue,
),
array(
'name' => esc_html__( 'Medium Blue', 'codewithronny' ),
'slug' => 'medium-blue',
'color' => $MediumBlue,
),
array(
'name' => esc_html__( 'Dark Blue', 'codewithronny' ),
'slug' => 'dark-blue',
'color' => $DarkBlue,
),
array(
'name' => esc_html__( 'Navy', 'codewithronny' ),
'slug' => 'navy',
'color' => $Navy,
),
array(
'name' => esc_html__( 'Midnight Blue', 'codewithronny' ),
'slug' => 'midnight-blue',
'color' => $MidnightBlue,
),
array(
'name' => esc_html__( 'Corn Silk', 'codewithronny' ),
'slug' => 'corn-silk',
'color' => $Cornsilk,
),
array(
'name' => esc_html__( 'Blanched Almond', 'codewithronny' ),
'slug' => 'blanched-almond',
'color' => $BlanchedAlmond,
),
array(
'name' => esc_html__( 'Bisque', 'codewithronny' ),
'slug' => 'bisque',
'color' => $Bisque,
),
array(
'name' => esc_html__( 'NavajoWhite', 'codewithronny' ),
'slug' => 'navajo-white',
'color' => $NavajoWhite,
),
array(
'name' => esc_html__( 'Wheat', 'codewithronny' ),
'slug' => 'wheat',
'color' => $Wheat,
),
array(
'name' => esc_html__( 'Burly Wood', 'codewithronny' ),
'slug' => 'burly-wood',
'color' => $BurlyWood,
),
array(
'name' => esc_html__( 'Tan', 'codewithronny' ),
'slug' => 'tan',
'color' => $Tan,
),
array(
'name' => esc_html__( 'Rosy Brown', 'codewithronny' ),
'slug' => 'rosy-brown',
'color' => $WRosyBrown,
),
array(
'name' => esc_html__( 'Sandy Brown', 'codewithronny' ),
'slug' => 'sandy-brown',
'color' => $SandyBrown,
),
array(
'name' => esc_html__( 'Golden Rod', 'codewithronny' ),
'slug' => 'golden-rod',
'color' => $Goldenrod,
),
array(
'name' => esc_html__( 'Dark Golden rod', 'codewithronny' ),
'slug' => 'dark-golden-rod',
'color' => $DarkGoldenrod,
),
array(
'name' => esc_html__( 'Peru', 'codewithronny' ),
'slug' => 'peru',
'color' => $Peru,
),
array(
'name' => esc_html__( 'Chocolate', 'codewithronny' ),
'slug' => 'chocolate',
'color' => $Chocolate,
),
array(
'name' => esc_html__( 'Saddle Brown', 'codewithronny' ),
'slug' => 'saddle-brown',
'color' => $SaddleBrown,
),
array(
'name' => esc_html__( 'Sienna', 'codewithronny' ),
'slug' => 'sienna',
'color' => $Sienna,
),
array(
'name' => esc_html__( 'Brown', 'codewithronny' ),
'slug' => 'brown',
'color' => $Brown,
),
array(
'name' => esc_html__( 'Maroon', 'codewithronny' ),
'slug' => 'maroon',
'color' => $Maroon,
),
array(
'name' => esc_html__( 'White', 'codewithronny' ),
'slug' => 'white',
'color' => $White,
),
array(
'name' => esc_html__( 'Snow', 'codewithronny' ),
'slug' => 'snow',
'color' => $Snow,
),
array(
'name' => esc_html__( 'HoneyDew', 'codewithronny' ),
'slug' => 'honey-dew',
'color' => $HoneyDew,
),
array(
'name' => esc_html__( 'MintCream', 'codewithronny' ),
'slug' => 'mint-cream',
'color' => $MintCream,
),
array(
'name' => esc_html__( 'Azure', 'codewithronny' ),
'slug' => 'azure',
'color' => $Azure,
),
array(
'name' => esc_html__( 'AliceBlue', 'codewithronny' ),
'slug' => 'alice-blue',
'color' => $AliceBlue,
),
array(
'name' => esc_html__( 'Ghost White', 'codewithronny' ),
'slug' => 'ghost-white',
'color' => $DarkGray,
),
array(
'name' => esc_html__( 'White Smoke', 'codewithronny' ),
'slug' => 'white-smoke',
'color' => $WhiteSmoke,
),
array(
'name' => esc_html__( 'Sea Shell', 'codewithronny' ),
'slug' => 'sea-shell',
'color' => $SeaShell,
),
array(
'name' => esc_html__( 'Beige', 'codewithronny' ),
'slug' => 'beige',
'color' => $Beige,
),
array(
'name' => esc_html__( 'Old Lace', 'codewithronny' ),
'slug' => 'old-lace',
'color' => $OldLace,
),
array(
'name' => esc_html__( 'Floral White', 'codewithronny' ),
'slug' => 'floral-white',
'color' => $FloralWhite,
),
array(
'name' => esc_html__( 'Ivory', 'codewithronny' ),
'slug' => 'ivory',
'color' => $Ivory,
),
array(
'name' => esc_html__( 'Antique White', 'codewithronny' ),
'slug' => 'antique-white',
'color' => $AntiqueWhite,
),
array(
'name' => esc_html__( 'Linen', 'codewithronny' ),
'slug' => 'linen',
'color' => $Linen,
),
array(
'name' => esc_html__( 'Lavender Blush', 'codewithronny' ),
'slug' => 'lavender-blush',
'color' => $LavenderBlush,
),
array(
'name' => esc_html__( 'Misty Rose', 'codewithronny' ),
'slug' => 'misty-rose',
'color' => $MistyRose,
),
array(
'name' => esc_html__( 'Black', 'codewithronny' ),
'slug' => 'black',
'color' => $black,
),
array(
'name' => esc_html__( 'Dark Slate Gray', 'codewithronny' ),
'slug' => 'dark-slate-gray',
'color' => $DarkSlateGray,
),
array(
'name' => esc_html__( 'Slate Gray', 'codewithronny' ),
'slug' => 'slate-gray',
'color' => $SlateGray,
),
array(
'name' => esc_html__( 'Light Slate Gray', 'codewithronny' ),
'slug' => 'light-slate-gray',
'color' => $LightSlateGray,
),
array(
'name' => esc_html__( 'Dim Gray', 'codewithronny' ),
'slug' => 'dim-gray',
'color' => $DimGray,
),
array(
'name' => esc_html__( 'Gray', 'codewithronny' ),
'slug' => 'gray',
'color' => $Gray,
),
array(
'name' => esc_html__( 'Dark Gray', 'codewithronny' ),
'slug' => 'dark-gray',
'color' => $DarkGray,
),
array(
'name' => esc_html__( 'Silver', 'codewithronny' ),
'slug' => 'silver',
'color' => $Silver,
),
array(
'name' => esc_html__( 'Light Gray', 'codewithronny' ),
'slug' => 'light-gray',
'color' => $LightGray,
),
array(
'name' => esc_html__( 'Gains boro', 'codewithronny' ),
'slug' => 'gains-boro',
'color' => $Gainsboro,
),
)
);3. Open style.css and paste these css code into it
/*theme support color*/
.has-light-sea-green-background-color{
background-color: #20B2AA;
}
.has-indian-red-background-color{
background-color: #CD5C5C;
}
.has-light-coral-background-color{
background-color: #F08080;
}
.has-salmon-background-color{
background-color: #FA8072;
}
.has-dark-salmon-background-color{
background-color: #E9967A;
}
.has-light-salmon-background-color{
background-color: #FFA07A;
}
.has-crimson-background-color{
background-color: #DC143C;
}
.has-red-background-color{
background-color: #FF0000;
}
.has-fire-brick-background-color{
background-color: #B22222;
}
.has-dark-red-background-color{
background-color: #8B0000;
}
.has-pink-background-color{
background-color: #FFC0CB;
}
.has-light-pink-background-color{
background-color: #FFB6C1;
}
.has-hot-pink-background-color{
background-color: #FF69B4;
}
.has-deep-pink-background-color{
background-color: #FF1493;
}
.has-medium-violet-red-background-color{
background-color: #C71585;
}
.has-pale-violet-red-background-color{
background-color: #DB7093;
}
.has-light-salmon-background-color{
background-color: #FFA07A;
}
.has-coral-background-color{
background-color: #FF7F50;
}
.has-tomato-background-color{
background-color: #FF6347;
}
.has-orange-red-background-color{
background-color: #FF4500;
}
.has-dark-orange-background-color{
background-color: #FF8C00;
}
.has-orange-background-color{
background-color: #FFA500;
}
.has-gold-background-color{
background-color: #FFD700;
}
.has-yellow-background-color{
background-color: #FFFF00;
}
.has-light-yellow-background-color{
background-color: #FFFFE0;
}
.has-lemon-chiffon-background-color{
background-color: #FFFACD;
}
.has-light-goldenrod-yellow-background-color{
background-color: #FAFAD2;
}
.has-papaya-whip-background-color{
background-color: #FFEFD5;
}
.has-moccasin-background-color{
background-color: #FFE4B5;
}
.has-peach-puff-background-color{
background-color: #FFDAB9;
}
.has-pale-goldenrod-background-color{
background-color: #EEE8AA;
}
.has-khaki-background-color{
background-color: #F0E68C;
}
.has-dark-khaki-background-color{
background-color: #BDB76B;
}
.has-lavender-background-color{
background-color: #E6E6FA;
}
.has-thistle-background-color{
background-color: #D8BFD8;
}
.has-plum-background-color{
background-color: #DDA0DD;
}
.has-violet-background-color{
background-color: #EE82EE;
}
.has-orchid-background-color{
background-color: #DA70D6;
}
.has-fuchsia-background-color{
background-color: #FF00FF;
}
.has-magenta-background-color{
background-color: #FF00FF;
}
.has-medium-orchid-background-color{
background-color: #BA55D3;
}
.has-medium-purple-background-color{
background-color: #9370DB;
}
.has-rebecca-purple-background-color{
background-color: #663399;
}
.has-blue-violet-background-color{
background-color: #8A2BE2;
}
.has-dark-violet-background-color{
background-color: #9400D3;
}
.has-dark-orchid-background-color{
background-color: #9932CC;
}
.has-dark-magenta-background-color{
background-color: #8B008B;
}
.has-purple-background-color{
background-color: #800080;
}
.has-indigo-background-color{
background-color: #4B0082;
}
.has-slate-blue-background-color{
background-color: #6A5ACD;
}
.has-dark-slate-blue-background-color{
background-color: #483D8B;
}
.has-medium-slate-blue-background-color{
background-color: #7B68EE;
}
.has-green-yellow-background-color{
background-color: #ADFF2F;
}
.has-chartreuse-background-color{
background-color: #7FFF00;
}
.has-lawn-green-background-color{
background-color: #7CFC00;
}
.has-lime-background-color{
background-color: #00FF00;
}
.has-lime-green-background-color{
background-color: #32CD32;
}
.has-pale-green-background-color{
background-color: #98FB98;
}
.has-light-green-background-color{
background-color: #90EE90;
}
.has-medium-spring-green-background-color{
background-color: #00FA9A;
}
.has-spring-green-background-color{
background-color: #00FF7F;
}
.has-medium-sea-green-background-color{
background-color: #3CB371;
}
.has-sea-green-background-color{
background-color: #2E8B57;
}
.has-forest-green-background-color{
background-color: #228B22;
}
.has-green-background-color{
background-color: #008000;
}
.has-dark-green-background-color{
background-color: #006400;
}
.has-yellow-green-background-color{
background-color: #9ACD32;
}
.has-olive-drab-background-color{
background-color: #6B8E23;
}
.has-olive-background-color{
background-color: #808000;
}
.has-dark-olive-green-background-color{
background-color: #556B2F;
}
.has-medium-aquamarine-background-color{
background-color: #66CDAA;
}
.has-dark-sea-green-background-color{
background-color: #8FBC8B;
}
.has-dark-cyan-background-color{
background-color: #008B8B;
}
.has-teal-background-color{
background-color: #008080;
}
.has-aqua-background-color{
background-color: #00ffff;
}
.has-cyan-background-color{
background-color: #00FFFF;
}
.has-light-cyan-background-color{
background-color: #E0FFFF;
}
.has-pale-turquoise-background-color{
background-color: #AFEEEE;
}
.has-aquamarine-background-color{
background-color: #7FFFD4;
}
.has-turquoise-background-color{
background-color: #40E0D0;
}
.has-medium-turquoise-background-color{
background-color: #48D1CC;
}
.has-dark-turquoise-background-color{
background-color: #00CED1;
}
.has-cadet-blue-background-color{
background-color: #5F9EA0;
}
.has-steel-blue-background-color{
background-color: #4682B4;
}
.has-light-steel-blue-background-color{
background-color: #B0C4DE;
}
.has-powder-blue-background-color{
background-color: #B0E0E6;
}
.has-light-blue-background-color{
background-color: #ADD8E6;
}
.has-sky-blue-background-color{
background-color: #87CEEB;
}
.has-light-sky-blue-background-color{
background-color: #87CEFA;
}
.has-deep-sky-blue-background-color{
background-color: #00BFFF;
}
.has-dodger-blue-background-color{
background-color: #1E90FF;
}
.has-cornflower-blue-background-color{
background-color: #6495ED;
}
.has-medium-slate-blue-background-color{
background-color: #7B68EE;
}
.has-royal-blue-background-color{
background-color: #4169E1;
}
.has-blue-background-color{
background-color: #0000FF;
}
.has-medium-blue-background-color{
background-color: #0000CD;
}
.has-dark-blue-background-color{
background-color: #00008B;
}
.has-navy-background-color{
background-color: #000080;
}
.has-midnight-blue-background-color{
background-color: #191970;
}
.has-corn-silk-background-color{
background-color: #FFF8DC;
}
.has-blanched-almond-background-color{
background-color: #FFEBCD;
}
.has-bisque-background-color{
background-color: #FFE4C4;
}
.has-navajo-white-background-color{
background-color: #FFDEAD;
}
.has-wheat-background-color{
background-color: #F5DEB3;
}
.has-burly-wood-background-color{
background-color: #DEB887;
}
.has-tan-background-color{
background-color: #D2B48C;
}
.has-rosy-brown-background-color{
background-color: #BC8F8F;
}
.has-sandy-brown-background-color{
background-color: #F4A460;
}
.has-golden-rod-background-color{
background-color: #DAA520;
}
.has-dark-golden-rod-background-color{
background-color: #B8860B;
}
.has-peru-background-color{
background-color: #CD853F;
}
.has-chocolate-background-color{
background-color: #D2691E;
}
.has-saddle-brown-background-color{
background-color: #8B4513;
}
.has-sienna-background-color{
background-color: #A0522D;
}
.has-brown-background-color{
background-color: #A52A2A;
}
.has-maroon-background-color{
background-color: #800000;
}
.has-white-background-color{
background-color: #FFFFFF;
}
.has-snow-background-color{
background-color: #FFFAFA;
}
.has-honey-dew-background-color{
background-color: #F0FFF0;
}
.has-mint-cream-background-color{
background-color: #F5FFFA;
}
.has-azure-background-color{
background-color: #F0FFFF;
}
.has-alice-blue-background-color{
background-color: #F0F8FF;
}
.has-ghost-white-background-color{
background-color: #F8F8FF;
}
.has-white-smoke-background-color{
background-color: #F5F5F5;
}
.has-sea-shell-background-color{
background-color: #FFF5EE;
}
.has-beige-background-color{
background-color: #F5F5DC;
}
.has-old-lace-background-color{
background-color: #FDF5E6;
}
.has-floral-white-background-color{
background-color: #FFFAF0;
}
.has-ivory-background-color{
background-color: #FFFFF0;
}
.has-antique-white-background-color{
background-color: #FAEBD7;
}
.has-linen-background-color{
background-color: #FAF0E6;
}
.has-lavender-blush-background-color{
background-color: #FFF0F5;
}
.has-misty-rose-background-color{
background-color: #FFE4E1;
}
.has-black-background-color{
background-color: #000000;
}
.has-dark-slate-gray-background-color{
background-color: #2F4F4F;
}
.has-slate-gray-background-color{
background-color: #708090;
}
.has-light-slate-gray-background-color{
background-color: #778899;
}
.has-dim-gray-background-color{
background-color: #696969;
}
.has-gray-background-color{
background-color: #808080;
}
.has-dark-gray-background-color{
background-color: #A9A9A9;
}
.has-silver-background-color{
background-color: #C0C0C0;
}
.has-light-gray-background-color{
background-color: #D3D3D3;
}
.has-gains-boro-background-color{
background-color: #DCDCDC;
}
/*text color*/
.has-indian-red-color{
color: #CD5C5C;
}
.has-light-coral-color{
color: #F08080;
}
.has-salmon-color{
color: #FA8072;
}
.has-dark-salmon-color{
color: #E9967A;
}
.has-light-salmon-color{
color: #FFA07A;
}
.has-crimson-color{
color: #DC143C;
}
.has-red-color{
color: #FF0000;
}
.has-fire-brick-color{
color: #B22222;
}
.has-dark-red-color{
color: #8B0000;
}
.has-pink-color{
color: #FFC0CB;
}
.has-light-pink-color{
color: #FFB6C1;
}
.has-hot-pink-color{
color: #FF69B4;
}
.has-deep-pink-color{
color: #FF1493;
}
.has-medium-violet-red-color{
color: #C71585;
}
.has-pale-violet-red-color{
color: #DB7093;
}
.has-light-salmon-color{
color: #FFA07A;
}
.has-coral-color{
color: #FF7F50;
}
.has-tomato-color{
color: #FF6347;
}
.has-orange-red-color{
color: #FF4500;
}
.has-dark-orange-color{
color: #FF8C00;
}
.has-orange-color{
color: #FFA500;
}
.has-gold-color{
color: #FFD700;
}
.has-yellow-color{
color: #FFFF00;
}
.has-light-yellow-color{
color: #FFFFE0;
}
.has-lemon-chiffon-color{
color: #FFFACD;
}
.has-light-goldenrod-yellow-color{
color: #FAFAD2;
}
.has-papaya-whip-color{
color: #FFEFD5;
}
.has-moccasin-color{
color: #FFE4B5;
}
.has-peach-puff-color{
color: #FFDAB9;
}
.has-pale-goldenrod-color{
color: #EEE8AA;
}
.has-khaki-color{
color: #F0E68C;
}
.has-dark-khaki-color{
color: #BDB76B;
}
.has-lavender-color{
color: #E6E6FA;
}
.has-thistle-color{
color: #D8BFD8;
}
.has-plum-color{
color: #DDA0DD;
}
.has-violet-color{
color: #EE82EE;
}
.has-orchid-color{
color: #DA70D6;
}
.has-fuchsia-color{
color: #FF00FF;
}
.has-magenta-color{
color: #FF00FF;
}
.has-medium-orchid-color{
color: #BA55D3;
}
.has-medium-purple-color{
color: #9370DB;
}
.has-rebecca-purple-color{
color: #663399;
}
.has-blue-violet-color{
color: #8A2BE2;
}
.has-dark-violet-color{
color: #9400D3;
}
.has-dark-orchid-color{
color: #9932CC;
}
.has-dark-magenta-color{
color: #8B008B;
}
.has-purple-color{
color: #800080;
}
.has-indigo-color{
color: #4B0082;
}
.has-slate-blue-color{
color: #6A5ACD;
}
.has-dark-slate-blue-color{
color: #483D8B;
}
.has-medium-slate-blue-color{
color: #7B68EE;
}
.has-green-yellow-color{
color: #ADFF2F;
}
.has-chartreuse-color{
color: #7FFF00;
}
.has-lawn-green-color{
color: #7CFC00;
}
.has-lime-color{
color: #00FF00;
}
.has-lime-green-color{
color: #32CD32;
}
.has-pale-green-color{
color: #98FB98;
}
.has-light-green-color{
color: #90EE90;
}
.has-medium-spring-green-color{
color: #00FA9A;
}
.has-spring-green-color{
color: #00FF7F;
}
.has-medium-sea-green-color{
color: #3CB371;
}
.has-sea-green-color{
color: #2E8B57;
}
.has-forest-green-color{
color: #228B22;
}
.has-green-color{
color: #008000;
}
.has-dark-green-color{
color: #006400;
}
.has-yellow-green-color{
color: #9ACD32;
}
.has-olive-drab-color{
color: #6B8E23;
}
.has-olive-color{
color: #808000;
}
.has-dark-olive-green-color{
color: #556B2F;
}
.has-medium-aquamarine-color{
color: #66CDAA;
}
.has-dark-sea-green-color{
color: #8FBC8B;
}
.has-dark-cyan-color{
color: #008B8B;
}
.has-teal-color{
color: #008080;
}
.has-aqua-color{
color: #00ffff;
}
.has-cyan-color{
color: #00FFFF;
}
.has-light-cyan-color{
color: #E0FFFF;
}
.has-pale-turquoise-color{
color: #AFEEEE;
}
.has-aquamarine-color{
color: #7FFFD4;
}
.has-turquoise-color{
color: #40E0D0;
}
.has-medium-turquoise-color{
color: #48D1CC;
}
.has-dark-turquoise-color{
color: #00CED1;
}
.has-cadet-blue-color{
color: #5F9EA0;
}
.has-steel-blue-color{
color: #4682B4;
}
.has-light-steel-blue-color{
color: #B0C4DE;
}
.has-powder-blue-color{
color: #B0E0E6;
}
.has-light-blue-color{
color: #ADD8E6;
}
.has-sky-blue-color{
color: #87CEEB;
}
.has-light-sky-blue-color{
color: #87CEFA;
}
.has-deep-sky-blue-color{
color: #00BFFF;
}
.has-dodger-blue-color{
color: #1E90FF;
}
.has-cornflower-blue-color{
color: #6495ED;
}
.has-medium-slate-blue-color{
color: #7B68EE;
}
.has-royal-blue-color{
color: #4169E1;
}
.has-blue-color{
color: #0000FF;
}
.has-medium-blue-color{
color: #0000CD;
}
.has-dark-blue-color{
color: #00008B;
}
.has-navy-color{
color: #000080;
}
.has-midnight-blue-color{
color: #191970;
}
.has-corn-silk-color{
color: #FFF8DC;
}
.has-blanched-almond-color{
color: #FFEBCD;
}
.has-bisque-color{
color: #FFE4C4;
}
.has-navajo-white-color{
color: #FFDEAD;
}
.has-wheat-color{
color: #F5DEB3;
}
.has-burly-wood-color{
color: #DEB887;
}
.has-tan-color{
color: #D2B48C;
}
.has-rosy-brown-color{
color: #BC8F8F;
}
.has-sandy-brown-color{
color: #F4A460;
}
.has-golden-rod-color{
color: #DAA520;
}
.has-dark-golden-rod-color{
color: #B8860B;
}
.has-peru-color{
color: #CD853F;
}
.has-chocolate-color{
color: #D2691E;
}
.has-saddle-brown-color{
color: #8B4513;
}
.has-sienna-color{
color: #A0522D;
}
.has-brown-color{
color: #A52A2A;
}
.has-maroon-color{
color: #800000;
}
.has-white-color{
color: #FFFFFF;
}
.has-snow-color{
color: #FFFAFA;
}
.has-honey-dew-color{
color: #F0FFF0;
}
.has-mint-cream-color{
color: #F5FFFA;
}
.has-azure-color{
color: #F0FFFF;
}
.has-alice-blue-color{
color: #F0F8FF;
}
.has-ghost-white-color{
color: #F8F8FF;
}
.has-white-smoke-color{
color: #F5F5F5;
}
.has-sea-shell-color{
color: #FFF5EE;
}
.has-beige-color{
color: #F5F5DC;
}
.has-old-lace-color{
color: #FDF5E6;
}
.has-floral-white-color{
color: #FFFAF0;
}
.has-ivory-color{
color: #FFFFF0;
}
.has-antique-white-color{
color: #FAEBD7;
}
.has-linen-color{
color: #FAF0E6;
}
.has-lavender-blush-color{
color: #FFF0F5;
}
.has-misty-rose-color{
color: #FFE4E1;
}
.has-black-color{
color: #000000;
}
.has-dark-slate-gray-color{
color: #2F4F4F;
}
.has-slate-gray-color{
color: #708090;
}
.has-light-slate-gray-color{
color: #778899;
}
.has-dim-gray-color{
color: #696969;
}
.has-gray-color{
color: #808080;
}
.has-dark-gray-color{
color: #A9A9A9;
}
.has-silver-color{
color: #C0C0C0;
}
.has-light-gray-color{
color: #D3D3D3;
}
.has-gains-boro-color{
color: #DCDCDC;
}4. Save Changes
After adding the code, click on the Update File button to save your changes.
Verify the Color Palette
- Go to a post or page editor within your
WordPress dashboard. - Click on the color picker to see the expanded color palette with your added 140 colors.
Result
Benefits of Expanding the Editor Color Palette
Design Consistency
- Achieve a more consistent color scheme across your website by using the same palette for various elements.
Branding Precision
- Ensure that your website aligns perfectly with your brand colors, reinforcing brand identity and recognition.
Visual Appeal
- Enhance the visual appeal of your content by choosing colors that complement your overall design.
Conclusion
customizing the editor color palette in WordPress allows you to exercise greater control over your website’s visual elements. By adding 140 colors to the palette, you can fine-tune your design, ensuring a more professional and visually appealing user experience. Take advantage of this customization option to create a website that not only stands out but also reflects your unique style and branding.
About Author
I am a Web Developer, Love to write code and explain in brief. I Worked on several projects and completed in no time.
View all posts by Sunil Shaw
