Get the look of your favorite Glazed Demo on your existing Drupal 8 website using Drupal core's Configuration Manager module!

popover_placement: top
tooltip_placement: 'auto top'
body_line_height: '1.4'
body_font_size: '14'
nav_font_size: '14'
headings_line_height: '1.1'
scale_factor: '1.25'
h1_font_size: '36'
h2_font_size: '30'
h3_font_size: '24'
h4_font_size: '18'
blockquote_font_size: '18'
blockquote_line_height: '1.5'
headings_letter_spacing: '0.03'
headings_uppercase: 1
body_mobile_font_size: '14'
nav_mobile_font_size: '14'
h1_mobile_font_size: '36'
h2_mobile_font_size: '30'
h3_mobile_font_size: '24'
blockquote_mobile_font_size: '18'
divider_thickness: '4'
divider_length: '0'
divider_position: '1'
divider_color: ''
divider_color_custom: '#eeeeee'
portfolio_details: left
portfolio_sidebar: '4'
portfolio_images: sidecaption
page_title_breadcrumbs: 0
page_title_home_hide: 0
page_title_align: center
page_title_height: '120'
page_title_animate: '0'
page_title_image: ''
page_title_image_opacity: '1'
page_title_image_style: cover
page_title_image_position: center_center
boxed_layout: 0
sticky_footer: 1
boxed_layout_boxbg: '#ffffff'
box_max_width: '1170'
layout_max_width: '1300'
gutter_horizontal: '30'
gutter_vertical: '30'
gutter_container: '60'
gutter_horizontal_mobile: '30'
gutter_vertical_mobile: '30'
gutter_container_mobile: '30'
background_image: ''
backgrond_image_style: cover
backgrond_image_position: center_center
full_width_containers:
  cnt_secondary_header: 0
  cnt_header_nav: 0
  cnt_page_title: 0
  cnt_content_top: 0
  cnt_content: 0
  cnt_content_bottom: 0
  cnt_footer: 0
full_width_content_types:
  drag_and_drop_page: drag_and_drop_page
  article: 0
  cms_blog: 0
  cms_event: 0
  cms_news: 0
  cms_page: 0
  cms_portfolio_project: 0
prevnext_content_types:
  article: 0
  cms_blog: cms_blog
  cms_event: 0
  cms_news: 0
  cms_page: 0
  cms_portfolio_project: 0
  drag_and_drop_page: 0
header_position: 0
header_top_layout: '0'
header_style: normal
header_top_bg_opacity: '1'
header_top_height: '50'
header_top_fixed: 1
header_top_sticky: 0
header_top_sticky_show: always
header_top_height_sticky_offset: '60'
header_top_height_scroll: '50'
header_top_bg_opacity_scroll: '1'
navbar_background: ''
navbar_background_custom: ''
header_block_background: ''
header_block_background_custom: ''
header_block_text_color: ''
header_block_text_color_custom: ''
menu_background: ''
menu_background_custom: ''
menu_text_color: ''
menu_text_color_custom: ''
menu_hover_background: ''
menu_hover_background_custom: ''
menu_hover_text_color: ''
menu_hover_text_color_custom: ''
dropdown_background: ''
dropdown_background_custom: ''
dropdown_text_color: ''
dropdown_text_color_custom: ''
dropdown_hover_background: ''
dropdown_hover_background_custom: ''
dropdown_hover_text_color: ''
dropdown_hover_text_color_custom: ''
header_side_align: left
header_side_width: '300'
menu_type: ''
menu_hover: border
menu_border_position: bottom
menu_border_animate: ''
menu_border_position_offset: '0'
menu_border_position_offset_sticky: '0'
menu_border_size: '2'
menu_border_color: base
menu_border_color_custom: '#eeeeee'
header_mobile_breakpoint: '1200'
header_mobile_height: '60'
secondary_header_hide: hidden_none
body_font_face: '0Lora:'
body_font_face_selector: body
headings_font_face: '0Raleway:300'
headings_font_face_selector: 'h1,h2,h3,h4,h5,h6,label,.field--label'
nav_font_face: '0Raleway:'
nav_font_face_selector: 'nav,nav ul li,nav a'
sitename_font_face: '0Raleway:'
sitename_font_face_selector: '.site-name, .navbar-brand'
blockquote_font_face: helvetica
blockquote_font_face_selector: 'blockquote, blockquote p'
cms_blog_content: 1
glazed_simple_blog_theme_settings: 1
cms_core_content: 0
custom_css_site: ''
custom_javascript_site: ''
stlink: 0
block_preset: custom
block_well: ''
block_background: ''
block_background_custom: ''
block_padding: '0'
block_border_radius: '0'
block_border: '0'
block_border_color: ''
block_border_color_custom: '#eeeeee'
title_font_size: body
title_align: left
title_well: 'well glazed-util-background-gray'
title_background: custom
title_background_custom: '#444444'
title_padding: '10'
title_border: '0'
title_border_radius: '0'
title_border_color: ''
title_border_color_custom: '#eeeeee'
title_sticker: 0
block_divider: 0
block_divider_custom: 0
block_divider_color: ''
block_divider_color_custom: ''
block_divider_thickness: '4'
block_divider_length: '10'
block_divider_spacing: '10'
block_design_regions:
  sidebar_first: sidebar_first
  sidebar_second: sidebar_second
  content_top: content_top
  content_bottom: content_bottom
  secondary_header: 0
  navigation: 0
  slider: 0
  header: 0
  highlighted: 0
  help: 0
  content: 0
  footer: 0
