{"id":6263,"date":"2017-12-13T15:16:09","date_gmt":"2017-12-13T15:16:09","guid":{"rendered":"http:\/\/qantumthemes.xyz\/manuals\/fluid\/?post_type=ht_kb&#038;p=6263"},"modified":"2017-12-13T15:53:55","modified_gmt":"2017-12-13T15:53:55","slug":"2-5-colors-customization","status":"publish","type":"ht_kb","link":"https:\/\/manuals.qantumthemes.xyz\/kentha\/knowledge-base\/2-5-colors-customization\/","title":{"rendered":"2.5 Colors customization"},"content":{"rendered":"<p>This theme is based on a Material Design Framework. Please check the video to understand more:<\/p>\n<p><iframe loading=\"lazy\" width=\"920\" height=\"518\" src=\"https:\/\/www.youtube.com\/embed\/xYkz0Ueg0L4?feature=oembed\" frameborder=\"0\" gesture=\"media\" allow=\"encrypted-media\" allowfullscreen><\/iframe><\/p>\n<p>This means that a\u00a0same color is applied to multiple elements, and sometimes is not possible to assign a specific color to a specific elements without changing other parts of the site.<br \/>\n<strong>This is called a color pattern, and this is the standard way Material Design works<\/strong>, to maintain a\u00a0<strong>harmony<\/strong>\u00a0between the elements and provide\u00a0<strong>a consistent color pattern.<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>You can calculate cool color palettes on websites like:<\/p>\n<ul>\n<li>http:\/\/paletton.com\/<\/li>\n<li>https:\/\/coolors.co\/browser<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignleft size-full wp-image-6264\" src=\"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-16.04.39.png\" alt=\"\" width=\"314\" height=\"966\" srcset=\"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-16.04.39.png 314w, https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-16.04.39-98x300.png 98w, https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-content\/uploads\/2017\/12\/Screen-Shot-2017-12-13-at-16.04.39-16x50.png 16w\" sizes=\"(max-width: 314px) 100vw, 314px\" \/><\/p>\n<h2 id=\"important-notes-on-how-to-choose-your-colors\" >Important notes on how to choose your colors:<\/h2>\n<ol>\n<li>You should choose contrast colors as Primary, Accent, Background and text, to make the different areas of the page recognizable.<\/li>\n<li>You can&#8217;t choose as Accent and Secondary the same color as otherwise your background buttons and links will disappear<\/li>\n<li>Prefere dark colors as Primary colors<\/li>\n<li>Choose similar colors as primary light and dark<\/li>\n<li>Choose similar colors as page background and paper background<\/li>\n<li>Choose a high contrast colors as text background compared to page and primary<\/li>\n<li>You can&#8217;t have a &#8220;chess&#8221; design (black background and white paper or opposite) as text may fall on background or on paper. The Page Background and the Paper background have to be similar.<br \/>\nFor a light scheme you can choose grey as page background, white for paper and black for text.<\/li>\n<li>Accent and secondary: those colors are for interactions. Do NOT choose black or white as accent or secondary as they won&#8217;t be visible!! You should choose bright colors as your accent and secondary for a good usability.<\/li>\n<\/ol>\n<p><strong>If you have troubles choosing your website colors, please check the Material Colors video and links provided above.<\/strong><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht_kb_category":[624],"ht_kb_tag":[634,537,530,633,637],"class_list":["post-6263","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-2-theme-customizations","ht_kb_tag-background","ht_kb_tag-buttons","ht_kb_tag-colors","ht_kb_tag-customizations","ht_kb_tag-text"],"_links":{"self":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb\/6263"}],"collection":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb"}],"about":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/comments?post=6263"}],"version-history":[{"count":0,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb\/6263\/revisions"}],"wp:attachment":[{"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/media?parent=6263"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb_category?post=6263"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/manuals.qantumthemes.xyz\/kentha\/wp-json\/wp\/v2\/ht_kb_tag?post=6263"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}