added default color to uui-loader

Author: JesmoDev

packages/uui-loader/lib/uui-loader.element.ts

@@ -11,6 +11,7 @@ export class UUILoaderElement extends LitElement {
     css`
       :host {
         /* currently this components color is defined through currentColor, if we like to use a different color, we need to implemenet a --uui-interface- color which will be set/overwritten when looks are set, aka. if this element is used within a button with the look danger, then this component would get an appropriate color. */
+        color: var(--uui-color-primary);
       }
 
       div {

packages/uui-loader/lib/uui-loader.story.ts

@@ -18,8 +18,9 @@ export default {
 };
 
 export const Overview: Story = props =>
-  html`<uui-loader style="color: ${props.color}"></uui-loader>`;
-Overview.args = { color: 'black' };
+  html`<uui-loader
+    style=${props.color ? 'color: ' + props.color : ''}></uui-loader>`;
+Overview.args = { color: '' };
 Overview.argTypes = {
   color: { table: { category: 'inline styling' } },
 };