diff --git a/assets/css/styles.scss b/assets/css/styles.scss
index f822e0e..cbb3685 100644
--- a/assets/css/styles.scss
+++ b/assets/css/styles.scss
@@ -11,6 +11,26 @@
 ///
 /// @todo Mover a su propio SCSS
 {% assign about = site.posts | find: 'layout', 'about' %}
+{% assign theme = site.posts | find: 'layout', 'theme' %}
+{% assign theme_defaults = site.data.layouts.theme %}
+
+$enable-rounded: {{ theme.enable_rounded }};
+$enable-shadows: {{ theme.enable_shadows }};
+$body-bg: {{ theme.body_bg }};
+$body-color: {{ theme.body_color }};
+$link-color: {{ theme.link_color }};
+$link-hover-color: {{ theme.link_hover_color }};
+$component-active-color: {{ theme.component_active_color }};
+$h1-font-size: {{ theme.h1_font_size }}rem;
+$h2-font-size: {{ theme.h2_font_size }}rem;
+$h3-font-size: {{ theme.h3_font_size }}rem;
+$h4-font-size: {{ theme.h4_font_size }}rem;
+$h5-font-size: {{ theme.h5_font_size }}rem;
+$h6-font-size: {{ theme.h6_font_size }}rem;
+$mark-bg: {{ theme.mark_bg }};
+$navbar-light-color: {{ theme.navbar_light_color }};
+$navbar-light-hover-color: {{ theme.navbar_light_hover_color }};
+$navbar-light-active-color: {{ theme.navbar_light_active_color }};
 
 /// El modo debug se desactiva en producción
 $debug: {{ jekyll.environment | not: 'production' }};