NatalliaAlieva
commented
4 months ago The list of updated and new additional improvements:
-
For the
countprop, leave the values 9 and 99+. -
For Solid and Outline tags change icon sizes for all themes:
- for 42 size - to 24 px;
- for 24 size - to 18 px.
-
For Solid state for Loveship Light theme:
- for Night100 color change tag-bg-hover color to
#EBEDF5.
- for Night100 color change tag-bg-hover color to
-
For Loveship Dark theme:
- for Neutral color for Outline state change tag-bg color to
#6C6F80for Normal; - for Neutral color for Outline state change tag-bg-hover color to
#585B69for Hover; - for Neutral color for Outline state change tag-border color to
#ACAFBFfor Normal and Hover.- for Night100 color for Solid state change tag left icon color tocaption colorfor Normal and Hover; - for Night100 for Solid icon and caption color =
#272833; - solid, White & Warning colors: icon & caption & counter caption =
#303240; - for all other color where caption and icon is light we use color =
#FFFFFF;
- for Neutral color for Outline state change tag-bg color to
-
For Loveship, Promo themes:
for Neutral, White, Night100, Night300:for all dark captions , icons and counter caption we use (only Warning Tag has individual colors in solid mode):- use Neutral-70 color for caption and left icon color
- calculate --uui-count_indicator-bg and --uui-count_indicator-border variables based on --uui-badge-caption (Learn more here)
-
For Electric theme:
- for Neutral color for Outline state change tag-bg color to
#EBEDF5for Normal; - for Neutral color for Outline state change tag-bg color to
#E1E3EBfor Hover;
- for Neutral color for Outline state change tag-bg color to
Design
https://www.figma.com/file/ZpdSIJD4HW7rTx5DgFqsGp/UUI-Components-(20-Mar-2024)?type=design&node-id=27633-203209&mode=design&t=3UB1VPBUVVQ57Ha2-0
Case №1
To Do
Remove values with text from
countproperty.Case №2
To Do
On the Front Loveship Dark theme in the Night 100 color is
#585b69and in Design#E1E3EB.Case №3
To Do
On the Front Loveship Dark theme in the Solid Neutral color is
#585b69and in Design#474A59. On the Hover state color is#6c6f80and in Design#383B4ACase №4
To Do
Add color Night700 to the Front.