6 files changed, 12 insertions, 12 deletions

diff --git a/tpl/index.pug b/tpl/index.pug
index c4baa64..cccfb2a 100644
--- a/tpl/index.pug
+++ b/tpl/index.pug
@@ -40,7 +40,7 @@ mixin view(id, title)
     -
         views.push({ id, title });
 
-    +container(narrow=!attributes.wide class='u-p-700 c-view' id=id)
+    +container(fixed=!attributes.wide class='u-p-700 c-view' id=id)
         +h1-heading('xl')(class='u-mt-0')= title
         +divider('medium')
         block
diff --git a/tpl/layouts/container.pug b/tpl/layouts/container.pug
index 56c0b86..522eb1a 100644
--- a/tpl/layouts/container.pug
+++ b/tpl/layouts/container.pug
@@ -1,10 +1,10 @@
 mixin container
     -
         let classes = {
-            'l-container':            true,
-            'l-container--narrow':    attributes.narrow,
-            'l-container--narrow-75': attributes.narrow50,
-            'u-themed':               !!attributes.theme
+            'l-container':           true,
+            'l-container--fixed':    attributes.fixed,
+            'l-container--fixed-75': attributes.fixed50,
+            'u-themed':              !!attributes.theme
         }
         if (!!attributes.theme) {
             classes['t-' + attributes.theme] = true
diff --git a/tpl/views/action-button.pug b/tpl/views/action-button.pug
index 8fbf9ea..6fa0ce9 100644
--- a/tpl/views/action-button.pug
+++ b/tpl/views/action-button.pug
@@ -90,7 +90,7 @@ mixin view-action-button
             -
                 const bg = theme.startsWith('static-black') ? 500 : 1000;
 
-            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+            .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
                 +action-button(theme=theme)= 'Idle'
                 = ' '
                 +action-button(theme=theme selected=true)= 'Selected'
@@ -99,7 +99,7 @@ mixin view-action-button
                 = ' '
                 +action-button(theme=theme selected=true disabled=true)= 'Selected + disabled'
 
-            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+            .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
                 +action-button(theme=theme quiet=true)= 'Idle'
                 = ' '
                 +action-button(theme=theme quiet=true selected=true)= 'Selected'
diff --git a/tpl/views/badge.pug b/tpl/views/badge.pug
index cc1f346..90fdabe 100644
--- a/tpl/views/badge.pug
+++ b/tpl/views/badge.pug
@@ -59,7 +59,7 @@ mixin view-badge
             -
                 const bg = theme.startsWith('static-black') ? 500 : 1000;
 
-            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+            .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
                 +badge(theme)(href='#')= 'new'
                 = ' '
                 +badge(theme)(quiet=true href='#')= 'new'
diff --git a/tpl/views/button.pug b/tpl/views/button.pug
index edd8ef6..04414a4 100644
--- a/tpl/views/button.pug
+++ b/tpl/views/button.pug
@@ -58,7 +58,7 @@ mixin view-button
             -
                 const bg = theme.startsWith('static-black') ? 500 : 1000;
 
-            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+            .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
                 .l-button-group
                     +a-button(variant=theme)= 'Button'
                     +a-button(variant=theme disabled=true)= 'Button'
@@ -71,7 +71,7 @@ mixin view-button
                     +a-button(variant=theme outline=true icon='trash')
                     +a-button(variant=theme outline=true disabled=true icon='trash')
 
-            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+            .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
                 .l-button-group
                     +a-button(variant=theme primary=true)= 'Button'
                     +a-button(variant=theme primary=true disabled=true)= 'Button'
diff --git a/tpl/views/divider.pug b/tpl/views/divider.pug
index ee7b372..b5b6d70 100644
--- a/tpl/views/divider.pug
+++ b/tpl/views/divider.pug
@@ -23,7 +23,7 @@ mixin view-divider
             +divider('medium')
             +divider('faint')
 
-        each theme in ['blue', 'purple', 'red', 'green', 'yellow']
+        each theme in ['accent', 'negative']
             .c-box
                 +divider('strong')(color=theme)= 'Strong'
                 +divider('medium')(color=theme)= 'Medium'
@@ -36,7 +36,7 @@ mixin view-divider
             -
                 const bg = theme.startsWith('static-black') ? 500 : 1000;
 
-            .c-box(style=`background-color: var(--colors--blue-static--${bg});`)
+            .c-box(style=`background-color: var(--static-colors--blue--${bg});`)
                 +divider('strong')(color=theme)= 'Strong'
                 +divider('medium')(color=theme)= 'Medium'
                 +divider('faint')(color=theme)= 'Faint'