{"id":1063,"date":"2016-05-26T15:00:30","date_gmt":"2016-05-26T15:00:30","guid":{"rendered":"https:\/\/ionic.io\/blog\/?p=1063"},"modified":"2016-06-13T15:49:15","modified_gmt":"2016-06-13T15:49:15","slug":"theming-and-scss-in-creator","status":"publish","type":"post","link":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator","title":{"rendered":"Theming and SCSS Support Lands in Creator"},"content":{"rendered":"<p>Creator has come quite a long way since the early days. We\u2019re constantly adding new features, fixing bugs, and making improvements to it\u2014all of which are influenced by your feedback. Today, we\u2019re excited to launch one of our most requested features: Theming and SCSS editing, available to all users!<\/p>\n<p><strong>What Can You Do With Theming?<\/strong><\/p>\n<p>To see a quick demonstration of what type of customizations are possible, we replicated this <a href=\"https:\/\/market.ionic.io\/themes\/tumblr\" target=\"_blank\">Tumblr-inspired theme<\/a> without ever leaving Creator! You can <a href=\"https:\/\/creator.ionic.io\/share\/972552641785\" target=\"_blank\">preview the app in your browser<\/a>, or use this share code from within the Creator mobile app (for <a href=\"https:\/\/itunes.apple.com\/us\/app\/ionic-creator\/id1055373342?mt=8\" target=\"_blank\">iOS<\/a> and <a href=\"https:\/\/play.google.com\/store\/apps\/details?id=io.ionic.creator\" target=\"_blank\">Android<\/a>): 7B8F5C.<br \/>\n<!--more--><\/p>\n<p>Here\u2019s a brief overview of what type of customizations are available from within Creator:<\/p>\n<p><strong>Change Header &amp; Page Background Colors<\/strong><br \/>\nThis allows you to choose colors based on Ionic\u2019s predefined theme colors (don\u2019t worry, you can customize these, too!).<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1064 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png\" alt=\"ionic creator header color\" width=\"531\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-768x411.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-1024x548.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM.png 1462w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/160;\" \/><noscript><img decoding=\"async\" class=\"alignnone wp-image-1064\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png\" alt=\"ionic creator header color\" width=\"531\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-768x411.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-1024x548.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM.png 1462w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript><\/p>\n<p><strong>Customize Ionic Theme Colors<\/strong><br \/>\nBy default, Ionic comes with nine predefined theme colors to use in your app. In order to completely customize the look and feel of your Creator app, you can easily change these preset colors to match your own business, brand, or identity.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1065 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-300x158.png\" alt=\"ionic creator theme colors\" width=\"530\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-300x158.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-768x405.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-1024x540.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM.png 1450w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/158;\" \/><noscript><img decoding=\"async\" class=\"alignnone wp-image-1065\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-300x158.png\" alt=\"ionic creator theme colors\" width=\"530\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-300x158.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-768x405.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM-1024x540.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.32.55-PM.png 1450w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript><\/p>\n<p><strong>Custom Fonts<\/strong><br \/>\nChoose from ten popular webfonts for both iOS and Android. In the video at the bottom of this post, we included an example that shows you how to use any Google Font in your Creator project.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1066 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-300x120.png\" alt=\"ionic creator fonts\" width=\"530\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-300x120.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-768x308.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-1024x411.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM.png 1444w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/120;\" \/><noscript><img decoding=\"async\" class=\"alignnone wp-image-1066\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-300x120.png\" alt=\"ionic creator fonts\" width=\"530\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-300x120.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-768x308.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM-1024x411.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.35.58-PM.png 1444w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript><\/p>\n<p><strong>Include your own custom CSS and SCSS<\/strong><br \/>\nYou can overwrite existing Ionic SCSS variables, create your own, or just use CSS to modify the look, feel, and layout of your app. When you export your project, we package your custom SCSS in its own directory.<\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-1067 lazyload\" data-src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-300x119.png\" alt=\"ionic creator scss and css\" width=\"529\" data-srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-300x119.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-768x304.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-1024x406.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM.png 1348w\" data-sizes=\"(max-width: 300px) 100vw, 300px\" src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/119;\" \/><noscript><img decoding=\"async\" class=\"alignnone wp-image-1067\" src=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-300x119.png\" alt=\"ionic creator scss and css\" width=\"529\" srcset=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-300x119.png 300w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-768x304.png 768w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM-1024x406.png 1024w, https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-12.37.57-PM.png 1348w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/noscript><\/p>\n<p><strong>Want to see some examples in action?<\/strong><\/p>\n<p>Here\u2019s a short video demonstrating how easy it is to customize colors and fonts:<\/p>\n<p><iframe loading=\"lazy\" title=\"Ionic Creator Tutorials \/\/ Theming &amp; SCSS\" width=\"200\" height=\"113\" data-src=\"https:\/\/www.youtube.com\/embed\/IYJyA90KqWc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen src=\"data:image\/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/p>\n<p>Let us know what you think, and get ready for our next major feature: in-tool JS editing!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Creator has come quite a long way since the early days. We\u2019re constantly adding new features, fixing bugs, and making improvements to it\u2014all of which are influenced by your feedback. Today, we\u2019re excited to launch one of our most requested features: Theming and SCSS editing, available to all users! What Can You Do With Theming? [&hellip;]<\/p>\n","protected":false},"author":33,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"publish_to_discourse":"","publish_post_category":"","wpdc_auto_publish_overridden":"","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"","wpdc_publishing_error":"","_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[1],"tags":[16,3],"class_list":["post-1063","post","type-post","status-publish","format-standard","hentry","category-all","tag-creator","tag-ionic"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.0 (Yoast SEO v23.0) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Theming and SCSS Support Lands in Creator - Ionic Blog<\/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:\/\/ionic.io\/blog\/theming-and-scss-in-creator\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Theming and SCSS Support Lands in Creator\" \/>\n<meta property=\"og:description\" content=\"Creator has come quite a long way since the early days. We\u2019re constantly adding new features, fixing bugs, and making improvements to it\u2014all of which are influenced by your feedback. Today, we\u2019re excited to launch one of our most requested features: Theming and SCSS editing, available to all users! What Can You Do With Theming? [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator\" \/>\n<meta property=\"og:site_name\" content=\"Ionic Blog\" \/>\n<meta property=\"article:published_time\" content=\"2016-05-26T15:00:30+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2016-06-13T15:49:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png\" \/>\n<meta name=\"author\" content=\"Lee Schmidt\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:site\" content=\"@ionicframework\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Lee Schmidt\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#article\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator\"},\"author\":{\"name\":\"Lee Schmidt\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/45ee0fc5a5e69d8680180af0c0fc48b5\"},\"headline\":\"Theming and SCSS Support Lands in Creator\",\"datePublished\":\"2016-05-26T15:00:30+00:00\",\"dateModified\":\"2016-06-13T15:49:15+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator\"},\"wordCount\":337,\"commentCount\":6,\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png\",\"keywords\":[\"Creator\",\"Ionic\"],\"articleSection\":[\"All\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator\",\"url\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator\",\"name\":\"Theming and SCSS Support Lands in Creator - Ionic Blog\",\"isPartOf\":{\"@id\":\"https:\/\/ionic.io\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage\"},\"thumbnailUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png\",\"datePublished\":\"2016-05-26T15:00:30+00:00\",\"dateModified\":\"2016-06-13T15:49:15+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM.png\",\"width\":1462,\"height\":782,\"caption\":\"ionic creator header color\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/ionic.io\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Theming and SCSS Support Lands in Creator\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/ionic.io\/blog\/#website\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"name\":\"ionic.io\/blog\",\"description\":\"Build amazing native and progressive web apps with the web\",\"publisher\":{\"@id\":\"https:\/\/ionic.io\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/ionic.io\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/ionic.io\/blog\/#organization\",\"name\":\"Ionic\",\"url\":\"https:\/\/ionic.io\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png\",\"width\":1920,\"height\":854,\"caption\":\"Ionic\"},\"image\":{\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/x.com\/ionicframework\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/45ee0fc5a5e69d8680180af0c0fc48b5\",\"name\":\"Lee Schmidt\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/lee-sm-150x150.jpg\",\"contentUrl\":\"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/lee-sm-150x150.jpg\",\"caption\":\"Lee Schmidt\"},\"url\":\"https:\/\/ionic.io\/blog\/author\/lee\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Theming and SCSS Support Lands in Creator - Ionic Blog","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:\/\/ionic.io\/blog\/theming-and-scss-in-creator","og_locale":"en_US","og_type":"article","og_title":"Theming and SCSS Support Lands in Creator","og_description":"Creator has come quite a long way since the early days. We\u2019re constantly adding new features, fixing bugs, and making improvements to it\u2014all of which are influenced by your feedback. Today, we\u2019re excited to launch one of our most requested features: Theming and SCSS editing, available to all users! What Can You Do With Theming? [&hellip;]","og_url":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator","og_site_name":"Ionic Blog","article_published_time":"2016-05-26T15:00:30+00:00","article_modified_time":"2016-06-13T15:49:15+00:00","og_image":[{"url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png"}],"author":"Lee Schmidt","twitter_card":"summary_large_image","twitter_creator":"@ionicframework","twitter_site":"@ionicframework","twitter_misc":{"Written by":"Lee Schmidt","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#article","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator"},"author":{"name":"Lee Schmidt","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/45ee0fc5a5e69d8680180af0c0fc48b5"},"headline":"Theming and SCSS Support Lands in Creator","datePublished":"2016-05-26T15:00:30+00:00","dateModified":"2016-06-13T15:49:15+00:00","mainEntityOfPage":{"@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator"},"wordCount":337,"commentCount":6,"publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"image":{"@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png","keywords":["Creator","Ionic"],"articleSection":["All"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator","url":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator","name":"Theming and SCSS Support Lands in Creator - Ionic Blog","isPartOf":{"@id":"https:\/\/ionic.io\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage"},"image":{"@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage"},"thumbnailUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM-300x160.png","datePublished":"2016-05-26T15:00:30+00:00","dateModified":"2016-06-13T15:49:15+00:00","breadcrumb":{"@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ionic.io\/blog\/theming-and-scss-in-creator"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#primaryimage","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/Screen-Shot-2016-05-24-at-11.43.57-AM.png","width":1462,"height":782,"caption":"ionic creator header color"},{"@type":"BreadcrumbList","@id":"https:\/\/ionic.io\/blog\/theming-and-scss-in-creator#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ionic.io\/blog"},{"@type":"ListItem","position":2,"name":"Theming and SCSS Support Lands in Creator"}]},{"@type":"WebSite","@id":"https:\/\/ionic.io\/blog\/#website","url":"https:\/\/ionic.io\/blog\/","name":"ionic.io\/blog","description":"Build amazing native and progressive web apps with the web","publisher":{"@id":"https:\/\/ionic.io\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ionic.io\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ionic.io\/blog\/#organization","name":"Ionic","url":"https:\/\/ionic.io\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2020\/10\/white-on-color.png","width":1920,"height":854,"caption":"Ionic"},"image":{"@id":"https:\/\/ionic.io\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/ionicframework"]},{"@type":"Person","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/45ee0fc5a5e69d8680180af0c0fc48b5","name":"Lee Schmidt","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ionic.io\/blog\/#\/schema\/person\/image\/","url":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/lee-sm-150x150.jpg","contentUrl":"https:\/\/ionic.io\/blog\/wp-content\/uploads\/2016\/05\/lee-sm-150x150.jpg","caption":"Lee Schmidt"},"url":"https:\/\/ionic.io\/blog\/author\/lee"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1063","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/comments?post=1063"}],"version-history":[{"count":0,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/posts\/1063\/revisions"}],"wp:attachment":[{"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/media?parent=1063"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/categories?post=1063"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ionic.io\/blog\/wp-json\/wp\/v2\/tags?post=1063"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}