Skip to content

Commit

Permalink
feat(ui): Base Color Update (#891)
Browse files Browse the repository at this point in the history
* feat(ui): update secondary color variable

* feat(ui): update primary color variable

* feat(ui): update light color

* feat(ui): update bg color

* feat(ui): update error colors

* feat(ui): fix primary rgb color

* feat(ui): update color

* fix(ui): fix message after choose cred

* feat(ui): update color for error

* feat(ui): fix ui color

* feat(ui): update error color

* feat(ui): update password module color

* feat(ui): fix check mark

* feat(ui): update ui for small screen

* feat(ui): fix increase and decrease button

* feat(ui): replace px by rem

* feat(ui): make identifier theme get color from css

* tmp

* feat(ui): fix review comment

* feat(ui): fix UT

* feat(ui): fix eslint

* feat(ui): rename string file

* feat(ui): update image for

---------

Co-authored-by: Vu Van Duc <[email protected]>
Co-authored-by: Vu Van Duc <[email protected]>
  • Loading branch information
3 people authored Jan 8, 2025
1 parent 38cd6f0 commit bcedf79
Show file tree
Hide file tree
Showing 163 changed files with 1,138 additions and 3,786 deletions.
5 changes: 3 additions & 2 deletions src/locales/en/en.json
Original file line number Diff line number Diff line change
Expand Up @@ -1728,7 +1728,7 @@
}
},
"theme": {
"title": "Choose a theme"
"title": "Choose card style"
},
"error": {
"maxlength": "Must be less than 32 characters long"
Expand Down Expand Up @@ -1783,7 +1783,8 @@
"passwordupdated": "Password updated successfully",
"passworddisabled": "Password turned off",
"passwordcreated": "Password created successfully",
"sharecredsuccess": "Credential proposed to group",
"sharecredsuccess": "Credential shared successfully",
"proposedcredsuccess": "Credential proposed to group",
"sharecrederror": "Unable to propose credential",
"deleteconnectionerror": "Unable to delete connection",
"deletecrederror": "Unable to delete credential",
Expand Down
58 changes: 35 additions & 23 deletions src/ui/App.scss
Original file line number Diff line number Diff line change
Expand Up @@ -9,7 +9,7 @@ body {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-weight: 500;
background-color: var(--ion-color-light);
background-color: var(--ion-color-neutral-200);

.max-zindex {
z-index: 2147483647 !important; // max value
Expand Down Expand Up @@ -40,7 +40,7 @@ body {
width: 100%;
align-items: center;
justify-content: center;
background: rgba(var(--ion-color-primary-rgb), 0.2);
background: rgba(var(--ion-color-neutral-700-rgb), 0.2);
}
}

Expand All @@ -54,9 +54,9 @@ body {
> div:last-child {
display: block;
z-index: -10;
--background: var(--ion-color-secondary) !important;
--ion-background-color: var(--ion-color-secondary) !important;
background-color: var(--ion-color-secondary) !important;
--background: var(--ion-color-neutral-700) !important;
--ion-background-color: var(--ion-color-neutral-700) !important;
background-color: var(--ion-color-neutral-700) !important;

&.hide {
display: none;
Expand Down Expand Up @@ -108,7 +108,7 @@ h1,
h2,
h3,
h4 {
color: var(--ion-color-primary);
color: var(--ion-color-neutral-800);
}

h2,
Expand All @@ -127,7 +127,7 @@ p {
margin: 0.5rem 0;
padding-inline: 0;
line-height: 1.375rem;
color: var(--ion-color-secondary);
color: var(--ion-color-neutral-700);
}

@media screen and (min-width: 250px) and (max-width: 370px) {
Expand Down Expand Up @@ -164,23 +164,28 @@ p {
}

.primary-button {
--color: var(--ion-color-primary);
--background: var(--ion-color-primary-gradient);
--color: var(--ion-color-neutral-100);
--background: var(--ion-color-primary-700);

ion-icon {
color: var(--ion-color-neutral-100) !important;
}
}

.secondary-button {
--color: var(--ion-color-primary);
--background: var(--ion-color-light);
--border-color: var(--ion-color-dark-grey);
--color: var(--ion-color-neutral-700);
--background: var(--ion-color-neutral-200);
--border-color: var(--ion-color-neutral-400);

&::part(native) {
border: 1px solid var(--ion-color-dark-grey);
border: 1px solid var(--ion-color-neutral-400);
}
}

.tertiary-button {
--color: var(--ion-color-primary);
--color: var(--ion-color-neutral-700);
--background: transparent;
font-weight: 500;

ion-icon {
margin-right: 0.5rem;
Expand All @@ -189,20 +194,20 @@ p {

.delete-button,
.archive-button {
--color: var(--ion-color-white);
--color: var(--ion-color-neutral-100);

ion-icon {
margin-right: 0.5rem;
--ion-color-base: var(--ion-color-white) !important;
--ion-color-base: var(--ion-color-neutral-100) !important;
}
}

.delete-button {
--background: var(--ion-color-danger);
--background: var(--ion-color-error-800);
}

.archive-button {
--background: var(--ion-color-action-blue);
--background: var(--ion-color-archive-400);
}

.primary-button,
Expand All @@ -212,10 +217,12 @@ p {
.archive-button {
font-size: 1rem;
height: 3.25rem;
--background-activated: var(--ion-color-medium-grey);
--background-activated: var(--ion-color-neutral-400);
--border-radius: 1rem;

&.button-disabled {
--background: var(--ion-color-dark-grey);
--background: var(--ion-color-neutral-400);
--color: var(--ion-color-neutral-800);
}
}

Expand Down Expand Up @@ -249,7 +256,7 @@ ion-toast {

&.confirmation-toast {
&::part(message) {
color: var(--ion-color-light);
color: var(--ion-color-neutral-100);
}
}

Expand All @@ -267,12 +274,13 @@ ion-router-outlet.blur {
}

ion-segment {
--background: var(--ion-color-dark-grey);
--background: var(--ion-color-neutral-300);

ion-segment-button {
&.segment-button-checked {
--color-checked: var(--ion-color-neutral-100);
&::part(indicator-background) {
background: var(--ion-color-primary-gradient);
background: var(--ion-color-primary-700);
}
}
}
Expand All @@ -291,3 +299,7 @@ ion-segment {
}
}
}

ion-spinner {
color: var(--ion-color-primary-700);
}
Binary file modified src/ui/assets/images/SeedPhraseDocs.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/ui/assets/images/intro-0.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/ui/assets/images/intro-1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/ui/assets/images/intro-2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/ui/assets/images/intro-3.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified src/ui/assets/images/intro-4.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
21 changes: 0 additions & 21 deletions src/ui/assets/images/keri-00.svg

This file was deleted.

30 changes: 0 additions & 30 deletions src/ui/assets/images/keri-01.svg

This file was deleted.

Loading

0 comments on commit bcedf79

Please sign in to comment.