Add primary static indicator

2 files changed, 4 insertions, 1 deletions

diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss
index 0849d82..eb3990b 100644
--- a/src/objects/_status-indicator.scss
+++ b/src/objects/_status-indicator.scss
@@ -11,6 +11,7 @@
     @include iro.props-store((
         --colors: (
             --default: fn.global-color(--obj-lo),
+            --primary: fn.global-color(--fg),
             --green:   fn.global-color(--green --solid --bg-hi),
             --yellow:  fn.global-color(--yellow --solid --bg-hi),
             --red:     fn.global-color(--red --solid --bg-hi),
@@ -24,7 +25,7 @@
         border-radius:    10em;
         background-color: fn.color(--default);
 
-        @each $color in 'green' 'yellow' 'red' {
+        @each $color in 'primary' 'green' 'yellow' 'red' {
             @include iro.bem-is($color) {
                 background-color: fn.color(--#{$color});
             }
diff --git a/tpl/views/status-indicator.pug b/tpl/views/status-indicator.pug
index 6d7ad30..553e454 100644
--- a/tpl/views/status-indicator.pug
+++ b/tpl/views/status-indicator.pug
@@ -3,6 +3,8 @@ mixin view-status-indicator
         .c-box
             +status-indicator
             = ' '
+            +status-indicator('primary')
+            = ' '
             +status-indicator('green')
             = ' '
             +status-indicator('yellow')