Use color variables
This commit is contained in:
parent
ddac2ba5ef
commit
25bde3560b
2 changed files with 4 additions and 2 deletions
|
@ -26,6 +26,8 @@ limitations under the License.
|
||||||
--inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f,
|
--inter-unicode-range: U+0000-20e2, U+20e4-23ce, U+23d0-24c1, U+24c3-259f,
|
||||||
U+25c2-2664, U+2666-2763, U+2765-2b05, U+2b07-2b1b, U+2b1d-10FFFF;
|
U+25c2-2664, U+2666-2763, U+2765-2b05, U+2b07-2b1b, U+2b1d-10FFFF;
|
||||||
--primaryColor: #0dbd8b;
|
--primaryColor: #0dbd8b;
|
||||||
|
--primaryColor-20: #0dbd8b33;
|
||||||
|
--alert-20: #ff5b5533;
|
||||||
--bgColor1: #15191e;
|
--bgColor1: #15191e;
|
||||||
--bgColor2: #21262c;
|
--bgColor2: #21262c;
|
||||||
--bgColor3: #444;
|
--bgColor3: #444;
|
||||||
|
|
|
@ -142,8 +142,8 @@ export const PTTButton: React.FC<Props> = ({
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
const shadowColor = showTalkOverError
|
const shadowColor = showTalkOverError
|
||||||
? "rgba(255, 91, 85, 0.2)"
|
? "var(--alert-20)"
|
||||||
: "rgba(13, 189, 139, 0.2)";
|
: "var(--primaryColor-20)";
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<animated.button
|
<animated.button
|
||||||
|
|
Loading…
Add table
Reference in a new issue