4 files changed, 7 insertions, 7 deletions

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'