diff --git a/projects/ion/src/lib/indicator/_indicator.theme.scss b/projects/ion/src/lib/indicator/_indicator.theme.scss index 21b67785e..b7b25d54e 100644 --- a/projects/ion/src/lib/indicator/_indicator.theme.scss +++ b/projects/ion/src/lib/indicator/_indicator.theme.scss @@ -47,9 +47,57 @@ $default: ( ), ); +$dark: ( + text-font-family: ion-theme(font-family-main), + shadow: 0 0 4px #00000026, + border: ( + color: ion-theme(neutral-3), + radius: 8px, + ), + header: ( + background-color: ion-theme(neutral-6), + padding: 8px 16px, + height: 36px, + border-radius: 8px, + icon-color: ion-theme(neutral-1), + title: ( + color: ion-theme(neutral-1), + weight: 600, + size: 14px, + max-width: 230px, + ), + ), + content: ( + background-color: ion-theme(neutral-5), + padding: 12px 16px, + min-height: 84px, + main-value-text: ( + color: ion-theme(neutral-1), + font-weight: 600, + font-size: 20px, + max-width: 160px, + ), + second-value-text: ( + color: ion-theme(neutral-1), + font-weight: 400, + font-size: 16px, + max-width: 80px, + ), + error: ( + text-color: ion-theme(neutral-3), + icon-color: ion-theme(neutral-3), + ), + ), + footer: ( + background-color: ion-theme(neutral-5), + border-radius: 8px, + ), +); + @include register-component( indicator, ( default: $default, + dark: $dark, ) );