diff --git a/languages/modularity-sv_SE.mo b/languages/modularity-sv_SE.mo index b85b9cfe3..870365354 100644 Binary files a/languages/modularity-sv_SE.mo and b/languages/modularity-sv_SE.mo differ diff --git a/languages/modularity-sv_SE.po b/languages/modularity-sv_SE.po index b1ab51e2b..6a9651aaa 100644 --- a/languages/modularity-sv_SE.po +++ b/languages/modularity-sv_SE.po @@ -3,7 +3,7 @@ msgstr "" "Project-Id-Version: Modularity\n" "Report-Msgid-Bugs-To: \n" "POT-Creation-Date: 2025-03-24 13:51+0100\n" -"PO-Revision-Date: 2025-03-24 13:52+0100\n" +"PO-Revision-Date: 2025-04-15 20:18+0200\n" "Last-Translator: \n" "Language-Team: \n" "Language: sv_SE\n" @@ -11,7 +11,7 @@ msgstr "" "Content-Type: text/plain; charset=UTF-8\n" "Content-Transfer-Encoding: 8bit\n" "Plural-Forms: nplurals=2; plural=(n != 1);\n" -"X-Generator: Poedit 3.4.2\n" +"X-Generator: Poedit 3.5\n" "X-Poedit-Basepath: ..\n" "X-Poedit-WPHeader: modularity.php\n" "X-Poedit-SourceCharset: UTF-8\n" @@ -26286,6 +26286,10 @@ msgstr "" msgid "Kristoffer Svanmark, Sebastian Thulin" msgstr "" +#: source/php/Module/ColoredCards/ColoredCards.php:178 +msgid "Read more about" +msgstr "Läs mer om" + #~ msgid "Nothing to display…" #~ msgstr "Inget att visa…" diff --git a/modularity.php b/modularity.php index 31bc28b40..88e76ea11 100644 --- a/modularity.php +++ b/modularity.php @@ -45,6 +45,7 @@ $acfExportManager->setExportFolder(MODULARITY_PATH . 'source/php/AcfFields/'); $acfExportManager->autoExport(array( 'mod-booking' => 'group_56a89f42b432b', + 'mod-colored-cards' => 'group_67efeb5e4b211', 'mod-contact-info' => 'group_56a0a3928c017', 'mod-contact-contacts' => 'group_5757b93da8d5c', 'mod-contacts' => 'group_5805e5dc0a3be', diff --git a/source/php/AcfFields/json/mod-colored-cards.json b/source/php/AcfFields/json/mod-colored-cards.json new file mode 100644 index 000000000..d459a6539 --- /dev/null +++ b/source/php/AcfFields/json/mod-colored-cards.json @@ -0,0 +1,305 @@ +[{ + "key": "group_67efeb5e4b211", + "title": "Cards", + "fields": [ + { + "key": "field_67f00aac8f0c4", + "label": "Max cards per column", + "name": "cards_per_column", + "aria-label": "", + "type": "number", + "instructions": "", + "required": 1, + "conditional_logic": 0, + "wrapper": { + "width": "25", + "class": "", + "id": "" + }, + "default_value": 3, + "min": 2, + "max": 4, + "placeholder": "", + "step": "", + "prepend": "", + "append": "" + }, + { + "key": "field_67f00ad48f0c5", + "label": "Wrap cards in background color", + "name": "wrap_cards_color_container", + "aria-label": "", + "type": "true_false", + "instructions": "Will only work properly if module is centered on page", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "25", + "class": "", + "id": "" + }, + "message": "Yes", + "default_value": 0, + "ui": 0, + "ui_on_text": "", + "ui_off_text": "" + }, + { + "key": "field_67f00af58f0c6", + "label": "Background color", + "name": "container_background_color", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": [ + [ + { + "field": "field_67f00ad48f0c5", + "operator": "==", + "value": "1" + } + ] + ], + "wrapper": { + "width": "25", + "class": "", + "id": "" + }, + "choices": [], + "default_value": "none", + "return_format": "value", + "multiple": 0, + "allow_custom": 0, + "search_placeholder": "", + "allow_null": 0, + "ui": 1, + "ajax": 0, + "placeholder": "" + }, + { + "key": "field_67f27a0f3028f", + "label": "Custom background color", + "name": "container_background_color_custom", + "aria-label": "", + "type": "color_picker", + "instructions": "Beware WCAG rules regarding contrasts", + "required": 0, + "conditional_logic": [ + [ + { + "field": "field_67f00af58f0c6", + "operator": "==", + "value": "custom-color" + } + ] + ], + "wrapper": { + "width": "25", + "class": "", + "id": "" + }, + "default_value": "", + "enable_opacity": 0, + "return_format": "string" + }, + { + "key": "field_67efeb5e223df", + "label": "Cards", + "name": "cards", + "aria-label": "", + "type": "repeater", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "100", + "class": "", + "id": "" + }, + "acfe_repeater_stylised_button": 0, + "layout": "block", + "pagination": 0, + "min": 0, + "max": 0, + "collapsed": "", + "button_label": "Add card", + "rows_per_page": 20, + "sub_fields": [ + { + "key": "field_67efec4d6d2ab", + "label": "Heading", + "name": "heading", + "aria-label": "", + "type": "text", + "instructions": "", + "required": 1, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": "", + "maxlength": "", + "placeholder": "", + "prepend": "", + "append": "", + "parent_repeater": "field_67efeb5e223df" + }, + { + "key": "field_67efec596d2ac", + "label": "Content", + "name": "content", + "aria-label": "", + "type": "wysiwyg", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": "", + "tabs": "all", + "toolbar": "full", + "media_upload": 1, + "delay": 0, + "parent_repeater": "field_67efeb5e223df" + }, + { + "key": "field_67efec6d6d2ad", + "label": "Image", + "name": "image", + "aria-label": "", + "type": "image", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "uploader": "", + "return_format": "id", + "acfe_thumbnail": 0, + "min_width": "", + "min_height": "", + "min_size": "", + "max_width": "", + "max_height": "", + "max_size": "", + "mime_types": "", + "preview_size": "medium", + "library": "all", + "parent_repeater": "field_67efeb5e223df" + }, + { + "key": "field_67efece36d2af", + "label": "Link", + "name": "link", + "aria-label": "", + "type": "link", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "return_format": "array", + "parent_repeater": "field_67efeb5e223df" + }, + { + "key": "field_67f289dc6aa72", + "label": "Background color", + "name": "background_color", + "aria-label": "", + "type": "select", + "instructions": "", + "required": 0, + "conditional_logic": 0, + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "choices": [], + "default_value": "none", + "return_format": "value", + "multiple": 0, + "allow_custom": 0, + "search_placeholder": "", + "allow_null": 0, + "ui": 1, + "ajax": 0, + "placeholder": "", + "parent_repeater": "field_67efeb5e223df" + }, + { + "key": "field_67f28b0cfbfbc", + "label": "Custom background color", + "name": "background_color_custom", + "aria-label": "", + "type": "color_picker", + "instructions": "Beware WCAG rules for contrasts and readability", + "required": 0, + "conditional_logic": [ + [ + { + "field": "field_67f289dc6aa72", + "operator": "==", + "value": "custom-color" + } + ] + ], + "wrapper": { + "width": "", + "class": "", + "id": "" + }, + "default_value": "", + "enable_opacity": 0, + "return_format": "string", + "parent_repeater": "field_67efeb5e223df" + } + ] + } + ], + "location": [ + [ + { + "param": "post_type", + "operator": "==", + "value": "mod-coloredcards" + } + ], + [ + { + "param": "block", + "operator": "==", + "value": "acf\/coloredcards" + } + ] + ], + "menu_order": 0, + "position": "normal", + "style": "default", + "label_placement": "left", + "instruction_placement": "label", + "hide_on_screen": "", + "active": true, + "description": "", + "show_in_rest": 0, + "acfe_display_title": "", + "acfe_autosync": [ + "json" + ], + "acfe_form": 0, + "acfe_meta": "", + "acfe_note": "" +}] + \ No newline at end of file diff --git a/source/php/AcfFields/php/mod-colored-cards.php b/source/php/AcfFields/php/mod-colored-cards.php new file mode 100644 index 000000000..0de9f905a --- /dev/null +++ b/source/php/AcfFields/php/mod-colored-cards.php @@ -0,0 +1,310 @@ + 'group_67efeb5e4b211', + 'title' => __('Cards', 'modularity'), + 'fields' => array( + 0 => array( + 'key' => 'field_67f00aac8f0c4', + 'label' => __('Max cards per column', 'modularity'), + 'name' => 'cards_per_column', + 'aria-label' => '', + 'type' => 'number', + 'instructions' => '', + 'required' => 1, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '25', + 'class' => '', + 'id' => '', + ), + 'default_value' => 3, + 'min' => 2, + 'max' => 4, + 'placeholder' => '', + 'step' => '', + 'prepend' => '', + 'append' => '', + ), + 1 => array( + 'key' => 'field_67f00ad48f0c5', + 'label' => __('Wrap cards in background color', 'modularity'), + 'name' => 'wrap_cards_color_container', + 'aria-label' => '', + 'type' => 'true_false', + 'instructions' => __('Will only work properly if module is centered on page', 'modularity'), + 'required' => 0, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '25', + 'class' => '', + 'id' => '', + ), + 'message' => __('Yes', 'modularity'), + 'default_value' => 0, + 'ui' => 0, + 'ui_on_text' => '', + 'ui_off_text' => '', + ), + 2 => array( + 'key' => 'field_67f00af58f0c6', + 'label' => __('Background color', 'modularity'), + 'name' => 'container_background_color', + 'aria-label' => '', + 'type' => 'select', + 'instructions' => '', + 'required' => 0, + 'conditional_logic' => array( + 0 => array( + 0 => array( + 'field' => 'field_67f00ad48f0c5', + 'operator' => '==', + 'value' => '1', + ), + ), + ), + 'wrapper' => array( + 'width' => '25', + 'class' => '', + 'id' => '', + ), + 'choices' => array( + ), + 'default_value' => __('none', 'modularity'), + 'return_format' => 'value', + 'multiple' => 0, + 'allow_custom' => 0, + 'search_placeholder' => '', + 'allow_null' => 0, + 'ui' => 1, + 'ajax' => 0, + 'placeholder' => '', + ), + 3 => array( + 'key' => 'field_67f27a0f3028f', + 'label' => __('Custom background color', 'modularity'), + 'name' => 'container_background_color_custom', + 'aria-label' => '', + 'type' => 'color_picker', + 'instructions' => __('Beware WCAG rules regarding contrasts', 'modularity'), + 'required' => 0, + 'conditional_logic' => array( + 0 => array( + 0 => array( + 'field' => 'field_67f00af58f0c6', + 'operator' => '==', + 'value' => 'custom-color', + ), + ), + ), + 'wrapper' => array( + 'width' => '25', + 'class' => '', + 'id' => '', + ), + 'default_value' => '', + 'enable_opacity' => 0, + 'return_format' => 'string', + ), + 4 => array( + 'key' => 'field_67efeb5e223df', + 'label' => __('Cards', 'modularity'), + 'name' => 'cards', + 'aria-label' => '', + 'type' => 'repeater', + 'instructions' => '', + 'required' => 0, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '100', + 'class' => '', + 'id' => '', + ), + 'acfe_repeater_stylised_button' => 0, + 'layout' => 'block', + 'pagination' => 0, + 'min' => 0, + 'max' => 0, + 'collapsed' => '', + 'button_label' => __('Add card', 'modularity'), + 'rows_per_page' => 20, + 'sub_fields' => array( + 0 => array( + 'key' => 'field_67efec4d6d2ab', + 'label' => __('Heading', 'modularity'), + 'name' => 'heading', + 'aria-label' => '', + 'type' => 'text', + 'instructions' => '', + 'required' => 1, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '', + 'class' => '', + 'id' => '', + ), + 'default_value' => '', + 'maxlength' => '', + 'placeholder' => '', + 'prepend' => '', + 'append' => '', + 'parent_repeater' => 'field_67efeb5e223df', + ), + 1 => array( + 'key' => 'field_67efec596d2ac', + 'label' => __('Content', 'modularity'), + 'name' => 'content', + 'aria-label' => '', + 'type' => 'wysiwyg', + 'instructions' => '', + 'required' => 0, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '', + 'class' => '', + 'id' => '', + ), + 'default_value' => '', + 'tabs' => 'all', + 'toolbar' => 'full', + 'media_upload' => 1, + 'delay' => 0, + 'parent_repeater' => 'field_67efeb5e223df', + ), + 2 => array( + 'key' => 'field_67efec6d6d2ad', + 'label' => __('Image', 'modularity'), + 'name' => 'image', + 'aria-label' => '', + 'type' => 'image', + 'instructions' => '', + 'required' => 0, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '', + 'class' => '', + 'id' => '', + ), + 'uploader' => '', + 'return_format' => 'id', + 'acfe_thumbnail' => 0, + 'min_width' => '', + 'min_height' => '', + 'min_size' => '', + 'max_width' => '', + 'max_height' => '', + 'max_size' => '', + 'mime_types' => '', + 'preview_size' => 'medium', + 'library' => 'all', + 'parent_repeater' => 'field_67efeb5e223df', + ), + 3 => array( + 'key' => 'field_67efece36d2af', + 'label' => __('Link', 'modularity'), + 'name' => 'link', + 'aria-label' => '', + 'type' => 'link', + 'instructions' => '', + 'required' => 0, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '', + 'class' => '', + 'id' => '', + ), + 'return_format' => 'array', + 'parent_repeater' => 'field_67efeb5e223df', + ), + 4 => array( + 'key' => 'field_67f289dc6aa72', + 'label' => __('Background color', 'modularity'), + 'name' => 'background_color', + 'aria-label' => '', + 'type' => 'select', + 'instructions' => '', + 'required' => 0, + 'conditional_logic' => 0, + 'wrapper' => array( + 'width' => '', + 'class' => '', + 'id' => '', + ), + 'choices' => array( + ), + 'default_value' => __('none', 'modularity'), + 'return_format' => 'value', + 'multiple' => 0, + 'allow_custom' => 0, + 'search_placeholder' => '', + 'allow_null' => 0, + 'ui' => 1, + 'ajax' => 0, + 'placeholder' => '', + 'parent_repeater' => 'field_67efeb5e223df', + ), + 5 => array( + 'key' => 'field_67f28b0cfbfbc', + 'label' => __('Custom background color', 'modularity'), + 'name' => 'background_color_custom', + 'aria-label' => '', + 'type' => 'color_picker', + 'instructions' => __('Beware WCAG rules for contrasts and readability', 'modularity'), + 'required' => 0, + 'conditional_logic' => array( + 0 => array( + 0 => array( + 'field' => 'field_67f289dc6aa72', + 'operator' => '==', + 'value' => 'custom-color', + ), + ), + ), + 'wrapper' => array( + 'width' => '', + 'class' => '', + 'id' => '', + ), + 'default_value' => '', + 'enable_opacity' => 0, + 'return_format' => 'string', + 'parent_repeater' => 'field_67efeb5e223df', + ), + ), + ), + ), + 'location' => array( + 0 => array( + 0 => array( + 'param' => 'post_type', + 'operator' => '==', + 'value' => 'mod-coloredcards', + ), + ), + 1 => array( + 0 => array( + 'param' => 'block', + 'operator' => '==', + 'value' => 'acf/coloredcards', + ), + ), + ), + 'menu_order' => 0, + 'position' => 'normal', + 'style' => 'default', + 'label_placement' => 'left', + 'instruction_placement' => 'label', + 'hide_on_screen' => '', + 'active' => true, + 'description' => '', + 'show_in_rest' => 0, + 'acfe_display_title' => '', + 'acfe_autosync' => array( + 0 => 'json', + ), + 'acfe_form' => 0, + 'acfe_meta' => '', + 'acfe_note' => '', +)); + } \ No newline at end of file diff --git a/source/php/Module/ColoredCards/ColoredCards.php b/source/php/Module/ColoredCards/ColoredCards.php new file mode 100644 index 000000000..42e33f7f5 --- /dev/null +++ b/source/php/Module/ColoredCards/ColoredCards.php @@ -0,0 +1,250 @@ + ['full'] + ); + + private $baseClass; + + private Config $config; + + public function init() + { + $this->nameSingular = __("Colored Cards", 'modularity'); + $this->namePlural = __("Colored Cards", 'modularity'); + $this->description = __("Creates card with colored backgrounds from manual data.", 'modularity'); + + $this->baseClass = $this->slug . '-' . $this->ID; + + $this->config = ConfigHelper::getConfig(); + + add_filter('acf/load_field/key=field_67f00af58f0c6', array($this, 'colorChoices')); + add_filter('acf/load_field/key=field_67f289dc6aa72', array($this, 'colorChoices')); + } + + public function data(): array + { + $data = []; + $fields = $this->getFields(); + + $data['cards'] = $this->prepareCards($fields['cards']); + + $data['baseClass'] = $this->baseClass; + $data['cardClass'] = 'colored-card'; + $data['columnClass'] = $this->getColumnClass(); + $data['wrapperClass'] = $this->getWrapperClass(); + + $data['wrapCards'] = $fields['wrap_cards_color_container']; + + if ($data['wrapCards']) { + $data['wrapperBackgroundColor'] = $this->getBackgroundColor($fields['container_background_color'], $fields, 'container_background_color_custom'); + } + + $data['cardStyles'] = $this->getCardStyles($data['cards']); + + return $data; + } + + public function colorChoices($field) + { + if (is_admin() && ($screen = get_current_screen()) && $screen->id === 'acf-field-group') { + return $field; + } + + $colors = ColorHelper::getColorsFromMunicipioPalettes(); + + $field['choices'] = [ + 'none' => __('None', 'modularity'), + ]; + + if ($this->config->isCustomColorsAllowed()) { + $field['choices']['custom-color'] = __('Custom color', 'modularity'); + } + + foreach ($colors as $var => $hex) { + $field['choices'][$var] = ' + + + ' . ColorHelper::mapCssVarToColorName($var) . ' + + '; + } + + foreach ($this->config->getColors() as $color) { + $field['choices'][$color->getHex()] = ' + + + ' . $color->getName() . ' + + '; + } + + return $field; + } + + private function getCardStyles($cardData) { + $cardStyles = []; + + foreach ($cardData as $card) { + if ($card['background']) { + $cardStyles[$card['id']] = [ + 'background' => $card['background'], + 'color' => ColorHelper::getBestContrastColor($card['background']) + ]; + } + } + + if (sizeof($cardStyles) === 0) { + return false; + } + + return $cardStyles; + } + + /** + * Get proper background color value for CSS + * + * @param string Color value for field + * @param array Array of fields from where to search for custom color value + * @param string Name of field to get custom color value from within fields array + * @return bool|string + */ + private function getBackgroundColor(string $color, array $fields, string $customColorField = 'background_color_custom') : bool|string + { + // Get custom color from correct field in fields + if ($color === 'custom-color') { + if (!isset($fields[$customColorField])) { + return false; + } + + return $fields[$customColorField]; + } + + // If hex code + if (preg_match('/^#[0-9a-fA-F]{6}$/', $color)) { + return $color; + } + + // If we have a CSS var, wrap it in proper CSS function + if (strpos($color, '--') === 0) { + return "var({$color})"; + } + + return false; + } + + private function prepareCards(array $cardData) + { + $preparedData = []; + + if (!is_array($cardData)) { + return $preparedData; + } + + foreach ($cardData as $card) { + $preparedData[] = [ + 'id' => uniqid(), + 'heading' => $card['heading'], + 'content' => !empty($card['content']) ? $card['content'] : false, + 'image' => is_int($card['image']) ? $this->getImageContract($card['image']) : false, + 'link' => $this->prepareLink($card['link']), + 'columnClass' => $this->getColumnClass(), + 'background' => $this->getBackgroundColor($card['background_color'], $card) + ]; + } + + return $preparedData; + } + + private function prepareLink(array $link) { + $link['ariaTitle'] = false; + + if (!isset($link['title']) || empty($link['title'])) { + $link['title'] = __('Read more', 'modularity'); + $link['ariaTitle'] = __('Read more about', 'modularity');; + } + + return $link; + } + + private function getColumnClass() + { + $fields = $this->getFields(); + + switch ($fields['cards_per_column']) { + case 2: + $class = 'o-grid-6@md'; + break; + case 3: + $class = 'o-grid-4@md'; + break; + case 4: + $class = 'o-grid-6@md o-grid-3@lg'; + break; + } + + return $class; + } + + private function getWrapperClass() + { + $classes = [ + "{$this->baseClass}__wrapper", + 'u-padding__y--4@xs', + 'u-padding__y--4@sm', + 'u-padding__y--4@md', + 'u-padding__y--8@lg', + 'u-padding__y--12@xl', + ]; + + return implode(' ', $classes); + } + + private function getImageContract(int $imageId) + { + return ImageComponentContract::factory( + $imageId, + [600, false], + new ImageResolver() + ); + } + + /** + * Get the template file name for rendering. + * + * This function returns the name of the template file to use for rendering + * based on the template property of the current object. If the specified + * template file exists, it will be returned; otherwise, a default template + * ('card.blade.php') will be used. + * + * @return string The template file name. + */ + public function template() + { + return 'base.blade.php'; + } + + /** + * Available "magic" methods for modules: + * init() What to do on initialization + * data() Use to send data to view (return array) + * style() Enqueue style only when module is used on page + * script Enqueue script only when module is used on page + * adminEnqueue() Enqueue scripts for the module edit/add page in admin + * template() Return the view template (blade) the module should use when displayed + */ +} diff --git a/source/php/Module/ColoredCards/Helpers/Color.php b/source/php/Module/ColoredCards/Helpers/Color.php new file mode 100644 index 000000000..f2f60a924 --- /dev/null +++ b/source/php/Module/ColoredCards/Helpers/Color.php @@ -0,0 +1,229 @@ + '--color-primary', + 'color-palette-primary-light' => '--color-primary-light', + 'color-palette-primary-dark' => '--color-primary-dark', + 'color-palette-secondary-base' => '--color-secondary', + 'color-palette-secondary-light' => '--color-secondary-light', + 'color-palette-secondary-dark' => '--color-secondary-dark', + 'color-background-background' => '--color-background', + 'color-background-complementary' => '--color-background-complementary', + ]; + + private static $colorNames; + + public static function getColorNames() + { + if (!isset(self::$colorNames)) { + self::$colorNames = [ + 'color-palette-primary-base' => __('Primary color', 'modularity'), + 'color-palette-primary-light' => __('Primary color light', 'modularity'), + 'color-palette-primary-dark' => __('Primary color dark', 'modularity'), + 'color-palette-secondary-base' => __('Secondary color', 'modularity'), + 'color-palette-secondary-light' => __('Secondary color light', 'modularity'), + 'color-palette-secondary-dark' => __('Secondary color dark', 'modularity'), + 'color-background-background' => __('Background color', 'modularity'), + 'color-background-complementary' => __('Background color complementary', 'modularity'), + ]; + } + + return self::$colorNames; + } + + public static function mapPaletteColorToCssVar($paletteColorName) + { + if (!isset(self::$colorMap[$paletteColorName])) { + return false; + } + + return self::$colorMap[$paletteColorName]; + } + + public static function mapCssVarToColorName($cssVar) + { + if (preg_match('/var\(\s*(--[^)]+)\s*\)/', $cssVar, $matches)) { + $cssVar = $matches[1]; + } + + $colorNames = self::getColorNames(); + $colorId = array_flip(self::$colorMap)[$cssVar]; + + if (!isset($colorNames[$colorId])) { + return false; + } + + return $colorNames[$colorId]; + } + + public static function mapCssVarToHexColor($cssVar) + { + if (preg_match('/var\(\s*(--[^)]+)\s*\)/', $cssVar, $matches)) { + $cssVar = $matches[1]; + } + + $paletteColors = self::getColorsFromMunicipioPalettes(); + + return $paletteColors[$cssVar]; + } + + public static function getBestContrastColor(string $backgroundColor, bool $returnAnyColor = false): string + { + if (strpos($backgroundColor, 'var(') === 0) { + $backgroundColor = self::mapCssVarToHexColor($backgroundColor); + } + + [$r, $g, $b] = self::hexToRgb($backgroundColor); + $bgLuminance = self::getRelativeLuminance($r, $g, $b); + + $whiteContrast = self::getContrastRatio($bgLuminance, self::getRelativeLuminance(255, 255, 255)); + $blackContrast = self::getContrastRatio($bgLuminance, self::getRelativeLuminance(0, 0, 0)); + + if (!$returnAnyColor) { + return $whiteContrast >= $blackContrast ? 'white' : 'black'; + } + + [$h, $s, $l] = self::rgbToHsl($r, $g, $b); + $l = $l < 0.5 ? 0.95 : 0.05; + [$rNew, $gNew, $bNew] = self::hslToRgb($h, $s, $l); + + return sprintf("#%02x%02x%02x", $rNew, $gNew, $bNew); + } + + public static function getColorsFromMunicipioPalettes() + { + $colorsToGet = [ + 'base', + 'dark', + 'light', + 'background', + 'complementary', + ]; + $hexesToIgnore = [ + '#ffffff', + ]; + + $colors = []; + $rawColors = \Municipio\Helper\Color::getPalettes(self::$palettesToGet); + + foreach ($rawColors as $paletteName => $palette) { + if (!is_array($palette)) { + continue; + } + + foreach ($palette as $color => $hex) { + $paletteColorName = str_replace('_', '-', $paletteName) . '-' . $color; + $colorVarName = self::mapPaletteColorToCssVar($paletteColorName); + + if ($colorVarName && in_array($color, $colorsToGet) && !in_array(strtolower($hex), $hexesToIgnore)) { + $colors[$colorVarName] = $hex; + } + } + } + + return array_unique($colors); + } + + private static function getContrastRatio(float $lum1, float $lum2): float + { + return ($lum1 > $lum2) + ? ($lum1 + 0.05) / ($lum2 + 0.05) + : ($lum2 + 0.05) / ($lum1 + 0.05); + } + + private static function getRelativeLuminance(int $r, int $g, int $b): float + { + [$r, $g, $b] = array_map(function ($c) { + $c = $c / 255; + return $c <= 0.03928 ? $c / 12.92 : pow(($c + 0.055) / 1.055, 2.4); + }, [$r, $g, $b]); + + return 0.2126 * $r + 0.7152 * $g + 0.0722 * $b; + } + + private static function hexToRgb(string $hex): array + { + $hex = ltrim($hex, '#'); + if (strlen($hex) === 3) { + $hex = $hex[0] . $hex[0] + . $hex[1] . $hex[1] + . $hex[2] . $hex[2]; + } + + return [ + hexdec(substr($hex, 0, 2)), + hexdec(substr($hex, 2, 2)), + hexdec(substr($hex, 4, 2)), + ]; + } + + private static function rgbToHsl(int $r, int $g, int $b): array + { + $r /= 255; + $g /= 255; + $b /= 255; + + $max = max($r, $g, $b); + $min = min($r, $g, $b); + $h = $s = $l = ($max + $min) / 2; + + if ($max !== $min) { + $d = $max - $min; + $s = $l > 0.5 ? $d / (2 - $max - $min) : $d / ($max + $min); + + switch ($max) { + case $r: + $h = ($g - $b) / $d + ($g < $b ? 6 : 0); + break; + case $g: + $h = ($b - $r) / $d + 2; + break; + case $b: + $h = ($r - $g) / $d + 4; + break; + } + + $h /= 6; + } else { + $h = $s = 0; + } + + return [$h, $s, $l]; + } + + private static function hslToRgb(float $h, float $s, float $l): array + { + if ($s == 0) { + $val = round($l * 255); + return [$val, $val, $val]; + } + + $q = $l < 0.5 ? $l * (1 + $s) : $l + $s - $l * $s; + $p = 2 * $l - $q; + + return [ + round(self::hue2rgb($p, $q, $h + 1/3) * 255), + round(self::hue2rgb($p, $q, $h) * 255), + round(self::hue2rgb($p, $q, $h - 1/3) * 255) + ]; + } + + private static function hue2rgb(float $p, float $q, float $t): float + { + if ($t < 0) $t += 1; + if ($t > 1) $t -= 1; + if ($t < 1/6) return $p + ($q - $p) * 6 * $t; + if ($t < 1/2) return $q; + if ($t < 2/3) return $p + ($q - $p) * (2/3 - $t) * 6; + return $p; + } +} \ No newline at end of file diff --git a/source/php/Module/ColoredCards/Helpers/ColorName.php b/source/php/Module/ColoredCards/Helpers/ColorName.php new file mode 100644 index 000000000..7f6a4f8df --- /dev/null +++ b/source/php/Module/ColoredCards/Helpers/ColorName.php @@ -0,0 +1,199 @@ + 7) { + return ["#000000", "Invalid Color: " . $color, false]; + } + + // Normalize color format + if (strlen($color) % 3 == 0) { + $color = "#" . $color; + } + + // Convert shorthand hex (#ABC) to full form (#AABBCC) + if (strlen($color) == 4) { + $color = "#" . $color[1] . $color[1] . $color[2] . $color[2] . $color[3] . $color[3]; + } + + $rgb = self::rgb($color); + $r = $rgb[0]; + $g = $rgb[1]; + $b = $rgb[2]; + + $hsl = self::hsl($color); + $h = $hsl[0]; + $s = $hsl[1]; + $l = $hsl[2]; + + $ndf1 = 0; + $ndf2 = 0; + $ndf = 0; + $cl = -1; + $df = -1; + + // Load colors from JSON file + $colorNames = self::loadColors(); + + // Find the closest color match + foreach ($colorNames as $i => $colorData) { + // Get the target color in proper format + $targetColor = "#" . $colorData[0]; + + // Check for exact match + if ($color == $targetColor) { + return [$targetColor, $colorData[1], true]; + } + + // Calculate RGB and HSL for the target color on the fly + $targetRgb = self::rgb($targetColor); + $targetHsl = self::hsl($targetColor); + + // Calculate color distance using RGB and HSL + $ndf1 = pow($r - $targetRgb[0], 2) + pow($g - $targetRgb[1], 2) + pow($b - $targetRgb[2], 2); + $ndf2 = pow($h - $targetHsl[0], 2) + pow($s - $targetHsl[1], 2) + pow($l - $targetHsl[2], 2); + $ndf = $ndf1 + $ndf2 * 2; + + if ($df < 0 || $df > $ndf) { + $df = $ndf; + $cl = $i; + } + } + + return ($cl < 0) ? + ["#000000", "Invalid Color: " . $color, false] : + ["#" . $colorNames[$cl][0], $colorNames[$cl][1], false]; + } + + /** + * Convert hex color to HSL + * Adapted from Farbtastic 1.2 (http://acko.net/dev/farbtastic) + * + * @param string $color Hex color code + * @return array [h, s, l] values + */ + private static function hsl($color) { + $rgb = [ + hexdec(substr($color, 1, 2)) / 255, + hexdec(substr($color, 3, 2)) / 255, + hexdec(substr($color, 5, 2)) / 255 + ]; + + $r = $rgb[0]; + $g = $rgb[1]; + $b = $rgb[2]; + + $min = min($r, min($g, $b)); + $max = max($r, max($g, $b)); + $delta = $max - $min; + $l = ($min + $max) / 2; + + $s = 0; + if ($l > 0 && $l < 1) { + $s = $delta / ($l < 0.5 ? (2 * $l) : (2 - 2 * $l)); + } + + $h = 0; + if ($delta > 0) { + if ($max == $r && $max != $g) $h += ($g - $b) / $delta; + if ($max == $g && $max != $b) $h += (2 + ($b - $r) / $delta); + if ($max == $b && $max != $r) $h += (4 + ($r - $g) / $delta); + $h /= 6; + } + + return [intval($h * 255), intval($s * 255), intval($l * 255)]; + } + + /** + * Convert hex color to RGB + * Adapted from Farbtastic 1.2 (http://acko.net/dev/farbtastic) + * + * @param string $color Hex color code + * @return array [r, g, b] values + */ + private static function rgb($color) { + return [ + hexdec(substr($color, 1, 2)), + hexdec(substr($color, 3, 2)), + hexdec(substr($color, 5, 2)) + ]; + } +} diff --git a/source/php/Module/ColoredCards/Helpers/Config.php b/source/php/Module/ColoredCards/Helpers/Config.php new file mode 100644 index 000000000..365ac51ae --- /dev/null +++ b/source/php/Module/ColoredCards/Helpers/Config.php @@ -0,0 +1,15 @@ +name = $name; + $this->hexColor = $hexColor; + } + + public function getName() : string + { + return $this->name; + } + + public function getHex() : string + { + return $this->hexColor; + } +} \ No newline at end of file diff --git a/source/php/Module/ColoredCards/Models/Config.php b/source/php/Module/ColoredCards/Models/Config.php new file mode 100644 index 000000000..37c0024d9 --- /dev/null +++ b/source/php/Module/ColoredCards/Models/Config.php @@ -0,0 +1,60 @@ +customColorsAllowed = $data['colored_cards_allow_custom_colors']; + } + + if (isset($data['colored_cards_colors']) && is_array($data['colored_cards_colors'])) { + $this->colorPalette = $this->parseColors($data['colored_cards_colors']); + } + } + + /** + * Get whether or not custom colors is allowed in module + * + * @return bool + */ + public function isCustomColorsAllowed() : bool + { + return $this->customColorsAllowed; + } + + /** + * Get colors from custom palette + * + * @return Color[] + */ + public function getColors() : array + { + return $this->colorPalette; + } + + /* + * @param mixed $colorData + * @return Color[] + */ + private function parseColors($colorData) : array { + $colors = []; + + foreach ($colorData as $item) { + if (isset($item['color']) && preg_match('/^#[0-9a-fA-F]{6}$/', $item['color'])) { + $colorInfo = ColorName::getName($item['color']); + $colors[] = new Color($colorInfo[1], $item['color']); + } + } + + return $colors; + } +} \ No newline at end of file diff --git a/source/php/Module/ColoredCards/assets/colors.json b/source/php/Module/ColoredCards/assets/colors.json new file mode 100644 index 000000000..3b6b364b9 --- /dev/null +++ b/source/php/Module/ColoredCards/assets/colors.json @@ -0,0 +1,6266 @@ +[ + [ + "000000", + "Black" + ], + [ + "000080", + "Navy Blue" + ], + [ + "0000C8", + "Dark Blue" + ], + [ + "0000FF", + "Blue" + ], + [ + "000741", + "Stratos" + ], + [ + "001B1C", + "Swamp" + ], + [ + "002387", + "Resolution Blue" + ], + [ + "002900", + "Deep Fir" + ], + [ + "002E20", + "Burnham" + ], + [ + "002FA7", + "International Klein Blue" + ], + [ + "003153", + "Prussian Blue" + ], + [ + "003366", + "Midnight Blue" + ], + [ + "003399", + "Smalt" + ], + [ + "003532", + "Deep Teal" + ], + [ + "003E40", + "Cyprus" + ], + [ + "004620", + "Kaitoke Green" + ], + [ + "0047AB", + "Cobalt" + ], + [ + "004816", + "Crusoe" + ], + [ + "004950", + "Sherpa Blue" + ], + [ + "0056A7", + "Endeavour" + ], + [ + "00581A", + "Camarone" + ], + [ + "0066CC", + "Science Blue" + ], + [ + "0066FF", + "Blue Ribbon" + ], + [ + "00755E", + "Tropical Rain Forest" + ], + [ + "0076A3", + "Allports" + ], + [ + "007BA7", + "Deep Cerulean" + ], + [ + "007EC7", + "Lochmara" + ], + [ + "007FFF", + "Azure Radiance" + ], + [ + "008080", + "Teal" + ], + [ + "0095B6", + "Bondi Blue" + ], + [ + "009DC4", + "Pacific Blue" + ], + [ + "00A693", + "Persian Green" + ], + [ + "00A86B", + "Jade" + ], + [ + "00CC99", + "Caribbean Green" + ], + [ + "00CCCC", + "Robin's Egg Blue" + ], + [ + "00FF00", + "Green" + ], + [ + "00FF7F", + "Spring Green" + ], + [ + "00FFFF", + "Cyan / Aqua" + ], + [ + "010D1A", + "Blue Charcoal" + ], + [ + "011635", + "Midnight" + ], + [ + "011D13", + "Holly" + ], + [ + "012731", + "Daintree" + ], + [ + "01361C", + "Cardin Green" + ], + [ + "01371A", + "County Green" + ], + [ + "013E62", + "Astronaut Blue" + ], + [ + "013F6A", + "Regal Blue" + ], + [ + "014B43", + "Aqua Deep" + ], + [ + "015E85", + "Orient" + ], + [ + "016162", + "Blue Stone" + ], + [ + "016D39", + "Fun Green" + ], + [ + "01796F", + "Pine Green" + ], + [ + "017987", + "Blue Lagoon" + ], + [ + "01826B", + "Deep Sea" + ], + [ + "01A368", + "Green Haze" + ], + [ + "022D15", + "English Holly" + ], + [ + "02402C", + "Sherwood Green" + ], + [ + "02478E", + "Congress Blue" + ], + [ + "024E46", + "Evening Sea" + ], + [ + "026395", + "Bahama Blue" + ], + [ + "02866F", + "Observatory" + ], + [ + "02A4D3", + "Cerulean" + ], + [ + "03163C", + "Tangaroa" + ], + [ + "032B52", + "Green Vogue" + ], + [ + "036A6E", + "Mosque" + ], + [ + "041004", + "Midnight Moss" + ], + [ + "041322", + "Black Pearl" + ], + [ + "042E4C", + "Blue Whale" + ], + [ + "044022", + "Zuccini" + ], + [ + "044259", + "Teal Blue" + ], + [ + "051040", + "Deep Cove" + ], + [ + "051657", + "Gulf Blue" + ], + [ + "055989", + "Venice Blue" + ], + [ + "056F57", + "Watercourse" + ], + [ + "062A78", + "Catalina Blue" + ], + [ + "063537", + "Tiber" + ], + [ + "069B81", + "Gossamer" + ], + [ + "06A189", + "Niagara" + ], + [ + "073A50", + "Tarawera" + ], + [ + "080110", + "Jaguar" + ], + [ + "081910", + "Black Bean" + ], + [ + "082567", + "Deep Sapphire" + ], + [ + "088370", + "Elf Green" + ], + [ + "08E8DE", + "Bright Turquoise" + ], + [ + "092256", + "Downriver" + ], + [ + "09230F", + "Palm Green" + ], + [ + "09255D", + "Madison" + ], + [ + "093624", + "Bottle Green" + ], + [ + "095859", + "Deep Sea Green" + ], + [ + "097F4B", + "Salem" + ], + [ + "0A001C", + "Black Russian" + ], + [ + "0A480D", + "Dark Fern" + ], + [ + "0A6906", + "Japanese Laurel" + ], + [ + "0A6F75", + "Atoll" + ], + [ + "0B0B0B", + "Cod Gray" + ], + [ + "0B0F08", + "Marshland" + ], + [ + "0B1107", + "Gordons Green" + ], + [ + "0B1304", + "Black Forest" + ], + [ + "0B6207", + "San Felix" + ], + [ + "0BDA51", + "Malachite" + ], + [ + "0C0B1D", + "Ebony" + ], + [ + "0C0D0F", + "Woodsmoke" + ], + [ + "0C1911", + "Racing Green" + ], + [ + "0C7A79", + "Surfie Green" + ], + [ + "0C8990", + "Blue Chill" + ], + [ + "0D0332", + "Black Rock" + ], + [ + "0D1117", + "Bunker" + ], + [ + "0D1C19", + "Aztec" + ], + [ + "0D2E1C", + "Bush" + ], + [ + "0E0E18", + "Cinder" + ], + [ + "0E2A30", + "Firefly" + ], + [ + "0F2D9E", + "Torea Bay" + ], + [ + "10121D", + "Vulcan" + ], + [ + "101405", + "Green Waterloo" + ], + [ + "105852", + "Eden" + ], + [ + "110C6C", + "Arapawa" + ], + [ + "120A8F", + "Ultramarine" + ], + [ + "123447", + "Elephant" + ], + [ + "126B40", + "Jewel" + ], + [ + "130000", + "Diesel" + ], + [ + "130A06", + "Asphalt" + ], + [ + "13264D", + "Blue Zodiac" + ], + [ + "134F19", + "Parsley" + ], + [ + "140600", + "Nero" + ], + [ + "1450AA", + "Tory Blue" + ], + [ + "151F4C", + "Bunting" + ], + [ + "1560BD", + "Denim" + ], + [ + "15736B", + "Genoa" + ], + [ + "161928", + "Mirage" + ], + [ + "161D10", + "Hunter Green" + ], + [ + "162A40", + "Big Stone" + ], + [ + "163222", + "Celtic" + ], + [ + "16322C", + "Timber Green" + ], + [ + "163531", + "Gable Green" + ], + [ + "171F04", + "Pine Tree" + ], + [ + "175579", + "Chathams Blue" + ], + [ + "182D09", + "Deep Forest Green" + ], + [ + "18587A", + "Blumine" + ], + [ + "19330E", + "Palm Leaf" + ], + [ + "193751", + "Nile Blue" + ], + [ + "1959A8", + "Fun Blue" + ], + [ + "1A1A68", + "Lucky Point" + ], + [ + "1AB385", + "Mountain Meadow" + ], + [ + "1B0245", + "Tolopea" + ], + [ + "1B1035", + "Haiti" + ], + [ + "1B127B", + "Deep Koamaru" + ], + [ + "1B1404", + "Acadia" + ], + [ + "1B2F11", + "Seaweed" + ], + [ + "1B3162", + "Biscay" + ], + [ + "1B659D", + "Matisse" + ], + [ + "1C1208", + "Crowshead" + ], + [ + "1C1E13", + "Rangoon Green" + ], + [ + "1C39BB", + "Persian Blue" + ], + [ + "1C402E", + "Everglade" + ], + [ + "1C7C7D", + "Elm" + ], + [ + "1D6142", + "Green Pea" + ], + [ + "1E0F04", + "Creole" + ], + [ + "1E1609", + "Karaka" + ], + [ + "1E1708", + "El Paso" + ], + [ + "1E385B", + "Cello" + ], + [ + "1E433C", + "Te Papa Green" + ], + [ + "1E90FF", + "Dodger Blue" + ], + [ + "1E9AB0", + "Eastern Blue" + ], + [ + "1F120F", + "Night Rider" + ], + [ + "1FC2C2", + "Java" + ], + [ + "20208D", + "Jacksons Purple" + ], + [ + "202E54", + "Cloud Burst" + ], + [ + "204852", + "Blue Dianne" + ], + [ + "211A0E", + "Eternity" + ], + [ + "220878", + "Deep Blue" + ], + [ + "228B22", + "Forest Green" + ], + [ + "233418", + "Mallard" + ], + [ + "240A40", + "Violet" + ], + [ + "240C02", + "Kilamanjaro" + ], + [ + "242A1D", + "Log Cabin" + ], + [ + "242E16", + "Black Olive" + ], + [ + "24500F", + "Green House" + ], + [ + "251607", + "Graphite" + ], + [ + "251706", + "Cannon Black" + ], + [ + "251F4F", + "Port Gore" + ], + [ + "25272C", + "Shark" + ], + [ + "25311C", + "Green Kelp" + ], + [ + "2596D1", + "Curious Blue" + ], + [ + "260368", + "Paua" + ], + [ + "26056A", + "Paris M" + ], + [ + "261105", + "Wood Bark" + ], + [ + "261414", + "Gondola" + ], + [ + "262335", + "Steel Gray" + ], + [ + "26283B", + "Ebony Clay" + ], + [ + "273A81", + "Bay of Many" + ], + [ + "27504B", + "Plantation" + ], + [ + "278A5B", + "Eucalyptus" + ], + [ + "281E15", + "Oil" + ], + [ + "283A77", + "Astronaut" + ], + [ + "286ACD", + "Mariner" + ], + [ + "290C5E", + "Violent Violet" + ], + [ + "292130", + "Bastille" + ], + [ + "292319", + "Zeus" + ], + [ + "292937", + "Charade" + ], + [ + "297B9A", + "Jelly Bean" + ], + [ + "29AB87", + "Jungle Green" + ], + [ + "2A0359", + "Cherry Pie" + ], + [ + "2A140E", + "Coffee Bean" + ], + [ + "2A2630", + "Baltic Sea" + ], + [ + "2A380B", + "Turtle Green" + ], + [ + "2A52BE", + "Cerulean Blue" + ], + [ + "2B0202", + "Sepia Black" + ], + [ + "2B194F", + "Valhalla" + ], + [ + "2B3228", + "Heavy Metal" + ], + [ + "2C0E8C", + "Blue Gem" + ], + [ + "2C1632", + "Revolver" + ], + [ + "2C2133", + "Bleached Cedar" + ], + [ + "2C8C84", + "Lochinvar" + ], + [ + "2D2510", + "Mikado" + ], + [ + "2D383A", + "Outer Space" + ], + [ + "2D569B", + "St Tropaz" + ], + [ + "2E0329", + "Jacaranda" + ], + [ + "2E1905", + "Jacko Bean" + ], + [ + "2E3222", + "Rangitoto" + ], + [ + "2E3F62", + "Rhino" + ], + [ + "2E8B57", + "Sea Green" + ], + [ + "2EBFD4", + "Scooter" + ], + [ + "2F270E", + "Onion" + ], + [ + "2F3CB3", + "Governor Bay" + ], + [ + "2F519E", + "Sapphire" + ], + [ + "2F5A57", + "Spectra" + ], + [ + "2F6168", + "Casal" + ], + [ + "300529", + "Melanzane" + ], + [ + "301F1E", + "Cocoa Brown" + ], + [ + "302A0F", + "Woodrush" + ], + [ + "304B6A", + "San Juan" + ], + [ + "30D5C8", + "Turquoise" + ], + [ + "311C17", + "Eclipse" + ], + [ + "314459", + "Pickled Bluewood" + ], + [ + "315BA1", + "Azure" + ], + [ + "31728D", + "Calypso" + ], + [ + "317D82", + "Paradiso" + ], + [ + "32127A", + "Persian Indigo" + ], + [ + "32293A", + "Blackcurrant" + ], + [ + "323232", + "Mine Shaft" + ], + [ + "325D52", + "Stromboli" + ], + [ + "327C14", + "Bilbao" + ], + [ + "327DA0", + "Astral" + ], + [ + "33036B", + "Christalle" + ], + [ + "33292F", + "Thunder" + ], + [ + "33CC99", + "Shamrock" + ], + [ + "341515", + "Tamarind" + ], + [ + "350036", + "Mardi Gras" + ], + [ + "350E42", + "Valentino" + ], + [ + "350E57", + "Jagger" + ], + [ + "353542", + "Tuna" + ], + [ + "354E8C", + "Chambray" + ], + [ + "363050", + "Martinique" + ], + [ + "363534", + "Tuatara" + ], + [ + "363C0D", + "Waiouru" + ], + [ + "36747D", + "Ming" + ], + [ + "368716", + "La Palma" + ], + [ + "370202", + "Chocolate" + ], + [ + "371D09", + "Clinker" + ], + [ + "37290E", + "Brown Tumbleweed" + ], + [ + "373021", + "Birch" + ], + [ + "377475", + "Oracle" + ], + [ + "380474", + "Blue Diamond" + ], + [ + "381A51", + "Grape" + ], + [ + "383533", + "Dune" + ], + [ + "384555", + "Oxford Blue" + ], + [ + "384910", + "Clover" + ], + [ + "394851", + "Limed Spruce" + ], + [ + "396413", + "Dell" + ], + [ + "3A0020", + "Toledo" + ], + [ + "3A2010", + "Sambuca" + ], + [ + "3A2A6A", + "Jacarta" + ], + [ + "3A686C", + "William" + ], + [ + "3A6A47", + "Killarney" + ], + [ + "3AB09E", + "Keppel" + ], + [ + "3B000B", + "Temptress" + ], + [ + "3B0910", + "Aubergine" + ], + [ + "3B1F1F", + "Jon" + ], + [ + "3B2820", + "Treehouse" + ], + [ + "3B7A57", + "Amazon" + ], + [ + "3B91B4", + "Boston Blue" + ], + [ + "3C0878", + "Windsor" + ], + [ + "3C1206", + "Rebel" + ], + [ + "3C1F76", + "Meteorite" + ], + [ + "3C2005", + "Dark Ebony" + ], + [ + "3C3910", + "Camouflage" + ], + [ + "3C4151", + "Bright Gray" + ], + [ + "3C4443", + "Cape Cod" + ], + [ + "3C493A", + "Lunar Green" + ], + [ + "3D0C02", + "Bean " + ], + [ + "3D2B1F", + "Bistre" + ], + [ + "3D7D52", + "Goblin" + ], + [ + "3E0480", + "Kingfisher Daisy" + ], + [ + "3E1C14", + "Cedar" + ], + [ + "3E2B23", + "English Walnut" + ], + [ + "3E2C1C", + "Black Marlin" + ], + [ + "3E3A44", + "Ship Gray" + ], + [ + "3EABBF", + "Pelorous" + ], + [ + "3F2109", + "Bronze" + ], + [ + "3F2500", + "Cola" + ], + [ + "3F3002", + "Madras" + ], + [ + "3F307F", + "Minsk" + ], + [ + "3F4C3A", + "Cabbage Pont" + ], + [ + "3F583B", + "Tom Thumb" + ], + [ + "3F5D53", + "Mineral Green" + ], + [ + "3FC1AA", + "Puerto Rico" + ], + [ + "3FFF00", + "Harlequin" + ], + [ + "401801", + "Brown Pod" + ], + [ + "40291D", + "Cork" + ], + [ + "403B38", + "Masala" + ], + [ + "403D19", + "Thatch Green" + ], + [ + "405169", + "Fiord" + ], + [ + "40826D", + "Viridian" + ], + [ + "40A860", + "Chateau Green" + ], + [ + "410056", + "Ripe Plum" + ], + [ + "411F10", + "Paco" + ], + [ + "412010", + "Deep Oak" + ], + [ + "413C37", + "Merlin" + ], + [ + "414257", + "Gun Powder" + ], + [ + "414C7D", + "East Bay" + ], + [ + "4169E1", + "Royal Blue" + ], + [ + "41AA78", + "Ocean Green" + ], + [ + "420303", + "Burnt Maroon" + ], + [ + "423921", + "Lisbon Brown" + ], + [ + "427977", + "Faded Jade" + ], + [ + "431560", + "Scarlet Gum" + ], + [ + "433120", + "Iroko" + ], + [ + "433E37", + "Armadillo" + ], + [ + "434C59", + "River Bed" + ], + [ + "436A0D", + "Green Leaf" + ], + [ + "44012D", + "Barossa" + ], + [ + "441D00", + "Morocco Brown" + ], + [ + "444954", + "Mako" + ], + [ + "454936", + "Kelp" + ], + [ + "456CAC", + "San Marino" + ], + [ + "45B1E8", + "Picton Blue" + ], + [ + "460B41", + "Loulou" + ], + [ + "462425", + "Crater Brown" + ], + [ + "465945", + "Gray Asparagus" + ], + [ + "4682B4", + "Steel Blue" + ], + [ + "480404", + "Rustic Red" + ], + [ + "480607", + "Bulgarian Rose" + ], + [ + "480656", + "Clairvoyant" + ], + [ + "481C1C", + "Cocoa Bean" + ], + [ + "483131", + "Woody Brown" + ], + [ + "483C32", + "Taupe" + ], + [ + "49170C", + "Van Cleef" + ], + [ + "492615", + "Brown Derby" + ], + [ + "49371B", + "Metallic Bronze" + ], + [ + "495400", + "Verdun Green" + ], + [ + "496679", + "Blue Bayoux" + ], + [ + "497183", + "Bismark" + ], + [ + "4A2A04", + "Bracken" + ], + [ + "4A3004", + "Deep Bronze" + ], + [ + "4A3C30", + "Mondo" + ], + [ + "4A4244", + "Tundora" + ], + [ + "4A444B", + "Gravel" + ], + [ + "4A4E5A", + "Trout" + ], + [ + "4B0082", + "Pigment Indigo" + ], + [ + "4B5D52", + "Nandor" + ], + [ + "4C3024", + "Saddle" + ], + [ + "4C4F56", + "Abbey" + ], + [ + "4D0135", + "Blackberry" + ], + [ + "4D0A18", + "Cab Sav" + ], + [ + "4D1E01", + "Indian Tan" + ], + [ + "4D282D", + "Cowboy" + ], + [ + "4D282E", + "Livid Brown" + ], + [ + "4D3833", + "Rock" + ], + [ + "4D3D14", + "Punga" + ], + [ + "4D400F", + "Bronzetone" + ], + [ + "4D5328", + "Woodland" + ], + [ + "4E0606", + "Mahogany" + ], + [ + "4E2A5A", + "Bossanova" + ], + [ + "4E3B41", + "Matterhorn" + ], + [ + "4E420C", + "Bronze Olive" + ], + [ + "4E4562", + "Mulled Wine" + ], + [ + "4E6649", + "Axolotl" + ], + [ + "4E7F9E", + "Wedgewood" + ], + [ + "4EABD1", + "Shakespeare" + ], + [ + "4F1C70", + "Honey Flower" + ], + [ + "4F2398", + "Daisy Bush" + ], + [ + "4F69C6", + "Indigo" + ], + [ + "4F7942", + "Fern Green" + ], + [ + "4F9D5D", + "Fruit Salad" + ], + [ + "4FA83D", + "Apple" + ], + [ + "504351", + "Mortar" + ], + [ + "507096", + "Kashmir Blue" + ], + [ + "507672", + "Cutty Sark" + ], + [ + "50C878", + "Emerald" + ], + [ + "514649", + "Emperor" + ], + [ + "516E3D", + "Chalet Green" + ], + [ + "517C66", + "Como" + ], + [ + "51808F", + "Smalt Blue" + ], + [ + "52001F", + "Castro" + ], + [ + "520C17", + "Maroon Oak" + ], + [ + "523C94", + "Gigas" + ], + [ + "533455", + "Voodoo" + ], + [ + "534491", + "Victoria" + ], + [ + "53824B", + "Hippie Green" + ], + [ + "541012", + "Heath" + ], + [ + "544333", + "Judge Gray" + ], + [ + "54534D", + "Fuscous Gray" + ], + [ + "549019", + "Vida Loca" + ], + [ + "55280C", + "Cioccolato" + ], + [ + "555B10", + "Saratoga" + ], + [ + "556D56", + "Finlandia" + ], + [ + "5590D9", + "Havelock Blue" + ], + [ + "56B4BE", + "Fountain Blue" + ], + [ + "578363", + "Spring Leaves" + ], + [ + "583401", + "Saddle Brown" + ], + [ + "585562", + "Scarpa Flow" + ], + [ + "587156", + "Cactus" + ], + [ + "589AAF", + "Hippie Blue" + ], + [ + "591D35", + "Wine Berry" + ], + [ + "592804", + "Brown Bramble" + ], + [ + "593737", + "Congo Brown" + ], + [ + "594433", + "Millbrook" + ], + [ + "5A6E9C", + "Waikawa Gray" + ], + [ + "5A87A0", + "Horizon" + ], + [ + "5B3013", + "Jambalaya" + ], + [ + "5C0120", + "Bordeaux" + ], + [ + "5C0536", + "Mulberry Wood" + ], + [ + "5C2E01", + "Carnaby Tan" + ], + [ + "5C5D75", + "Comet" + ], + [ + "5D1E0F", + "Redwood" + ], + [ + "5D4C51", + "Don Juan" + ], + [ + "5D5C58", + "Chicago" + ], + [ + "5D5E37", + "Verdigris" + ], + [ + "5D7747", + "Dingley" + ], + [ + "5DA19F", + "Breaker Bay" + ], + [ + "5E483E", + "Kabul" + ], + [ + "5E5D3B", + "Hemlock" + ], + [ + "5F3D26", + "Irish Coffee" + ], + [ + "5F5F6E", + "Mid Gray" + ], + [ + "5F6672", + "Shuttle Gray" + ], + [ + "5FA777", + "Aqua Forest" + ], + [ + "5FB3AC", + "Tradewind" + ], + [ + "604913", + "Horses Neck" + ], + [ + "605B73", + "Smoky" + ], + [ + "606E68", + "Corduroy" + ], + [ + "6093D1", + "Danube" + ], + [ + "612718", + "Espresso" + ], + [ + "614051", + "Eggplant" + ], + [ + "615D30", + "Costa Del Sol" + ], + [ + "61845F", + "Glade Green" + ], + [ + "622F30", + "Buccaneer" + ], + [ + "623F2D", + "Quincy" + ], + [ + "624E9A", + "Butterfly Bush" + ], + [ + "625119", + "West Coast" + ], + [ + "626649", + "Finch" + ], + [ + "639A8F", + "Patina" + ], + [ + "63B76C", + "Fern" + ], + [ + "6456B7", + "Blue Violet" + ], + [ + "646077", + "Dolphin" + ], + [ + "646463", + "Storm Dust" + ], + [ + "646A54", + "Siam" + ], + [ + "646E75", + "Nevada" + ], + [ + "6495ED", + "Cornflower Blue" + ], + [ + "64CCDB", + "Viking" + ], + [ + "65000B", + "Rosewood" + ], + [ + "651A14", + "Cherrywood" + ], + [ + "652DC1", + "Purple Heart" + ], + [ + "657220", + "Fern Frond" + ], + [ + "65745D", + "Willow Grove" + ], + [ + "65869F", + "Hoki" + ], + [ + "660045", + "Pompadour" + ], + [ + "660099", + "Purple" + ], + [ + "66023C", + "Tyrian Purple" + ], + [ + "661010", + "Dark Tan" + ], + [ + "66B58F", + "Silver Tree" + ], + [ + "66FF00", + "Bright Green" + ], + [ + "66FF66", + "Screamin' Green" + ], + [ + "67032D", + "Black Rose" + ], + [ + "675FA6", + "Scampi" + ], + [ + "676662", + "Ironside Gray" + ], + [ + "678975", + "Viridian Green" + ], + [ + "67A712", + "Christi" + ], + [ + "683600", + "Nutmeg Wood Finish" + ], + [ + "685558", + "Zambezi" + ], + [ + "685E6E", + "Salt Box" + ], + [ + "692545", + "Tawny Port" + ], + [ + "692D54", + "Finn" + ], + [ + "695F62", + "Scorpion" + ], + [ + "697E9A", + "Lynch" + ], + [ + "6A442E", + "Spice" + ], + [ + "6A5D1B", + "Himalaya" + ], + [ + "6A6051", + "Soya Bean" + ], + [ + "6B2A14", + "Hairy Heath" + ], + [ + "6B3FA0", + "Royal Purple" + ], + [ + "6B4E31", + "Shingle Fawn" + ], + [ + "6B5755", + "Dorado" + ], + [ + "6B8BA2", + "Bermuda Gray" + ], + [ + "6B8E23", + "Olive Drab" + ], + [ + "6C3082", + "Eminence" + ], + [ + "6CDAE7", + "Turquoise Blue" + ], + [ + "6D0101", + "Lonestar" + ], + [ + "6D5E54", + "Pine Cone" + ], + [ + "6D6C6C", + "Dove Gray" + ], + [ + "6D9292", + "Juniper" + ], + [ + "6D92A1", + "Gothic" + ], + [ + "6E0902", + "Red Oxide" + ], + [ + "6E1D14", + "Moccaccino" + ], + [ + "6E4826", + "Pickled Bean" + ], + [ + "6E4B26", + "Dallas" + ], + [ + "6E6D57", + "Kokoda" + ], + [ + "6E7783", + "Pale Sky" + ], + [ + "6F440C", + "Cafe Royale" + ], + [ + "6F6A61", + "Flint" + ], + [ + "6F8E63", + "Highland" + ], + [ + "6F9D02", + "Limeade" + ], + [ + "6FD0C5", + "Downy" + ], + [ + "701C1C", + "Persian Plum" + ], + [ + "704214", + "Sepia" + ], + [ + "704A07", + "Antique Bronze" + ], + [ + "704F50", + "Ferra" + ], + [ + "706555", + "Coffee" + ], + [ + "708090", + "Slate Gray" + ], + [ + "711A00", + "Cedar Wood Finish" + ], + [ + "71291D", + "Metallic Copper" + ], + [ + "714693", + "Affair" + ], + [ + "714AB2", + "Studio" + ], + [ + "715D47", + "Tobacco Brown" + ], + [ + "716338", + "Yellow Metal" + ], + [ + "716B56", + "Peat" + ], + [ + "716E10", + "Olivetone" + ], + [ + "717486", + "Storm Gray" + ], + [ + "718080", + "Sirocco" + ], + [ + "71D9E2", + "Aquamarine Blue" + ], + [ + "72010F", + "Venetian Red" + ], + [ + "724A2F", + "Old Copper" + ], + [ + "726D4E", + "Go Ben" + ], + [ + "727B89", + "Raven" + ], + [ + "731E8F", + "Seance" + ], + [ + "734A12", + "Raw Umber" + ], + [ + "736C9F", + "Kimberly" + ], + [ + "736D58", + "Crocodile" + ], + [ + "737829", + "Crete" + ], + [ + "738678", + "Xanadu" + ], + [ + "74640D", + "Spicy Mustard" + ], + [ + "747D63", + "Limed Ash" + ], + [ + "747D83", + "Rolling Stone" + ], + [ + "748881", + "Blue Smoke" + ], + [ + "749378", + "Laurel" + ], + [ + "74C365", + "Mantis" + ], + [ + "755A57", + "Russett" + ], + [ + "7563A8", + "Deluge" + ], + [ + "76395D", + "Cosmic" + ], + [ + "7666C6", + "Blue Marguerite" + ], + [ + "76BD17", + "Lima" + ], + [ + "76D7EA", + "Sky Blue" + ], + [ + "770F05", + "Dark Burgundy" + ], + [ + "771F1F", + "Crown of Thorns" + ], + [ + "773F1A", + "Walnut" + ], + [ + "776F61", + "Pablo" + ], + [ + "778120", + "Pacifika" + ], + [ + "779E86", + "Oxley" + ], + [ + "77DD77", + "Pastel Green" + ], + [ + "780109", + "Japanese Maple" + ], + [ + "782D19", + "Mocha" + ], + [ + "782F16", + "Peanut" + ], + [ + "78866B", + "Camouflage Green" + ], + [ + "788A25", + "Wasabi" + ], + [ + "788BBA", + "Ship Cove" + ], + [ + "78A39C", + "Sea Nymph" + ], + [ + "795D4C", + "Roman Coffee" + ], + [ + "796878", + "Old Lavender" + ], + [ + "796989", + "Rum" + ], + [ + "796A78", + "Fedora" + ], + [ + "796D62", + "Sandstone" + ], + [ + "79DEEC", + "Spray" + ], + [ + "7A013A", + "Siren" + ], + [ + "7A58C1", + "Fuchsia Blue" + ], + [ + "7A7A7A", + "Boulder" + ], + [ + "7A89B8", + "Wild Blue Yonder" + ], + [ + "7AC488", + "De York" + ], + [ + "7B3801", + "Red Beech" + ], + [ + "7B3F00", + "Cinnamon" + ], + [ + "7B6608", + "Yukon Gold" + ], + [ + "7B7874", + "Tapa" + ], + [ + "7B7C94", + "Waterloo " + ], + [ + "7B8265", + "Flax Smoke" + ], + [ + "7B9F80", + "Amulet" + ], + [ + "7BA05B", + "Asparagus" + ], + [ + "7C1C05", + "Kenyan Copper" + ], + [ + "7C7631", + "Pesto" + ], + [ + "7C778A", + "Topaz" + ], + [ + "7C7B7A", + "Concord" + ], + [ + "7C7B82", + "Jumbo" + ], + [ + "7C881A", + "Trendy Green" + ], + [ + "7CA1A6", + "Gumbo" + ], + [ + "7CB0A1", + "Acapulco" + ], + [ + "7CB7BB", + "Neptune" + ], + [ + "7D2C14", + "Pueblo" + ], + [ + "7DA98D", + "Bay Leaf" + ], + [ + "7DC8F7", + "Malibu" + ], + [ + "7DD8C6", + "Bermuda" + ], + [ + "7E3A15", + "Copper Canyon" + ], + [ + "7F1734", + "Claret" + ], + [ + "7F3A02", + "Peru Tan" + ], + [ + "7F626D", + "Falcon" + ], + [ + "7F7589", + "Mobster" + ], + [ + "7F76D3", + "Moody Blue" + ], + [ + "7FFF00", + "Chartreuse" + ], + [ + "7FFFD4", + "Aquamarine" + ], + [ + "800000", + "Maroon" + ], + [ + "800B47", + "Rose Bud Cherry" + ], + [ + "801818", + "Falu Red" + ], + [ + "80341F", + "Red Robin" + ], + [ + "803790", + "Vivid Violet" + ], + [ + "80461B", + "Russet" + ], + [ + "807E79", + "Friar Gray" + ], + [ + "808000", + "Olive" + ], + [ + "808080", + "Gray" + ], + [ + "80B3AE", + "Gulf Stream" + ], + [ + "80B3C4", + "Glacier" + ], + [ + "80CCEA", + "Seagull" + ], + [ + "81422C", + "Nutmeg" + ], + [ + "816E71", + "Spicy Pink" + ], + [ + "817377", + "Empress" + ], + [ + "819885", + "Spanish Green" + ], + [ + "826F65", + "Sand Dune" + ], + [ + "828685", + "Gunsmoke" + ], + [ + "828F72", + "Battleship Gray" + ], + [ + "831923", + "Merlot" + ], + [ + "837050", + "Shadow" + ], + [ + "83AA5D", + "Chelsea Cucumber" + ], + [ + "83D0C6", + "Monte Carlo" + ], + [ + "843179", + "Plum" + ], + [ + "84A0A0", + "Granny Smith" + ], + [ + "8581D9", + "Chetwode Blue" + ], + [ + "858470", + "Bandicoot" + ], + [ + "859FAF", + "Bali Hai" + ], + [ + "85C4CC", + "Half Baked" + ], + [ + "860111", + "Red Devil" + ], + [ + "863C3C", + "Lotus" + ], + [ + "86483C", + "Ironstone" + ], + [ + "864D1E", + "Bull Shot" + ], + [ + "86560A", + "Rusty Nail" + ], + [ + "868974", + "Bitter" + ], + [ + "86949F", + "Regent Gray" + ], + [ + "871550", + "Disco" + ], + [ + "87756E", + "Americano" + ], + [ + "877C7B", + "Hurricane" + ], + [ + "878D91", + "Oslo Gray" + ], + [ + "87AB39", + "Sushi" + ], + [ + "885342", + "Spicy Mix" + ], + [ + "886221", + "Kumera" + ], + [ + "888387", + "Suva Gray" + ], + [ + "888D65", + "Avocado" + ], + [ + "893456", + "Camelot" + ], + [ + "893843", + "Solid Pink" + ], + [ + "894367", + "Cannon Pink" + ], + [ + "897D6D", + "Makara" + ], + [ + "8A3324", + "Burnt Umber" + ], + [ + "8A73D6", + "True V" + ], + [ + "8A8360", + "Clay Creek" + ], + [ + "8A8389", + "Monsoon" + ], + [ + "8A8F8A", + "Stack" + ], + [ + "8AB9F1", + "Jordy Blue" + ], + [ + "8B00FF", + "Electric Violet" + ], + [ + "8B0723", + "Monarch" + ], + [ + "8B6B0B", + "Corn Harvest" + ], + [ + "8B8470", + "Olive Haze" + ], + [ + "8B847E", + "Schooner" + ], + [ + "8B8680", + "Natural Gray" + ], + [ + "8B9C90", + "Mantle" + ], + [ + "8B9FEE", + "Portage" + ], + [ + "8BA690", + "Envy" + ], + [ + "8BA9A5", + "Cascade" + ], + [ + "8BE6D8", + "Riptide" + ], + [ + "8C055E", + "Cardinal Pink" + ], + [ + "8C472F", + "Mule Fawn" + ], + [ + "8C5738", + "Potters Clay" + ], + [ + "8C6495", + "Trendy Pink" + ], + [ + "8D0226", + "Paprika" + ], + [ + "8D3D38", + "Sanguine Brown" + ], + [ + "8D3F3F", + "Tosca" + ], + [ + "8D7662", + "Cement" + ], + [ + "8D8974", + "Granite Green" + ], + [ + "8D90A1", + "Manatee" + ], + [ + "8DA8CC", + "Polo Blue" + ], + [ + "8E0000", + "Red Berry" + ], + [ + "8E4D1E", + "Rope" + ], + [ + "8E6F70", + "Opium" + ], + [ + "8E775E", + "Domino" + ], + [ + "8E8190", + "Mamba" + ], + [ + "8EABC1", + "Nepal" + ], + [ + "8F021C", + "Pohutukawa" + ], + [ + "8F3E33", + "El Salva" + ], + [ + "8F4B0E", + "Korma" + ], + [ + "8F8176", + "Squirrel" + ], + [ + "8FD6B4", + "Vista Blue" + ], + [ + "900020", + "Burgundy" + ], + [ + "901E1E", + "Old Brick" + ], + [ + "907874", + "Hemp" + ], + [ + "907B71", + "Almond Frost" + ], + [ + "908D39", + "Sycamore" + ], + [ + "92000A", + "Sangria" + ], + [ + "924321", + "Cumin" + ], + [ + "926F5B", + "Beaver" + ], + [ + "928573", + "Stonewall" + ], + [ + "928590", + "Venus" + ], + [ + "9370DB", + "Medium Purple" + ], + [ + "93CCEA", + "Cornflower" + ], + [ + "93DFB8", + "Algae Green" + ], + [ + "944747", + "Copper Rust" + ], + [ + "948771", + "Arrowtown" + ], + [ + "950015", + "Scarlett" + ], + [ + "956387", + "Strikemaster" + ], + [ + "959396", + "Mountain Mist" + ], + [ + "960018", + "Carmine" + ], + [ + "964B00", + "Brown" + ], + [ + "967059", + "Leather" + ], + [ + "9678B6", + "Purple Mountain's Majesty" + ], + [ + "967BB6", + "Lavender Purple" + ], + [ + "96A8A1", + "Pewter" + ], + [ + "96BBAB", + "Summer Green" + ], + [ + "97605D", + "Au Chico" + ], + [ + "9771B5", + "Wisteria" + ], + [ + "97CD2D", + "Atlantis" + ], + [ + "983D61", + "Vin Rouge" + ], + [ + "9874D3", + "Lilac Bush" + ], + [ + "98777B", + "Bazaar" + ], + [ + "98811B", + "Hacienda" + ], + [ + "988D77", + "Pale Oyster" + ], + [ + "98FF98", + "Mint Green" + ], + [ + "990066", + "Fresh Eggplant" + ], + [ + "991199", + "Violet Eggplant" + ], + [ + "991613", + "Tamarillo" + ], + [ + "991B07", + "Totem Pole" + ], + [ + "996666", + "Copper Rose" + ], + [ + "9966CC", + "Amethyst" + ], + [ + "997A8D", + "Mountbatten Pink" + ], + [ + "9999CC", + "Blue Bell" + ], + [ + "9A3820", + "Prairie Sand" + ], + [ + "9A6E61", + "Toast" + ], + [ + "9A9577", + "Gurkha" + ], + [ + "9AB973", + "Olivine" + ], + [ + "9AC2B8", + "Shadow Green" + ], + [ + "9B4703", + "Oregon" + ], + [ + "9B9E8F", + "Lemon Grass" + ], + [ + "9C3336", + "Stiletto" + ], + [ + "9D5616", + "Hawaiian Tan" + ], + [ + "9DACB7", + "Gull Gray" + ], + [ + "9DC209", + "Pistachio" + ], + [ + "9DE093", + "Granny Smith Apple" + ], + [ + "9DE5FF", + "Anakiwa" + ], + [ + "9E5302", + "Chelsea Gem" + ], + [ + "9E5B40", + "Sepia Skin" + ], + [ + "9EA587", + "Sage" + ], + [ + "9EA91F", + "Citron" + ], + [ + "9EB1CD", + "Rock Blue" + ], + [ + "9EDEE0", + "Morning Glory" + ], + [ + "9F381D", + "Cognac" + ], + [ + "9F821C", + "Reef Gold" + ], + [ + "9F9F9C", + "Star Dust" + ], + [ + "9FA0B1", + "Santas Gray" + ], + [ + "9FD7D3", + "Sinbad" + ], + [ + "9FDD8C", + "Feijoa" + ], + [ + "A02712", + "Tabasco" + ], + [ + "A1750D", + "Buttered Rum" + ], + [ + "A1ADB5", + "Hit Gray" + ], + [ + "A1C50A", + "Citrus" + ], + [ + "A1DAD7", + "Aqua Island" + ], + [ + "A1E9DE", + "Water Leaf" + ], + [ + "A2006D", + "Flirt" + ], + [ + "A23B6C", + "Rouge" + ], + [ + "A26645", + "Cape Palliser" + ], + [ + "A2AAB3", + "Gray Chateau" + ], + [ + "A2AEAB", + "Edward" + ], + [ + "A3807B", + "Pharlap" + ], + [ + "A397B4", + "Amethyst Smoke" + ], + [ + "A3E3ED", + "Blizzard Blue" + ], + [ + "A4A49D", + "Delta" + ], + [ + "A4A6D3", + "Wistful" + ], + [ + "A4AF6E", + "Green Smoke" + ], + [ + "A50B5E", + "Jazzberry Jam" + ], + [ + "A59B91", + "Zorba" + ], + [ + "A5CB0C", + "Bahia" + ], + [ + "A62F20", + "Roof Terracotta" + ], + [ + "A65529", + "Paarl" + ], + [ + "A68B5B", + "Barley Corn" + ], + [ + "A69279", + "Donkey Brown" + ], + [ + "A6A29A", + "Dawn" + ], + [ + "A72525", + "Mexican Red" + ], + [ + "A7882C", + "Luxor Gold" + ], + [ + "A85307", + "Rich Gold" + ], + [ + "A86515", + "Reno Sand" + ], + [ + "A86B6B", + "Coral Tree" + ], + [ + "A8989B", + "Dusty Gray" + ], + [ + "A899E6", + "Dull Lavender" + ], + [ + "A8A589", + "Tallow" + ], + [ + "A8AE9C", + "Bud" + ], + [ + "A8AF8E", + "Locust" + ], + [ + "A8BD9F", + "Norway" + ], + [ + "A8E3BD", + "Chinook" + ], + [ + "A9A491", + "Gray Olive" + ], + [ + "A9ACB6", + "Aluminium" + ], + [ + "A9B2C3", + "Cadet Blue" + ], + [ + "A9B497", + "Schist" + ], + [ + "A9BDBF", + "Tower Gray" + ], + [ + "A9BEF2", + "Perano" + ], + [ + "A9C6C2", + "Opal" + ], + [ + "AA375A", + "Night Shadz" + ], + [ + "AA4203", + "Fire" + ], + [ + "AA8B5B", + "Muesli" + ], + [ + "AA8D6F", + "Sandal" + ], + [ + "AAA5A9", + "Shady Lady" + ], + [ + "AAA9CD", + "Logan" + ], + [ + "AAABB7", + "Spun Pearl" + ], + [ + "AAD6E6", + "Regent St Blue" + ], + [ + "AAF0D1", + "Magic Mint" + ], + [ + "AB0563", + "Lipstick" + ], + [ + "AB3472", + "Royal Heath" + ], + [ + "AB917A", + "Sandrift" + ], + [ + "ABA0D9", + "Cold Purple" + ], + [ + "ABA196", + "Bronco" + ], + [ + "AC8A56", + "Limed Oak" + ], + [ + "AC91CE", + "East Side" + ], + [ + "AC9E22", + "Lemon Ginger" + ], + [ + "ACA494", + "Napa" + ], + [ + "ACA586", + "Hillary" + ], + [ + "ACA59F", + "Cloudy" + ], + [ + "ACACAC", + "Silver Chalice" + ], + [ + "ACB78E", + "Swamp Green" + ], + [ + "ACCBB1", + "Spring Rain" + ], + [ + "ACDD4D", + "Conifer" + ], + [ + "ACE1AF", + "Celadon" + ], + [ + "AD781B", + "Mandalay" + ], + [ + "ADBED1", + "Casper" + ], + [ + "ADDFAD", + "Moss Green" + ], + [ + "ADE6C4", + "Padua" + ], + [ + "ADFF2F", + "Green Yellow" + ], + [ + "AE4560", + "Hippie Pink" + ], + [ + "AE6020", + "Desert" + ], + [ + "AE809E", + "Bouquet" + ], + [ + "AF4035", + "Medium Carmine" + ], + [ + "AF4D43", + "Apple Blossom" + ], + [ + "AF593E", + "Brown Rust" + ], + [ + "AF8751", + "Driftwood" + ], + [ + "AF8F2C", + "Alpine" + ], + [ + "AF9F1C", + "Lucky" + ], + [ + "AFA09E", + "Martini" + ], + [ + "AFB1B8", + "Bombay" + ], + [ + "AFBDD9", + "Pigeon Post" + ], + [ + "B04C6A", + "Cadillac" + ], + [ + "B05D54", + "Matrix" + ], + [ + "B05E81", + "Tapestry" + ], + [ + "B06608", + "Mai Tai" + ], + [ + "B09A95", + "Del Rio" + ], + [ + "B0E0E6", + "Powder Blue" + ], + [ + "B0E313", + "Inch Worm" + ], + [ + "B10000", + "Bright Red" + ], + [ + "B14A0B", + "Vesuvius" + ], + [ + "B1610B", + "Pumpkin Skin" + ], + [ + "B16D52", + "Santa Fe" + ], + [ + "B19461", + "Teak" + ], + [ + "B1E2C1", + "Fringy Flower" + ], + [ + "B1F4E7", + "Ice Cold" + ], + [ + "B20931", + "Shiraz" + ], + [ + "B2A1EA", + "Biloba Flower" + ], + [ + "B32D29", + "Tall Poppy" + ], + [ + "B35213", + "Fiery Orange" + ], + [ + "B38007", + "Hot Toddy" + ], + [ + "B3AF95", + "Taupe Gray" + ], + [ + "B3C110", + "La Rioja" + ], + [ + "B43332", + "Well Read" + ], + [ + "B44668", + "Blush" + ], + [ + "B4CFD3", + "Jungle Mist" + ], + [ + "B57281", + "Turkish Rose" + ], + [ + "B57EDC", + "Lavender" + ], + [ + "B5A27F", + "Mongoose" + ], + [ + "B5B35C", + "Olive Green" + ], + [ + "B5D2CE", + "Jet Stream" + ], + [ + "B5ECDF", + "Cruise" + ], + [ + "B6316C", + "Hibiscus" + ], + [ + "B69D98", + "Thatch" + ], + [ + "B6B095", + "Heathered Gray" + ], + [ + "B6BAA4", + "Eagle" + ], + [ + "B6D1EA", + "Spindle" + ], + [ + "B6D3BF", + "Gum Leaf" + ], + [ + "B7410E", + "Rust" + ], + [ + "B78E5C", + "Muddy Waters" + ], + [ + "B7A214", + "Sahara" + ], + [ + "B7A458", + "Husk" + ], + [ + "B7B1B1", + "Nobel" + ], + [ + "B7C3D0", + "Heather" + ], + [ + "B7F0BE", + "Madang" + ], + [ + "B81104", + "Milano Red" + ], + [ + "B87333", + "Copper" + ], + [ + "B8B56A", + "Gimblet" + ], + [ + "B8C1B1", + "Green Spring" + ], + [ + "B8C25D", + "Celery" + ], + [ + "B8E0F9", + "Sail" + ], + [ + "B94E48", + "Chestnut" + ], + [ + "B95140", + "Crail" + ], + [ + "B98D28", + "Marigold" + ], + [ + "B9C46A", + "Wild Willow" + ], + [ + "B9C8AC", + "Rainee" + ], + [ + "BA0101", + "Guardsman Red" + ], + [ + "BA450C", + "Rock Spray" + ], + [ + "BA6F1E", + "Bourbon" + ], + [ + "BA7F03", + "Pirate Gold" + ], + [ + "BAB1A2", + "Nomad" + ], + [ + "BAC7C9", + "Submarine" + ], + [ + "BAEEF9", + "Charlotte" + ], + [ + "BB3385", + "Medium Red Violet" + ], + [ + "BB8983", + "Brandy Rose" + ], + [ + "BBD009", + "Rio Grande" + ], + [ + "BBD7C1", + "Surf" + ], + [ + "BCC9C2", + "Powder Ash" + ], + [ + "BD5E2E", + "Tuscany" + ], + [ + "BD978E", + "Quicksand" + ], + [ + "BDB1A8", + "Silk" + ], + [ + "BDB2A1", + "Malta" + ], + [ + "BDB3C7", + "Chatelle" + ], + [ + "BDBBD7", + "Lavender Gray" + ], + [ + "BDBDC6", + "French Gray" + ], + [ + "BDC8B3", + "Clay Ash" + ], + [ + "BDC9CE", + "Loblolly" + ], + [ + "BDEDFD", + "French Pass" + ], + [ + "BEA6C3", + "London Hue" + ], + [ + "BEB5B7", + "Pink Swan" + ], + [ + "BEDE0D", + "Fuego" + ], + [ + "BF5500", + "Rose of Sharon" + ], + [ + "BFB8B0", + "Tide" + ], + [ + "BFBED8", + "Blue Haze" + ], + [ + "BFC1C2", + "Silver Sand" + ], + [ + "BFC921", + "Key Lime Pie" + ], + [ + "BFDBE2", + "Ziggurat" + ], + [ + "BFFF00", + "Lime" + ], + [ + "C02B18", + "Thunderbird" + ], + [ + "C04737", + "Mojo" + ], + [ + "C08081", + "Old Rose" + ], + [ + "C0C0C0", + "Silver" + ], + [ + "C0D3B9", + "Pale Leaf" + ], + [ + "C0D8B6", + "Pixie Green" + ], + [ + "C1440E", + "Tia Maria" + ], + [ + "C154C1", + "Fuchsia Pink" + ], + [ + "C1A004", + "Buddha Gold" + ], + [ + "C1B7A4", + "Bison Hide" + ], + [ + "C1BAB0", + "Tea" + ], + [ + "C1BECD", + "Gray Suit" + ], + [ + "C1D7B0", + "Sprout" + ], + [ + "C1F07C", + "Sulu" + ], + [ + "C26B03", + "Indochine" + ], + [ + "C2955D", + "Twine" + ], + [ + "C2BDB6", + "Cotton Seed" + ], + [ + "C2CAC4", + "Pumice" + ], + [ + "C2E8E5", + "Jagged Ice" + ], + [ + "C32148", + "Maroon Flush" + ], + [ + "C3B091", + "Indian Khaki" + ], + [ + "C3BFC1", + "Pale Slate" + ], + [ + "C3C3BD", + "Gray Nickel" + ], + [ + "C3CDE6", + "Periwinkle Gray" + ], + [ + "C3D1D1", + "Tiara" + ], + [ + "C3DDF9", + "Tropical Blue" + ], + [ + "C41E3A", + "Cardinal" + ], + [ + "C45655", + "Fuzzy Wuzzy Brown" + ], + [ + "C45719", + "Orange Roughy" + ], + [ + "C4C4BC", + "Mist Gray" + ], + [ + "C4D0B0", + "Coriander" + ], + [ + "C4F4EB", + "Mint Tulip" + ], + [ + "C54B8C", + "Mulberry" + ], + [ + "C59922", + "Nugget" + ], + [ + "C5994B", + "Tussock" + ], + [ + "C5DBCA", + "Sea Mist" + ], + [ + "C5E17A", + "Yellow Green" + ], + [ + "C62D42", + "Brick Red" + ], + [ + "C6726B", + "Contessa" + ], + [ + "C69191", + "Oriental Pink" + ], + [ + "C6A84B", + "Roti" + ], + [ + "C6C3B5", + "Ash" + ], + [ + "C6C8BD", + "Kangaroo" + ], + [ + "C6E610", + "Las Palmas" + ], + [ + "C7031E", + "Monza" + ], + [ + "C71585", + "Red Violet" + ], + [ + "C7BCA2", + "Coral Reef" + ], + [ + "C7C1FF", + "Melrose" + ], + [ + "C7C4BF", + "Cloud" + ], + [ + "C7C9D5", + "Ghost" + ], + [ + "C7CD90", + "Pine Glade" + ], + [ + "C7DDE5", + "Botticelli" + ], + [ + "C88A65", + "Antique Brass" + ], + [ + "C8A2C8", + "Lilac" + ], + [ + "C8A528", + "Hokey Pokey" + ], + [ + "C8AABF", + "Lily" + ], + [ + "C8B568", + "Laser" + ], + [ + "C8E3D7", + "Edgewater" + ], + [ + "C96323", + "Piper" + ], + [ + "C99415", + "Pizza" + ], + [ + "C9A0DC", + "Light Wisteria" + ], + [ + "C9B29B", + "Rodeo Dust" + ], + [ + "C9B35B", + "Sundance" + ], + [ + "C9B93B", + "Earls Green" + ], + [ + "C9C0BB", + "Silver Rust" + ], + [ + "C9D9D2", + "Conch" + ], + [ + "C9FFA2", + "Reef" + ], + [ + "C9FFE5", + "Aero Blue" + ], + [ + "CA3435", + "Flush Mahogany" + ], + [ + "CABB48", + "Turmeric" + ], + [ + "CADCD4", + "Paris White" + ], + [ + "CAE00D", + "Bitter Lemon" + ], + [ + "CAE6DA", + "Skeptic" + ], + [ + "CB8FA9", + "Viola" + ], + [ + "CBCAB6", + "Foggy Gray" + ], + [ + "CBD3B0", + "Green Mist" + ], + [ + "CBDBD6", + "Nebula" + ], + [ + "CC3333", + "Persian Red" + ], + [ + "CC5500", + "Burnt Orange" + ], + [ + "CC7722", + "Ochre" + ], + [ + "CC8899", + "Puce" + ], + [ + "CCCAA8", + "Thistle Green" + ], + [ + "CCCCFF", + "Periwinkle" + ], + [ + "CCFF00", + "Electric Lime" + ], + [ + "CD5700", + "Tenn" + ], + [ + "CD5C5C", + "Chestnut Rose" + ], + [ + "CD8429", + "Brandy Punch" + ], + [ + "CDF4FF", + "Onahau" + ], + [ + "CEB98F", + "Sorrell Brown" + ], + [ + "CEBABA", + "Cold Turkey" + ], + [ + "CEC291", + "Yuma" + ], + [ + "CEC7A7", + "Chino" + ], + [ + "CFA39D", + "Eunry" + ], + [ + "CFB53B", + "Old Gold" + ], + [ + "CFDCCF", + "Tasman" + ], + [ + "CFE5D2", + "Surf Crest" + ], + [ + "CFF9F3", + "Humming Bird" + ], + [ + "CFFAF4", + "Scandal" + ], + [ + "D05F04", + "Red Stage" + ], + [ + "D06DA1", + "Hopbush" + ], + [ + "D07D12", + "Meteor" + ], + [ + "D0BEF8", + "Perfume" + ], + [ + "D0C0E5", + "Prelude" + ], + [ + "D0F0C0", + "Tea Green" + ], + [ + "D18F1B", + "Geebung" + ], + [ + "D1BEA8", + "Vanilla" + ], + [ + "D1C6B4", + "Soft Amber" + ], + [ + "D1D2CA", + "Celeste" + ], + [ + "D1D2DD", + "Mischka" + ], + [ + "D1E231", + "Pear" + ], + [ + "D2691E", + "Hot Cinnamon" + ], + [ + "D27D46", + "Raw Sienna" + ], + [ + "D29EAA", + "Careys Pink" + ], + [ + "D2B48C", + "Tan" + ], + [ + "D2DA97", + "Deco" + ], + [ + "D2F6DE", + "Blue Romance" + ], + [ + "D2F8B0", + "Gossip" + ], + [ + "D3CBBA", + "Sisal" + ], + [ + "D3CDC5", + "Swirl" + ], + [ + "D47494", + "Charm" + ], + [ + "D4B6AF", + "Clam Shell" + ], + [ + "D4BF8D", + "Straw" + ], + [ + "D4C4A8", + "Akaroa" + ], + [ + "D4CD16", + "Bird Flower" + ], + [ + "D4D7D9", + "Iron" + ], + [ + "D4DFE2", + "Geyser" + ], + [ + "D4E2FC", + "Hawkes Blue" + ], + [ + "D54600", + "Grenadier" + ], + [ + "D591A4", + "Can Can" + ], + [ + "D59A6F", + "Whiskey" + ], + [ + "D5D195", + "Winter Hazel" + ], + [ + "D5F6E3", + "Granny Apple" + ], + [ + "D69188", + "My Pink" + ], + [ + "D6C562", + "Tacha" + ], + [ + "D6CEF6", + "Moon Raker" + ], + [ + "D6D6D1", + "Quill Gray" + ], + [ + "D6FFDB", + "Snowy Mint" + ], + [ + "D7837F", + "New York Pink" + ], + [ + "D7C498", + "Pavlova" + ], + [ + "D7D0FF", + "Fog" + ], + [ + "D84437", + "Valencia" + ], + [ + "D87C63", + "Japonica" + ], + [ + "D8BFD8", + "Thistle" + ], + [ + "D8C2D5", + "Maverick" + ], + [ + "D8FCFA", + "Foam" + ], + [ + "D94972", + "Cabaret" + ], + [ + "D99376", + "Burning Sand" + ], + [ + "D9B99B", + "Cameo" + ], + [ + "D9D6CF", + "Timberwolf" + ], + [ + "D9DCC1", + "Tana" + ], + [ + "D9E4F5", + "Link Water" + ], + [ + "D9F7FF", + "Mabel" + ], + [ + "DA3287", + "Cerise" + ], + [ + "DA5B38", + "Flame Pea" + ], + [ + "DA6304", + "Bamboo" + ], + [ + "DA6A41", + "Red Damask" + ], + [ + "DA70D6", + "Orchid" + ], + [ + "DA8A67", + "Copperfield" + ], + [ + "DAA520", + "Golden Grass" + ], + [ + "DAECD6", + "Zanah" + ], + [ + "DAF4F0", + "Iceberg" + ], + [ + "DAFAFF", + "Oyster Bay" + ], + [ + "DB5079", + "Cranberry" + ], + [ + "DB9690", + "Petite Orchid" + ], + [ + "DB995E", + "Di Serria" + ], + [ + "DBDBDB", + "Alto" + ], + [ + "DBFFF8", + "Frosted Mint" + ], + [ + "DC143C", + "Crimson" + ], + [ + "DC4333", + "Punch" + ], + [ + "DCB20C", + "Galliano" + ], + [ + "DCB4BC", + "Blossom" + ], + [ + "DCD747", + "Wattle" + ], + [ + "DCD9D2", + "Westar" + ], + [ + "DCDDCC", + "Moon Mist" + ], + [ + "DCEDB4", + "Caper" + ], + [ + "DCF0EA", + "Swans Down" + ], + [ + "DDD6D5", + "Swiss Coffee" + ], + [ + "DDF9F1", + "White Ice" + ], + [ + "DE3163", + "Cerise Red" + ], + [ + "DE6360", + "Roman" + ], + [ + "DEA681", + "Tumbleweed" + ], + [ + "DEBA13", + "Gold Tips" + ], + [ + "DEC196", + "Brandy" + ], + [ + "DECBC6", + "Wafer" + ], + [ + "DED4A4", + "Sapling" + ], + [ + "DED717", + "Barberry" + ], + [ + "DEE5C0", + "Beryl Green" + ], + [ + "DEF5FF", + "Pattens Blue" + ], + [ + "DF73FF", + "Heliotrope" + ], + [ + "DFBE6F", + "Apache" + ], + [ + "DFCD6F", + "Chenin" + ], + [ + "DFCFDB", + "Lola" + ], + [ + "DFECDA", + "Willow Brook" + ], + [ + "DFFF00", + "Chartreuse Yellow" + ], + [ + "E0B0FF", + "Mauve" + ], + [ + "E0B646", + "Anzac" + ], + [ + "E0B974", + "Harvest Gold" + ], + [ + "E0C095", + "Calico" + ], + [ + "E0FFFF", + "Baby Blue" + ], + [ + "E16865", + "Sunglo" + ], + [ + "E1BC64", + "Equator" + ], + [ + "E1C0C8", + "Pink Flare" + ], + [ + "E1E6D6", + "Periglacial Blue" + ], + [ + "E1EAD4", + "Kidnapper" + ], + [ + "E1F6E8", + "Tara" + ], + [ + "E25465", + "Mandy" + ], + [ + "E2725B", + "Terracotta" + ], + [ + "E28913", + "Golden Bell" + ], + [ + "E292C0", + "Shocking" + ], + [ + "E29418", + "Dixie" + ], + [ + "E29CD2", + "Light Orchid" + ], + [ + "E2D8ED", + "Snuff" + ], + [ + "E2EBED", + "Mystic" + ], + [ + "E2F3EC", + "Apple Green" + ], + [ + "E30B5C", + "Razzmatazz" + ], + [ + "E32636", + "Alizarin Crimson" + ], + [ + "E34234", + "Cinnabar" + ], + [ + "E3BEBE", + "Cavern Pink" + ], + [ + "E3F5E1", + "Peppermint" + ], + [ + "E3F988", + "Mindaro" + ], + [ + "E47698", + "Deep Blush" + ], + [ + "E49B0F", + "Gamboge" + ], + [ + "E4C2D5", + "Melanie" + ], + [ + "E4CFDE", + "Twilight" + ], + [ + "E4D1C0", + "Bone" + ], + [ + "E4D422", + "Sunflower" + ], + [ + "E4D5B7", + "Grain Brown" + ], + [ + "E4D69B", + "Zombie" + ], + [ + "E4F6E7", + "Frostee" + ], + [ + "E4FFD1", + "Snow Flurry" + ], + [ + "E52B50", + "Amaranth" + ], + [ + "E5841B", + "Zest" + ], + [ + "E5CCC9", + "Dust Storm" + ], + [ + "E5D7BD", + "Stark White" + ], + [ + "E5D8AF", + "Hampton" + ], + [ + "E5E0E1", + "Bon Jour" + ], + [ + "E5E5E5", + "Mercury" + ], + [ + "E5F9F6", + "Polar" + ], + [ + "E64E03", + "Trinidad" + ], + [ + "E6BE8A", + "Gold Sand" + ], + [ + "E6BEA5", + "Cashmere" + ], + [ + "E6D7B9", + "Double Spanish White" + ], + [ + "E6E4D4", + "Satin Linen" + ], + [ + "E6F2EA", + "Harp" + ], + [ + "E6F8F3", + "Off Green" + ], + [ + "E6FFE9", + "Hint of Green" + ], + [ + "E6FFFF", + "Tranquil" + ], + [ + "E77200", + "Mango Tango" + ], + [ + "E7730A", + "Christine" + ], + [ + "E79F8C", + "Tonys Pink" + ], + [ + "E79FC4", + "Kobi" + ], + [ + "E7BCB4", + "Rose Fog" + ], + [ + "E7BF05", + "Corn" + ], + [ + "E7CD8C", + "Putty" + ], + [ + "E7ECE6", + "Gray Nurse" + ], + [ + "E7F8FF", + "Lily White" + ], + [ + "E7FEFF", + "Bubbles" + ], + [ + "E89928", + "Fire Bush" + ], + [ + "E8B9B3", + "Shilo" + ], + [ + "E8E0D5", + "Pearl Bush" + ], + [ + "E8EBE0", + "Green White" + ], + [ + "E8F1D4", + "Chrome White" + ], + [ + "E8F2EB", + "Gin" + ], + [ + "E8F5F2", + "Aqua Squeeze" + ], + [ + "E96E00", + "Clementine" + ], + [ + "E97451", + "Burnt Sienna" + ], + [ + "E97C07", + "Tahiti Gold" + ], + [ + "E9CECD", + "Oyster Pink" + ], + [ + "E9D75A", + "Confetti" + ], + [ + "E9E3E3", + "Ebb" + ], + [ + "E9F8ED", + "Ottoman" + ], + [ + "E9FFFD", + "Clear Day" + ], + [ + "EA88A8", + "Carissma" + ], + [ + "EAAE69", + "Porsche" + ], + [ + "EAB33B", + "Tulip Tree" + ], + [ + "EAC674", + "Rob Roy" + ], + [ + "EADAB8", + "Raffia" + ], + [ + "EAE8D4", + "White Rock" + ], + [ + "EAF6EE", + "Panache" + ], + [ + "EAF6FF", + "Solitude" + ], + [ + "EAF9F5", + "Aqua Spring" + ], + [ + "EAFFFE", + "Dew" + ], + [ + "EB9373", + "Apricot" + ], + [ + "EBC2AF", + "Zinnwaldite" + ], + [ + "ECA927", + "Fuel Yellow" + ], + [ + "ECC54E", + "Ronchi" + ], + [ + "ECC7EE", + "French Lilac" + ], + [ + "ECCDB9", + "Just Right" + ], + [ + "ECE090", + "Wild Rice" + ], + [ + "ECEBBD", + "Fall Green" + ], + [ + "ECEBCE", + "Aths Special" + ], + [ + "ECF245", + "Starship" + ], + [ + "ED0A3F", + "Red Ribbon" + ], + [ + "ED7A1C", + "Tango" + ], + [ + "ED9121", + "Carrot Orange" + ], + [ + "ED989E", + "Sea Pink" + ], + [ + "EDB381", + "Tacao" + ], + [ + "EDC9AF", + "Desert Sand" + ], + [ + "EDCDAB", + "Pancho" + ], + [ + "EDDCB1", + "Chamois" + ], + [ + "EDEA99", + "Primrose" + ], + [ + "EDF5DD", + "Frost" + ], + [ + "EDF5F5", + "Aqua Haze" + ], + [ + "EDF6FF", + "Zumthor" + ], + [ + "EDF9F1", + "Narvik" + ], + [ + "EDFC84", + "Honeysuckle" + ], + [ + "EE82EE", + "Lavender Magenta" + ], + [ + "EEC1BE", + "Beauty Bush" + ], + [ + "EED794", + "Chalky" + ], + [ + "EED9C4", + "Almond" + ], + [ + "EEDC82", + "Flax" + ], + [ + "EEDEDA", + "Bizarre" + ], + [ + "EEE3AD", + "Double Colonial White" + ], + [ + "EEEEE8", + "Cararra" + ], + [ + "EEEF78", + "Manz" + ], + [ + "EEF0C8", + "Tahuna Sands" + ], + [ + "EEF0F3", + "Athens Gray" + ], + [ + "EEF3C3", + "Tusk" + ], + [ + "EEF4DE", + "Loafer" + ], + [ + "EEF6F7", + "Catskill White" + ], + [ + "EEFDFF", + "Twilight Blue" + ], + [ + "EEFF9A", + "Jonquil" + ], + [ + "EEFFE2", + "Rice Flower" + ], + [ + "EF863F", + "Jaffa" + ], + [ + "EFEFEF", + "Gallery" + ], + [ + "EFF2F3", + "Porcelain" + ], + [ + "F091A9", + "Mauvelous" + ], + [ + "F0D52D", + "Golden Dream" + ], + [ + "F0DB7D", + "Golden Sand" + ], + [ + "F0DC82", + "Buff" + ], + [ + "F0E2EC", + "Prim" + ], + [ + "F0E68C", + "Khaki" + ], + [ + "F0EEFD", + "Selago" + ], + [ + "F0EEFF", + "Titan White" + ], + [ + "F0F8FF", + "Alice Blue" + ], + [ + "F0FCEA", + "Feta" + ], + [ + "F18200", + "Gold Drop" + ], + [ + "F19BAB", + "Wewak" + ], + [ + "F1E788", + "Sahara Sand" + ], + [ + "F1E9D2", + "Parchment" + ], + [ + "F1E9FF", + "Blue Chalk" + ], + [ + "F1EEC1", + "Mint Julep" + ], + [ + "F1F1F1", + "Seashell" + ], + [ + "F1F7F2", + "Saltpan" + ], + [ + "F1FFAD", + "Tidal" + ], + [ + "F1FFC8", + "Chiffon" + ], + [ + "F2552A", + "Flamingo" + ], + [ + "F28500", + "Tangerine" + ], + [ + "F2C3B2", + "Mandys Pink" + ], + [ + "F2F2F2", + "Concrete" + ], + [ + "F2FAFA", + "Black Squeeze" + ], + [ + "F34723", + "Pomegranate" + ], + [ + "F3AD16", + "Buttercup" + ], + [ + "F3D69D", + "New Orleans" + ], + [ + "F3D9DF", + "Vanilla Ice" + ], + [ + "F3E7BB", + "Sidecar" + ], + [ + "F3E9E5", + "Dawn Pink" + ], + [ + "F3EDCF", + "Wheatfield" + ], + [ + "F3FB62", + "Canary" + ], + [ + "F3FBD4", + "Orinoco" + ], + [ + "F3FFD8", + "Carla" + ], + [ + "F400A1", + "Hollywood Cerise" + ], + [ + "F4A460", + "Sandy brown" + ], + [ + "F4C430", + "Saffron" + ], + [ + "F4D81C", + "Ripe Lemon" + ], + [ + "F4EBD3", + "Janna" + ], + [ + "F4F2EE", + "Pampas" + ], + [ + "F4F4F4", + "Wild Sand" + ], + [ + "F4F8FF", + "Zircon" + ], + [ + "F57584", + "Froly" + ], + [ + "F5C85C", + "Cream Can" + ], + [ + "F5C999", + "Manhattan" + ], + [ + "F5D5A0", + "Maize" + ], + [ + "F5DEB3", + "Wheat" + ], + [ + "F5E7A2", + "Sandwisp" + ], + [ + "F5E7E2", + "Pot Pourri" + ], + [ + "F5E9D3", + "Albescent White" + ], + [ + "F5EDEF", + "Soft Peach" + ], + [ + "F5F3E5", + "Ecru White" + ], + [ + "F5F5DC", + "Beige" + ], + [ + "F5FB3D", + "Golden Fizz" + ], + [ + "F5FFBE", + "Australian Mint" + ], + [ + "F64A8A", + "French Rose" + ], + [ + "F653A6", + "Brilliant Rose" + ], + [ + "F6A4C9", + "Illusion" + ], + [ + "F6F0E6", + "Merino" + ], + [ + "F6F7F7", + "Black Haze" + ], + [ + "F6FFDC", + "Spring Sun" + ], + [ + "F7468A", + "Violet Red" + ], + [ + "F77703", + "Chilean Fire" + ], + [ + "F77FBE", + "Persian Pink" + ], + [ + "F7B668", + "Rajah" + ], + [ + "F7C8DA", + "Azalea" + ], + [ + "F7DBE6", + "We Peep" + ], + [ + "F7F2E1", + "Quarter Spanish White" + ], + [ + "F7F5FA", + "Whisper" + ], + [ + "F7FAF7", + "Snow Drift" + ], + [ + "F8B853", + "Casablanca" + ], + [ + "F8C3DF", + "Chantilly" + ], + [ + "F8D9E9", + "Cherub" + ], + [ + "F8DB9D", + "Marzipan" + ], + [ + "F8DD5C", + "Energy Yellow" + ], + [ + "F8E4BF", + "Givry" + ], + [ + "F8F0E8", + "White Linen" + ], + [ + "F8F4FF", + "Magnolia" + ], + [ + "F8F6F1", + "Spring Wood" + ], + [ + "F8F7DC", + "Coconut Cream" + ], + [ + "F8F7FC", + "White Lilac" + ], + [ + "F8F8F7", + "Desert Storm" + ], + [ + "F8F99C", + "Texas" + ], + [ + "F8FACD", + "Corn Field" + ], + [ + "F8FDD3", + "Mimosa" + ], + [ + "F95A61", + "Carnation" + ], + [ + "F9BF58", + "Saffron Mango" + ], + [ + "F9E0ED", + "Carousel Pink" + ], + [ + "F9E4BC", + "Dairy Cream" + ], + [ + "F9E663", + "Portica" + ], + [ + "F9EAF3", + "Amour" + ], + [ + "F9F8E4", + "Rum Swizzle" + ], + [ + "F9FF8B", + "Dolly" + ], + [ + "F9FFF6", + "Sugar Cane" + ], + [ + "FA7814", + "Ecstasy" + ], + [ + "FA9D5A", + "Tan Hide" + ], + [ + "FAD3A2", + "Corvette" + ], + [ + "FADFAD", + "Peach Yellow" + ], + [ + "FAE600", + "Turbo" + ], + [ + "FAEAB9", + "Astra" + ], + [ + "FAECCC", + "Champagne" + ], + [ + "FAF0E6", + "Linen" + ], + [ + "FAF3F0", + "Fantasy" + ], + [ + "FAF7D6", + "Citrine White" + ], + [ + "FAFAFA", + "Alabaster" + ], + [ + "FAFDE4", + "Hint of Yellow" + ], + [ + "FAFFA4", + "Milan" + ], + [ + "FB607F", + "Brink Pink" + ], + [ + "FB8989", + "Geraldine" + ], + [ + "FBA0E3", + "Lavender Rose" + ], + [ + "FBA129", + "Sea Buckthorn" + ], + [ + "FBAC13", + "Sun" + ], + [ + "FBAED2", + "Lavender Pink" + ], + [ + "FBB2A3", + "Rose Bud" + ], + [ + "FBBEDA", + "Cupid" + ], + [ + "FBCCE7", + "Classic Rose" + ], + [ + "FBCEB1", + "Apricot Peach" + ], + [ + "FBE7B2", + "Banana Mania" + ], + [ + "FBE870", + "Marigold Yellow" + ], + [ + "FBE96C", + "Festival" + ], + [ + "FBEA8C", + "Sweet Corn" + ], + [ + "FBEC5D", + "Candy Corn" + ], + [ + "FBF9F9", + "Hint of Red" + ], + [ + "FBFFBA", + "Shalimar" + ], + [ + "FC0FC0", + "Shocking Pink" + ], + [ + "FC80A5", + "Tickle Me Pink" + ], + [ + "FC9C1D", + "Tree Poppy" + ], + [ + "FCC01E", + "Lightning Yellow" + ], + [ + "FCD667", + "Goldenrod" + ], + [ + "FCD917", + "Candlelight" + ], + [ + "FCDA98", + "Cherokee" + ], + [ + "FCF4D0", + "Double Pearl Lusta" + ], + [ + "FCF4DC", + "Pearl Lusta" + ], + [ + "FCF8F7", + "Vista White" + ], + [ + "FCFBF3", + "Bianca" + ], + [ + "FCFEDA", + "Moon Glow" + ], + [ + "FCFFE7", + "China Ivory" + ], + [ + "FCFFF9", + "Ceramic" + ], + [ + "FD0E35", + "Torch Red" + ], + [ + "FD5B78", + "Wild Watermelon" + ], + [ + "FD7B33", + "Crusta" + ], + [ + "FD7C07", + "Sorbus" + ], + [ + "FD9FA2", + "Sweet Pink" + ], + [ + "FDD5B1", + "Light Apricot" + ], + [ + "FDD7E4", + "Pig Pink" + ], + [ + "FDE1DC", + "Cinderella" + ], + [ + "FDE295", + "Golden Glow" + ], + [ + "FDE910", + "Lemon" + ], + [ + "FDF5E6", + "Old Lace" + ], + [ + "FDF6D3", + "Half Colonial White" + ], + [ + "FDF7AD", + "Drover" + ], + [ + "FDFEB8", + "Pale Prim" + ], + [ + "FDFFD5", + "Cumulus" + ], + [ + "FE28A2", + "Persian Rose" + ], + [ + "FE4C40", + "Sunset Orange" + ], + [ + "FE6F5E", + "Bittersweet" + ], + [ + "FE9D04", + "California" + ], + [ + "FEA904", + "Yellow Sea" + ], + [ + "FEBAAD", + "Melon" + ], + [ + "FED33C", + "Bright Sun" + ], + [ + "FED85D", + "Dandelion" + ], + [ + "FEDB8D", + "Salomie" + ], + [ + "FEE5AC", + "Cape Honey" + ], + [ + "FEEBF3", + "Remy" + ], + [ + "FEEFCE", + "Oasis" + ], + [ + "FEF0EC", + "Bridesmaid" + ], + [ + "FEF2C7", + "Beeswax" + ], + [ + "FEF3D8", + "Bleach White" + ], + [ + "FEF4CC", + "Pipi" + ], + [ + "FEF4DB", + "Half Spanish White" + ], + [ + "FEF4F8", + "Wisp Pink" + ], + [ + "FEF5F1", + "Provincial Pink" + ], + [ + "FEF7DE", + "Half Dutch White" + ], + [ + "FEF8E2", + "Solitaire" + ], + [ + "FEF8FF", + "White Pointer" + ], + [ + "FEF9E3", + "Off Yellow" + ], + [ + "FEFCED", + "Orange White" + ], + [ + "FF0000", + "Red" + ], + [ + "FF007F", + "Rose" + ], + [ + "FF00CC", + "Purple Pizzazz" + ], + [ + "FF00FF", + "Magenta / Fuchsia" + ], + [ + "FF2400", + "Scarlet" + ], + [ + "FF3399", + "Wild Strawberry" + ], + [ + "FF33CC", + "Razzle Dazzle Rose" + ], + [ + "FF355E", + "Radical Red" + ], + [ + "FF3F34", + "Red Orange" + ], + [ + "FF4040", + "Coral Red" + ], + [ + "FF4D00", + "Vermilion" + ], + [ + "FF4F00", + "International Orange" + ], + [ + "FF6037", + "Outrageous Orange" + ], + [ + "FF6600", + "Blaze Orange" + ], + [ + "FF66FF", + "Pink Flamingo" + ], + [ + "FF681F", + "Orange" + ], + [ + "FF69B4", + "Hot Pink" + ], + [ + "FF6B53", + "Persimmon" + ], + [ + "FF6FFF", + "Blush Pink" + ], + [ + "FF7034", + "Burning Orange" + ], + [ + "FF7518", + "Pumpkin" + ], + [ + "FF7D07", + "Flamenco" + ], + [ + "FF7F00", + "Flush Orange" + ], + [ + "FF7F50", + "Coral" + ], + [ + "FF8C69", + "Salmon" + ], + [ + "FF9000", + "Pizazz" + ], + [ + "FF910F", + "West Side" + ], + [ + "FF91A4", + "Pink Salmon" + ], + [ + "FF9933", + "Neon Carrot" + ], + [ + "FF9966", + "Atomic Tangerine" + ], + [ + "FF9980", + "Vivid Tangerine" + ], + [ + "FF9E2C", + "Sunshade" + ], + [ + "FFA000", + "Orange Peel" + ], + [ + "FFA194", + "Mona Lisa" + ], + [ + "FFA500", + "Web Orange" + ], + [ + "FFA6C9", + "Carnation Pink" + ], + [ + "FFAB81", + "Hit Pink" + ], + [ + "FFAE42", + "Yellow Orange" + ], + [ + "FFB0AC", + "Cornflower Lilac" + ], + [ + "FFB1B3", + "Sundown" + ], + [ + "FFB31F", + "My Sin" + ], + [ + "FFB555", + "Texas Rose" + ], + [ + "FFB7D5", + "Cotton Candy" + ], + [ + "FFB97B", + "Macaroni and Cheese" + ], + [ + "FFBA00", + "Selective Yellow" + ], + [ + "FFBD5F", + "Koromiko" + ], + [ + "FFBF00", + "Amber" + ], + [ + "FFC0A8", + "Wax Flower" + ], + [ + "FFC0CB", + "Pink" + ], + [ + "FFC3C0", + "Your Pink" + ], + [ + "FFC901", + "Supernova" + ], + [ + "FFCBA4", + "Flesh" + ], + [ + "FFCC33", + "Sunglow" + ], + [ + "FFCC5C", + "Golden Tainoi" + ], + [ + "FFCC99", + "Peach Orange" + ], + [ + "FFCD8C", + "Chardonnay" + ], + [ + "FFD1DC", + "Pastel Pink" + ], + [ + "FFD2B7", + "Romantic" + ], + [ + "FFD38C", + "Grandis" + ], + [ + "FFD700", + "Gold" + ], + [ + "FFD800", + "School bus Yellow" + ], + [ + "FFD8D9", + "Cosmos" + ], + [ + "FFDB58", + "Mustard" + ], + [ + "FFDCD6", + "Peach Schnapps" + ], + [ + "FFDDAF", + "Caramel" + ], + [ + "FFDDCD", + "Tuft Bush" + ], + [ + "FFDDCF", + "Watusi" + ], + [ + "FFDDF4", + "Pink Lace" + ], + [ + "FFDEAD", + "Navajo White" + ], + [ + "FFDEB3", + "Frangipani" + ], + [ + "FFE1DF", + "Pippin" + ], + [ + "FFE1F2", + "Pale Rose" + ], + [ + "FFE2C5", + "Negroni" + ], + [ + "FFE5A0", + "Cream Brulee" + ], + [ + "FFE5B4", + "Peach" + ], + [ + "FFE6C7", + "Tequila" + ], + [ + "FFE772", + "Kournikova" + ], + [ + "FFEAC8", + "Sandy Beach" + ], + [ + "FFEAD4", + "Karry" + ], + [ + "FFEC13", + "Broom" + ], + [ + "FFEDBC", + "Colonial White" + ], + [ + "FFEED8", + "Derby" + ], + [ + "FFEFA1", + "Vis Vis" + ], + [ + "FFEFC1", + "Egg White" + ], + [ + "FFEFD5", + "Papaya Whip" + ], + [ + "FFEFEC", + "Fair Pink" + ], + [ + "FFF0DB", + "Peach Cream" + ], + [ + "FFF0F5", + "Lavender blush" + ], + [ + "FFF14F", + "Gorse" + ], + [ + "FFF1B5", + "Buttermilk" + ], + [ + "FFF1D8", + "Pink Lady" + ], + [ + "FFF1EE", + "Forget Me Not" + ], + [ + "FFF1F9", + "Tutu" + ], + [ + "FFF39D", + "Picasso" + ], + [ + "FFF3F1", + "Chardon" + ], + [ + "FFF46E", + "Paris Daisy" + ], + [ + "FFF4CE", + "Barley White" + ], + [ + "FFF4DD", + "Egg Sour" + ], + [ + "FFF4E0", + "Sazerac" + ], + [ + "FFF4E8", + "Serenade" + ], + [ + "FFF4F3", + "Chablis" + ], + [ + "FFF5EE", + "Seashell Peach" + ], + [ + "FFF5F3", + "Sauvignon" + ], + [ + "FFF6D4", + "Milk Punch" + ], + [ + "FFF6DF", + "Varden" + ], + [ + "FFF6F5", + "Rose White" + ], + [ + "FFF8D1", + "Baja White" + ], + [ + "FFF9E2", + "Gin Fizz" + ], + [ + "FFF9E6", + "Early Dawn" + ], + [ + "FFFACD", + "Lemon Chiffon" + ], + [ + "FFFAF4", + "Bridal Heath" + ], + [ + "FFFBDC", + "Scotch Mist" + ], + [ + "FFFBF9", + "Soapstone" + ], + [ + "FFFC99", + "Witch Haze" + ], + [ + "FFFCEA", + "Buttery White" + ], + [ + "FFFCEE", + "Island Spice" + ], + [ + "FFFDD0", + "Cream" + ], + [ + "FFFDE6", + "Chilean Heath" + ], + [ + "FFFDE8", + "Travertine" + ], + [ + "FFFDF3", + "Orchid White" + ], + [ + "FFFDF4", + "Quarter Pearl Lusta" + ], + [ + "FFFEE1", + "Half and Half" + ], + [ + "FFFEEC", + "Apricot White" + ], + [ + "FFFEF0", + "Rice Cake" + ], + [ + "FFFEF6", + "Black White" + ], + [ + "FFFEFD", + "Romance" + ], + [ + "FFFF00", + "Yellow" + ], + [ + "FFFF66", + "Laser Lemon" + ], + [ + "FFFF99", + "Pale Canary" + ], + [ + "FFFFB4", + "Portafino" + ], + [ + "FFFFF0", + "Ivory" + ], + [ + "FFFFFF", + "White" + ] +] \ No newline at end of file diff --git a/source/php/Module/ColoredCards/assets/icon.svg b/source/php/Module/ColoredCards/assets/icon.svg new file mode 100644 index 000000000..ea8305edb --- /dev/null +++ b/source/php/Module/ColoredCards/assets/icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/source/php/Module/ColoredCards/views/base.blade.php b/source/php/Module/ColoredCards/views/base.blade.php new file mode 100644 index 000000000..de6f7d470 --- /dev/null +++ b/source/php/Module/ColoredCards/views/base.blade.php @@ -0,0 +1,31 @@ +@if ($wrapCards && $wrapperBackgroundColor) +
+
+ @include('cards') +
+
+@else + @include('cards') +@endif +@if (($wrapCards && $wrapperBackgroundColor) || $cardStyles) + +@endif diff --git a/source/php/Module/ColoredCards/views/cards.blade.php b/source/php/Module/ColoredCards/views/cards.blade.php new file mode 100644 index 000000000..c58c8deda --- /dev/null +++ b/source/php/Module/ColoredCards/views/cards.blade.php @@ -0,0 +1,7 @@ +
+ @foreach ($cards as $card) +
+ @include('partials.card') +
+ @endforeach +
diff --git a/source/php/Module/ColoredCards/views/partials/card.blade.php b/source/php/Module/ColoredCards/views/partials/card.blade.php new file mode 100644 index 000000000..cfcb88be5 --- /dev/null +++ b/source/php/Module/ColoredCards/views/partials/card.blade.php @@ -0,0 +1,47 @@ +@card([ + 'link' => $card['link'] ? $card['link']['url'] : false, + 'classList' => ["{$cardClass}-{$card['id']}"] +]) +
+
+ @typography([ + 'element' => 'h2', + 'variant' => 'h3' + ]) + {{ $card['heading'] }} + @endtypography +
+ @if ($card['image']) +
+ @image([ + 'src' => $card['image'] + ]) + @endimage +
+ @endif + @if ($card['content']) +
+ {!! $card['content'] !!} +
+ @endif + @if ($card['link']) +
+ @typography([ + 'classList' => ['u-display--flex', 'u-align-items--center', 'u-gap-1'], + 'variant' => 'bold' + ]) + @if ($card['link']['ariaTitle']) + {{ $card['link']['title'] }} + @else + {{ $card['link']['title'] }} + @endif + @icon([ + 'icon' => 'trending_flat', + 'size' => 'lg' + ]) + @endicon + @endtypography +
+ @endif +
+@endcard