{"id":154,"date":"2023-08-11T15:54:50","date_gmt":"2023-08-11T20:54:50","guid":{"rendered":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-portafoglio-2\/"},"modified":"2023-08-11T16:05:05","modified_gmt":"2023-08-11T21:05:05","slug":"customizing-the-colors-for-journal-notes","status":"publish","type":"article","link":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/","title":{"rendered":"Customizing the Colors for Journal Notes"},"content":{"rendered":"\n<p>Journal Notes comes with a basic monochromatic color scheme. But you can change the colors to be whatever colors you want it to be. Here\u2019s how to do that.<\/p>\n\n\n\n<p>You\u2019ll need to go to the site editor and select the \u201cGlobal Styles\u201d tab. Then hit \u201cColors\u201d to load up the color palette. Next, double click on a color to bring up the ability to customize all of the colors.<\/p>\n\n\n\n<p>Journal Notes has a pretty comprehensive color palette that provides base, contrast, primary, secondary and tertiary colors.<\/p>\n\n\n\n<p>While the three main colors can be anything you want, the base (background) color should have good contrast with the primary color you select.<\/p>\n\n\n\n<p>Also, it\u2019s a good idea to make sure the primary and tertiary colors you select have the right contrast as well.<\/p>\n\n\n\n<p>So for example, if you have a dark blue primary color, you should have a light base color and a light tertiary color.<\/p>\n\n\n\n<p>To double check your colors to make sure they have the right color contrast, you can use the <a href=\"https:\/\/webaim.org\/resources\/contrastchecker\/\" target=\"_blank\" rel=\"noreferrer noopener\">WebAIM Color Contrast Checker<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Journal Notes comes with a basic monochromatic color scheme. But you can change the colors to be whatever colors you want it to be. Here\u2019s how to do that. You\u2019ll need to go to the site editor and select the \u201cGlobal Styles\u201d tab. Then hit \u201cColors\u201d to load up the color palette. Next, double click&#8230;<\/p>\n","protected":false},"featured_media":0,"parent":0,"menu_order":0,"template":"","product":[7],"class_list":["post-154","article","type-article","status-publish","hentry","product-journal-notes"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.6 (Yoast SEO v26.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Customizing the Colors for Journal Notes - Crosswinds Framework Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Customizing the Colors for Journal Notes\" \/>\n<meta property=\"og:description\" content=\"Journal Notes comes with a basic monochromatic color scheme. But you can change the colors to be whatever colors you want it to be. Here\u2019s how to do that. You\u2019ll need to go to the site editor and select the \u201cGlobal Styles\u201d tab. Then hit \u201cColors\u201d to load up the color palette. Next, double click...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/\" \/>\n<meta property=\"og:site_name\" content=\"Crosswinds Framework Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2023-08-11T21:05:05+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/\",\"url\":\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/\",\"name\":\"Customizing the Colors for Journal Notes - Crosswinds Framework Documentation\",\"isPartOf\":{\"@id\":\"https:\/\/crosswindsframework.com\/docs\/#website\"},\"datePublished\":\"2023-08-11T20:54:50+00:00\",\"dateModified\":\"2023-08-11T21:05:05+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/crosswindsframework.com\/docs\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Customizing the Colors for Journal Notes\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/crosswindsframework.com\/docs\/#website\",\"url\":\"https:\/\/crosswindsframework.com\/docs\/\",\"name\":\"Crosswinds Framework Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/crosswindsframework.com\/docs\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Customizing the Colors for Journal Notes - Crosswinds Framework Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/","og_locale":"en_US","og_type":"article","og_title":"Customizing the Colors for Journal Notes","og_description":"Journal Notes comes with a basic monochromatic color scheme. But you can change the colors to be whatever colors you want it to be. Here\u2019s how to do that. You\u2019ll need to go to the site editor and select the \u201cGlobal Styles\u201d tab. Then hit \u201cColors\u201d to load up the color palette. Next, double click...","og_url":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/","og_site_name":"Crosswinds Framework Documentation","article_modified_time":"2023-08-11T21:05:05+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/","url":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/","name":"Customizing the Colors for Journal Notes - Crosswinds Framework Documentation","isPartOf":{"@id":"https:\/\/crosswindsframework.com\/docs\/#website"},"datePublished":"2023-08-11T20:54:50+00:00","dateModified":"2023-08-11T21:05:05+00:00","breadcrumb":{"@id":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/crosswindsframework.com\/docs\/article\/customizing-the-colors-for-journal-notes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/crosswindsframework.com\/docs\/"},{"@type":"ListItem","position":2,"name":"Customizing the Colors for Journal Notes"}]},{"@type":"WebSite","@id":"https:\/\/crosswindsframework.com\/docs\/#website","url":"https:\/\/crosswindsframework.com\/docs\/","name":"Crosswinds Framework Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/crosswindsframework.com\/docs\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/crosswindsframework.com\/docs\/wp-json\/wp\/v2\/article\/154","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/crosswindsframework.com\/docs\/wp-json\/wp\/v2\/article"}],"about":[{"href":"https:\/\/crosswindsframework.com\/docs\/wp-json\/wp\/v2\/types\/article"}],"wp:attachment":[{"href":"https:\/\/crosswindsframework.com\/docs\/wp-json\/wp\/v2\/media?parent=154"}],"wp:term":[{"taxonomy":"product","embeddable":true,"href":"https:\/\/crosswindsframework.com\/docs\/wp-json\/wp\/v2\/product?post=154"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}