region_wells:
  secondary_header: ''
  navigation: ''
  navigation_collapsible: ''
  highlighted: ''
  page_title: ''
  help: ''
  content_top: ''
  content: ''
  content_bottom: ''
  sidebar_first: ''
  sidebar_second: ''
  footer: ''
features:
  comment_user_picture: 1
  comment_user_verification: 1
  favicon: 1
  node_user_picture: 1
table_responsive: '-1'
table: ''
previous_label: Previous
next_label: Next
previous_svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M25.1 247.5l117.8-116c4.7-4.7 12.3-4.7 17 0l7.1 7.1c4.7 4.7 4.7 12.3 0 17L64.7 256l102.2 100.4c4.7 4.7 4.7 12.3 0 17l-7.1 7.1c-4.7 4.7-12.3 4.7-17 0L25 264.5c-4.6-4.7-4.6-12.3.1-17z"/></svg>'
next_svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 192 512"><path d="M166.9 264.5l-117.8 116c-4.7 4.7-12.3 4.7-17 0l-7.1-7.1c-4.7-4.7-4.7-12.3 0-17L127.3 256 25.1 155.6c-4.7-4.7-4.7-12.3 0-17l7.1-7.1c4.7-4.7 12.3-4.7 17 0l117.8 116c4.6 4.7 4.6 12.3-.1 17z"/></svg>'
page_title_image_path: ''
page_title_image_mode: normal
background_image_path: ''
background_image_style: cover
background_image_position: center_center
hidden_regions:
  navigation: 0
  navigation_collapsible: 0
  secondary_header: 0
  page_title: 0
  highlighted: 0
  header: 0
  content_top: 0
  content: 0
  content_bottom: 0
  sidebar_first: 0
  sidebar_second: 0
  footer: 0

For this tutorial you need to have our Glazed Helper module installed and you should be using Glazed theme (or a subtheme of Glazed theme)

  1. In the toolbar click Extend
  2. In the list of modules find the Configuration Manager module and enable it if it is not enabled already.
  3. In the toolbar click Configuration
  4. Under Development click Configuration synchronization
  5. Click the import tab
  6. Below the import tab click the Single item link
  7. In the Configuration type select box choose Simple Configuration
  8. In the Configuration name field enter color.theme.glazed or if you use a subtheme replace "glazed" with its name
  9. Find the Color Settings of your demo of choice in the collapsibles to the left and copy them to the textarea
  10. Click the Import button
  11. You should see a message reading "The configuration was imported successfully"
  12. In the Configuration type select box choose Simple Configuration, same as before
  13. In the Configuration name field enter glazed.settings or if you use a subtheme replace "glazed" with its name
  14. Find the Theme Settings of your demo of choice in the collapsibles to the left and copy them to the textarea
  15. Click the Import button
  16. You should see a message reading "The configuration was imported successfully"
  17. Now in the toolbar click Theme Settings
  18. Verify the theme settings form reflects your imported settings and click the Save configuration button at the bottom of the page