Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-04-21 11:42:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

refactor: update style of Chips

Browse source
This commit is contained in:
Tim 2024-03-18 18:13:46 +01:00
parent 17997a8a5e
commit 4214bd1eab
2 changed files with 4 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
src/App/styles.less
View file

@ -35,6 +35,7 @@
--primary-accent-color: rgb(123, 91, 245); --primary-accent-color: rgb(123, 91, 245);
--secondary-accent-color: rgba(34, 179, 101, 1); --secondary-accent-color: rgba(34, 179, 101, 1);
--tertiary-accent-color: rgba(246, 199, 0, 1); --tertiary-accent-color: rgba(246, 199, 0, 1);
--quaternary-accent-color: rgba(18, 69, 166, 1);
--overlay-color: rgba(255, 255, 255, 0.05); --overlay-color: rgba(255, 255, 255, 0.05);
--modal-background-color: rgba(15, 13, 32, 1); --modal-background-color: rgba(15, 13, 32, 1);
--outer-glow: 0px 0px 30px rgba(123, 91, 245, 0.37); --outer-glow: 0px 0px 30px rgba(123, 91, 245, 0.37);

6
src/common/Chips/Chip/Chip.less
View file

@ -14,7 +14,7 @@
color: var(--primary-foreground-color); color: var(--primary-foreground-color);
white-space: nowrap; white-space: nowrap;
text-transform: capitalize; text-transform: capitalize;
padding: 0 1.5rem; padding: 0 1.75rem;
border-radius: @height; border-radius: @height;
-webkit-tap-highlight-color: transparent; -webkit-tap-highlight-color: transparent;
background-color: transparent; background-color: transparent;
@ -27,8 +27,8 @@
} }
&.active { &.active {
font-weight: 600; font-weight: 700;
background-color: var(--primary-accent-color); background-color: var(--quaternary-accent-color);
transition: background-color 0.1s ease-in; transition: background-color 0.1s ease-in;
} }
} }