diff --git a/projects/my-wallet-ds/assets/styles.css b/projects/my-wallet-ds/assets/styles.css index 895538d..30a7cec 100644 --- a/projects/my-wallet-ds/assets/styles.css +++ b/projects/my-wallet-ds/assets/styles.css @@ -86,24 +86,29 @@ :root { /*Fonts*/ - --mw-font-black-italic: 'robotoblack_italic', - --mw-font-black: 'robotoblack', - --mw-font-bold-italic: 'robotobold_italic', - --mw-font-bold: 'robotobold', - --mw-font-medium-italic: 'robotomedium_italic', - --mw-font-medium: 'robotomedium', - --mw-font-italic: 'robotoitalic', - --mw-font-regular: 'robotoregular', - --mw-font-light-italic: 'robotolight_italic', - --mw-font-light: 'robotolight', - --mw-font-thin-italic: 'robotothin_italic', - --mw-font-thin: 'robotothin', + --mw-font-black-italic: 'robotoblack_italic'; + --mw-font-black: 'robotoblack'; + --mw-font-bold-italic: 'robotobold_italic'; + --mw-font-bold: 'robotobold'; + --mw-font-medium-italic: 'robotomedium_italic'; + --mw-font-medium: 'robotomedium'; + --mw-font-italic: 'robotoitalic'; + --mw-font-regular: 'robotoregular'; + --mw-font-light-italic: 'robotolight_italic'; + --mw-font-light: 'robotolight'; + --mw-font-thin-italic: 'robotothin_italic'; + --mw-font-thin: 'robotothin'; /*Colors*/ --mw-black: #000000; --mw-gray-100: #f1f1f1; - --mw-gray-400: #cccccc; + --mw-gray-300: #cccccc; + --mw-gray-400: #bdbdbd; --mw-gray-500: #777777; + + --mw-white: #ffffff; + --mw-red: #f70403; + --mw-green: #067b05; } /* Document diff --git a/projects/my-wallet-ds/src/lib/atoms/title-bar/title-bar.component.css b/projects/my-wallet-ds/src/lib/atoms/title-bar/title-bar.component.css index a1b7145..a8b2655 100644 --- a/projects/my-wallet-ds/src/lib/atoms/title-bar/title-bar.component.css +++ b/projects/my-wallet-ds/src/lib/atoms/title-bar/title-bar.component.css @@ -1,6 +1,6 @@ .title-bar{ background-color: var(--mw-gray-100); - border-bottom: 1px solid var(--mw-gray-400); + border-bottom: 1px solid var(--mw-gray-300); height: 3.2rem; width: 100%; }