my-wallet/my-wallet-ds
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: add new colors

Browse Source
This commit is contained in:
Gabriel De Los Rios
2025-08-19 20:49:32 -03:00
parent 1e2799c1e2
commit 6f8a484eec
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
projects/my-wallet-ds/assets/styles.css
View File

@@ -86,24 +86,29 @@
:root { :root {
/*Fonts*/ /*Fonts*/
--mw-font-black-italic: 'robotoblack_italic', --mw-font-black-italic: 'robotoblack_italic';
--mw-font-black: 'robotoblack', --mw-font-black: 'robotoblack';
--mw-font-bold-italic: 'robotobold_italic', --mw-font-bold-italic: 'robotobold_italic';
--mw-font-bold: 'robotobold', --mw-font-bold: 'robotobold';
--mw-font-medium-italic: 'robotomedium_italic', --mw-font-medium-italic: 'robotomedium_italic';
--mw-font-medium: 'robotomedium', --mw-font-medium: 'robotomedium';
--mw-font-italic: 'robotoitalic', --mw-font-italic: 'robotoitalic';
--mw-font-regular: 'robotoregular', --mw-font-regular: 'robotoregular';
--mw-font-light-italic: 'robotolight_italic', --mw-font-light-italic: 'robotolight_italic';
--mw-font-light: 'robotolight', --mw-font-light: 'robotolight';
--mw-font-thin-italic: 'robotothin_italic', --mw-font-thin-italic: 'robotothin_italic';
--mw-font-thin: 'robotothin', --mw-font-thin: 'robotothin';
/*Colors*/ /*Colors*/
--mw-black: #000000; --mw-black: #000000;
--mw-gray-100: #f1f1f1; --mw-gray-100: #f1f1f1;
--mw-gray-400: #cccccc; --mw-gray-300: #cccccc;
--mw-gray-400: #bdbdbd;
--mw-gray-500: #777777; --mw-gray-500: #777777;
--mw-white: #ffffff;
--mw-red: #f70403;
--mw-green: #067b05;
} }
/* Document /* Document

2
projects/my-wallet-ds/src/lib/atoms/title-bar/title-bar.component.css
View File

@@ -1,6 +1,6 @@
.title-bar{ .title-bar{
background-color: var(--mw-gray-100); 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; height: 3.2rem;
width: 100%; width: 100%;
} }