Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

dev: update UI colors #69

Merged
merged 3 commits into from
Jul 26, 2022
Merged

dev: update UI colors #69

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
0b9cec8
dev: update UI colors
mihailpolev Jul 26, 2022
fa015e6
fix: fix logo gradient
mihailpolev Jul 26, 2022
801b066
fix: update animation
mihailpolev Jul 26, 2022
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/bsc.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const bscOptions: EvmNetworkOptions = {
currencyName: "BNB",
node: "wss://nodes.mewapi.io/ws/bsc",
icon: require("./icons/bsc.svg"),
gradient: "#E6007A",
gradient: "#F0B90B",
coingeckoID: "binancecoin",
basePath: "m/44'/714'",
assetsInfoHandler,
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/etc.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const etcOptions: EvmNetworkOptions = {
currencyName: "ETC",
node: "wss://nodes.mewapi.io/ws/etc",
icon: require("./icons/etc.svg"),
gradient: "#53CBC9",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
basePath: "m/44'/61'/0'/0",
coingeckoID: "ethereum-classic",
activityHandler: wrapActivityHandler(RivetActivity),
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/eth.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const ethOptions: EvmNetworkOptions = {
currencyName: "ETH",
node: "wss://nodes.mewapi.io/ws/eth",
icon: require("./icons/eth.svg"),
gradient: "#8247E5",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
coingeckoID: "ethereum",
NFTHandler: mewNFTHandler,
assetsInfoHandler,
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/goerli.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const goerliOptions: EvmNetworkOptions = {
currencyName: "GöETH",
node: "wss://nodes.mewapi.io/ws/goerli",
icon: require("./icons/eth.svg"),
gradient: "#C4C4C4",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
activityHandler: wrapActivityHandler(RivetActivity),
};

Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/karura.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const karuraOptions: EvmNetworkOptions = {
currencyName: "KAR",
node: "https://eth-rpc-karura.aca-api.network/eth/http",
icon: require("./icons/karura-evm.svg"),
gradient: "#FF4C3B",
gradient: "linear-gradient(330.21deg, #E40C5B -26.31%, #FF4C3B 88.17%)",
coingeckoID: "karura",
activityHandler: wrapActivityHandler(EtherscanActivity),
};
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/kov.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const kovOptions: EvmNetworkOptions = {
currencyName: "KOV",
node: "wss://nodes.mewapi.io/ws/kovan",
icon: require("./icons/eth.svg"),
gradient: "#E6007A",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
activityHandler: wrapActivityHandler(EtherscanActivity),
};

Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/matic.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ const maticOptions: EvmNetworkOptions = {
currencyName: "MATIC",
node: "wss://nodes.mewapi.io/ws/matic",
icon: require("./icons/matic.svg"),
gradient: "#53CBC9",
gradient: "#7B3FE4",
coingeckoID: "matic-network",
NFTHandler: RaribleNFTHandler,
assetsInfoHandler,
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/moonbeam.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const moonbeamOptions: EvmNetworkOptions = {
currencyName: "GLMR",
node: "wss://wss.api.moonbeam.network/",
icon: require("./icons/moonbeam.svg"),
gradient: "#8247E5",
gradient: "#53CBC9",
coingeckoID: "moonbeam",
activityHandler: wrapActivityHandler(EtherscanActivity),
};
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/moonriver.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const moonriverOptions: EvmNetworkOptions = {
currencyName: "MOVR",
node: "wss://wss.api.moonriver.moonbeam.network",
icon: require("./icons/moonriver.svg"),
gradient: "#f2b606",
gradient: "linear-gradient(180deg, #F2B705 0%, #53CBC8 100%)",
coingeckoID: "moonriver",
activityHandler: wrapActivityHandler(EtherscanActivity),
};
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/rin.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,7 +14,7 @@ const rinOptions: EvmNetworkOptions = {
currencyName: "RIN",
node: "wss://nodes.mewapi.io/ws/rinkeby",
icon: require("./icons/eth.svg"),
gradient: "#C4C4C4",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
activityHandler: wrapActivityHandler(RivetActivity),
};

Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/networks/rop.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,7 @@ const ropOptions: EvmNetworkOptions = {
node: "wss://nodes.mewapi.io/ws/rop",
icon: require("./icons/eth.svg"),
basePath: "m/44'/1'/0'/0",
gradient: "#E6007A",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
activityHandler: wrapActivityHandler(RivetActivity),
};

Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/ui/eth-connect-dapp.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
<div class="common-popup__network">
<img :src="network.icon" />
<p>{{ network.name_long }}</p>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/ui/eth-decrypt.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
</template>

<template #content>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/ui/eth-get-encryption-key.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
</template>

<template #content>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/ui/eth-sign-message.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
</template>

<template #content>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/ui/eth-sign-typedata.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
</template>

<template #content>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/ethereum/ui/eth-verify-transaction.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
<div class="common-popup__network">
<img :src="network.icon" />
<p>{{ network.name_long }}</p>
Expand Down
4 changes: 2 additions & 2 deletions packages/extension/src/providers/ethereum/ui/send-transaction/components/send-header.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,8 +106,8 @@ const toggleType = (isTokenSend: boolean) => {
&__dropdown {
position: absolute;
width: 220px;
height: 104px;
padding: 4px;
height: 112px;
padding: 8px;
background: @white;
box-shadow: 0px 0.5px 5px rgba(0, 0, 0, 0.039),
0px 3.75px 11px rgba(0, 0, 0, 0.19);
Expand Down
3 changes: 2 additions & 1 deletion packages/extension/src/providers/polkadot/networks/acala/acala.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,8 @@ const acalaOptions: SubstrateNetworkOptions = {
icon: require("../icons/acala.svg"),
decimals: 12,
prefix: 12,
gradient: "#53CBC9",
gradient:
"linear-gradient(326.87deg, #645AFF 12.53%, #E40C5B 50.89%, #FF4C3B 89.24%)",
node: "wss://acala-rpc-0.aca-api.network/",
coingeckoID: "acala",
genesisHash:
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/networks/acala/karura.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,7 +18,7 @@ const karuraOptions: SubstrateNetworkOptions = {
icon: require("../icons/karura.svg"),
decimals: 12,
prefix: 8,
gradient: "#FF4C3B",
gradient: "linear-gradient(330.21deg, #E40C5B -26.31%, #FF4C3B 88.17%)",
node: "wss://karura.api.onfinality.io/public-ws",
coingeckoID: "karura",
genesisHash:
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/networks/kusama.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const ksmOptions: SubstrateNetworkOptions = {
icon: require("./icons/kusama.svg"),
decimals: 12,
prefix: 2,
gradient: "#82D359",
gradient: "#000000",
node: "wss://kusama-rpc.polkadot.io/",
coingeckoID: "kusama",
genesisHash:
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/networks/polkadot.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const polkadotOptions: SubstrateNetworkOptions = {
icon: require("./icons/polkadot.svg"),
decimals: 10,
prefix: 0,
gradient: "#8247E5",
gradient: "#E6007A",
node: "wss://rpc.polkadot.io/",
coingeckoID: "polkadot",
genesisHash:
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/networks/westend.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,7 +19,7 @@ const wndOptions: SubstrateNetworkOptions = {
icon: require("./icons/westend.svg"),
decimals: 12,
prefix: 42,
gradient: "#8247E5",
gradient: "linear-gradient(180deg, #C549FF 0%, #684CFF 100%)",
node: "wss://westend-rpc.dwellir.com",
genesisHash:
"0xe143f23803ac50e8f6f8e62695d1ce9e4e1d68aa36c1cd2cfd15340213f3423e",
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/ui/dot-accounts.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#05C0A5" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
<div class="common-popup__network">
<img :src="network.icon" />
<p>{{ network.name_long }}</p>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/ui/dot-sign-message.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#E6007A" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
</template>

<template #content>
Expand Down
2 changes: 1 addition & 1 deletion packages/extension/src/providers/polkadot/ui/dot-verify-transaction.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<common-popup>
<template #header>
<sign-logo color="#E6007A" class="common-popup__logo"></sign-logo>
<sign-logo class="common-popup__logo"></sign-logo>
<div class="common-popup__network">
<img :src="network ? network.icon : defaultNetwork.icon" />
<p>{{ network ? network.name_long : "" }}</p>
Expand Down
6 changes: 3 additions & 3 deletions packages/extension/src/ui/action/App.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,7 @@
<template>
<div class="app" :class="{ locked: isLocked }">
<div ref="appMenuRef" class="app__menu">
<logo-min :color="networkGradient" class="app__menu-logo" />
<logo-min class="app__menu-logo" />
<base-search :input="searchInput" :is-border="false" />
<app-menu
:networks="networks"
Expand Down Expand Up @@ -202,7 +202,7 @@ const setNetwork = async (network: BaseNetwork) => {
if (appMenuRef.value)
(
appMenuRef.value as HTMLElement
).style.background = `radial-gradient(100% 50% at 100% 50%, rgba(250, 250, 250, 0.92) 0%, rgba(250, 250, 250, 0.98) 100%), ${network.gradient}`;
).style.background = `radial-gradient(137.35% 97% at 100% 50%, rgba(250, 250, 250, 0.94) 0%, rgba(250, 250, 250, 0.96) 28.91%, rgba(250, 250, 250, 0.98) 100%), ${network.gradient}`;
networkGradient.value = network.gradient;
const activeAccounts = await kr.getAccounts(network.signer);
const inactiveAccounts = await kr.getAccounts(
Expand Down Expand Up @@ -427,7 +427,7 @@ body {
}

&-dropdown {
padding: 4px;
padding: 8px;
position: relative;
width: 172px;
background: @white;
Expand Down
Loading