diff --git a/public/branding/android-chrome-192x192.png b/public/branding/android-chrome-192x192.png index 010c84f4..024c4c0c 100644 Binary files a/public/branding/android-chrome-192x192.png and b/public/branding/android-chrome-192x192.png differ diff --git a/public/branding/android-chrome-512x512.png b/public/branding/android-chrome-512x512.png index f0b694f6..e6ab0a60 100644 Binary files a/public/branding/android-chrome-512x512.png and b/public/branding/android-chrome-512x512.png differ diff --git a/public/branding/apple-touch-icon.png b/public/branding/apple-touch-icon.png index 042373d5..740c00a0 100644 Binary files a/public/branding/apple-touch-icon.png and b/public/branding/apple-touch-icon.png differ diff --git a/public/branding/favicon-16x16.png b/public/branding/favicon-16x16.png index 75cac5a0..83906f9d 100644 Binary files a/public/branding/favicon-16x16.png and b/public/branding/favicon-16x16.png differ diff --git a/public/branding/favicon-32x32.png b/public/branding/favicon-32x32.png index 08ee9f79..2cf7856b 100644 Binary files a/public/branding/favicon-32x32.png and b/public/branding/favicon-32x32.png differ diff --git a/public/branding/favicon.ico b/public/branding/favicon.ico index 1326d9a2..2cf7856b 100644 Binary files a/public/branding/favicon.ico and b/public/branding/favicon.ico differ diff --git a/public/branding/stlos.png b/public/branding/stlos.png index e1bc8030..3f57bdb0 100644 Binary files a/public/branding/stlos.png and b/public/branding/stlos.png differ diff --git a/public/branding/telos copy.ico b/public/branding/telos copy.ico deleted file mode 100644 index a4ecbef1..00000000 Binary files a/public/branding/telos copy.ico and /dev/null differ diff --git a/public/branding/telos-logo copy.png b/public/branding/telos-logo copy.png deleted file mode 100644 index e71e43bc..00000000 Binary files a/public/branding/telos-logo copy.png and /dev/null differ diff --git a/public/branding/telos-logo-dark.png b/public/branding/telos-logo-dark.png index 0aa09a54..494f732d 100644 Binary files a/public/branding/telos-logo-dark.png and b/public/branding/telos-logo-dark.png differ diff --git a/public/branding/telos-logo.png b/public/branding/telos-logo.png index e71e43bc..7654f882 100644 Binary files a/public/branding/telos-logo.png and b/public/branding/telos-logo.png differ diff --git a/public/branding/telos-scan.png b/public/branding/telos-scan.png index 0dfb7e91..6c0e0932 100644 Binary files a/public/branding/telos-scan.png and b/public/branding/telos-scan.png differ diff --git a/public/branding/telos-wallet-light.png b/public/branding/telos-wallet-light.png index 8f5f365a..29165e5f 100644 Binary files a/public/branding/telos-wallet-light.png and b/public/branding/telos-wallet-light.png differ diff --git a/public/branding/telos-wallet.png b/public/branding/telos-wallet.png index c7c66408..cfea3964 100644 Binary files a/public/branding/telos-wallet.png and b/public/branding/telos-wallet.png differ diff --git a/public/branding/telos.ico b/public/branding/telos.ico index a4ecbef1..2cf7856b 100644 Binary files a/public/branding/telos.ico and b/public/branding/telos.ico differ diff --git a/public/branding/telos.png b/public/branding/telos.png index 2be9c2c7..c9021a28 100644 Binary files a/public/branding/telos.png and b/public/branding/telos.png differ diff --git a/public/branding/wtlos.png b/public/branding/wtlos.png new file mode 100755 index 00000000..5f47c811 Binary files /dev/null and b/public/branding/wtlos.png differ diff --git a/public/favicon.ico b/public/favicon.ico index a4ecbef1..2cf7856b 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/antelope/chains/evm/telos-evm-testnet/index.ts b/src/antelope/chains/evm/telos-evm-testnet/index.ts index 2d890eae..b7810bae 100644 --- a/src/antelope/chains/evm/telos-evm-testnet/index.ts +++ b/src/antelope/chains/evm/telos-evm-testnet/index.ts @@ -28,7 +28,7 @@ const S_TOKEN = new TokenClass({ network: NETWORK, decimals: 18, address: '0xa9991E4daA44922D00a78B6D986cDf628d46C4DD', - logo: 'https://raw.githubusercontent.com/telosnetwork/token-list/main/logos/stlos.png', + logo: '/branding/stlos.png', isNative: false, isSystem: false, } as TokenSourceInfo); @@ -39,7 +39,7 @@ const W_TOKEN = new TokenClass({ network: NETWORK, decimals: 18, address: '0xaE85Bf723A9e74d6c663dd226996AC1b8d075AA9', - logo: 'https://raw.githubusercontent.com/telosnetwork/token-list/main/logos/wtlos.png', + logo: '/branding/wtlos.png', isNative: false, isSystem: false, } as TokenSourceInfo); diff --git a/src/antelope/chains/evm/telos-evm/index.ts b/src/antelope/chains/evm/telos-evm/index.ts index f9a97981..dfb67131 100644 --- a/src/antelope/chains/evm/telos-evm/index.ts +++ b/src/antelope/chains/evm/telos-evm/index.ts @@ -28,7 +28,7 @@ const S_TOKEN = new TokenClass({ network: NETWORK, decimals: 18, address: '0xB4B01216a5Bc8F1C8A33CD990A1239030E60C905', - logo: 'https://raw.githubusercontent.com/telosnetwork/token-list/main/logos/stlos.png', + logo: '/branding/stlos.png', isNative: false, isSystem: false, } as TokenSourceInfo); @@ -39,7 +39,7 @@ const W_TOKEN = new TokenClass({ network: NETWORK, decimals: 18, address: '0xD102cE6A4dB07D247fcc28F366A623Df0938CA9E', - logo: 'https://raw.githubusercontent.com/telosnetwork/token-list/main/logos/wtlos.png', + logo: '/branding/wtlos.png', isNative: false, isSystem: false, } as TokenSourceInfo); diff --git a/src/assets/evm/telos-scan.png b/src/assets/evm/telos-scan.png index 0dfb7e91..6c0e0932 100644 Binary files a/src/assets/evm/telos-scan.png and b/src/assets/evm/telos-scan.png differ diff --git a/src/assets/evm/telosEVM_256.png b/src/assets/evm/telosEVM_256.png index fbe6d7e4..9f8c0a74 100644 Binary files a/src/assets/evm/telosEVM_256.png and b/src/assets/evm/telosEVM_256.png differ diff --git a/src/assets/evm/telosEVM_32.png b/src/assets/evm/telosEVM_32.png index e0e6a307..5844900f 100644 Binary files a/src/assets/evm/telosEVM_32.png and b/src/assets/evm/telosEVM_32.png differ diff --git a/src/assets/evm/telosEVM_512.png b/src/assets/evm/telosEVM_512.png index 28da4c78..27c2b903 100644 Binary files a/src/assets/evm/telosEVM_512.png and b/src/assets/evm/telosEVM_512.png differ diff --git a/src/assets/evm/telosEVM_64.png b/src/assets/evm/telosEVM_64.png index 14836053..5ef6c0bc 100644 Binary files a/src/assets/evm/telosEVM_64.png and b/src/assets/evm/telosEVM_64.png differ diff --git a/src/assets/icon--stlos.svg b/src/assets/icon--stlos.svg new file mode 100755 index 00000000..592e308c --- /dev/null +++ b/src/assets/icon--stlos.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/logo--telos-wallet.svg b/src/assets/logo--telos-wallet.svg index 6a1e4c84..aced79b5 100644 --- a/src/assets/logo--telos-wallet.svg +++ b/src/assets/logo--telos-wallet.svg @@ -1,41 +1,11 @@ - - - - - - - - - - - - - + + + - - - - - - - - - - - - - + + + + - - - - - - - - - - - diff --git a/src/assets/logo--tlos.svg b/src/assets/logo--tlos.svg index 4aa7b3ca..0a37cea2 100644 --- a/src/assets/logo--tlos.svg +++ b/src/assets/logo--tlos.svg @@ -1,22 +1,15 @@ - - - - - - - + + + - - - + + + + - - - - - - + + diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/16.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/16.png new file mode 100755 index 00000000..83906f9d Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/16.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/20.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/20.png new file mode 100755 index 00000000..35fda94f Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/20.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/24.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/24.png new file mode 100755 index 00000000..ad849cf0 Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/24.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/256.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/256.png new file mode 100755 index 00000000..c9021a28 Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/256.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/32.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/32.png new file mode 100755 index 00000000..2cf7856b Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/32.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/40.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/40.png new file mode 100755 index 00000000..2293d03c Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/40.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/48.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/48.png new file mode 100755 index 00000000..3c2ce36d Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/48.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/64.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/64.png new file mode 100755 index 00000000..196f2162 Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/64.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/96.png b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/96.png new file mode 100755 index 00000000..383f4cf8 Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.png/96.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.svg/Telos-Icon.svg b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.svg/Telos-Icon.svg new file mode 100755 index 00000000..0a37cea2 --- /dev/null +++ b/src/assets/new-logos/Telos Main Logos/Telos Circle Symbol/.svg/Telos-Icon.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.SVG/Telos-dark-gradient.svg b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.SVG/Telos-dark-gradient.svg new file mode 100755 index 00000000..009f71a7 --- /dev/null +++ b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.SVG/Telos-dark-gradient.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.SVG/Telos-dark.svg b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.SVG/Telos-dark.svg new file mode 100755 index 00000000..1f296674 --- /dev/null +++ b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.SVG/Telos-dark.svg @@ -0,0 +1,4 @@ + + + + diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.png/Telos-dark-gradient.png b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.png/Telos-dark-gradient.png new file mode 100755 index 00000000..cfea3964 Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.png/Telos-dark-gradient.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.png/Telos-dark.png b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.png/Telos-dark.png new file mode 100755 index 00000000..7654f882 Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Dark/.png/Telos-dark.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.png/Telos-light-gradient.png b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.png/Telos-light-gradient.png new file mode 100755 index 00000000..29165e5f Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.png/Telos-light-gradient.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.png/Telos-light.png b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.png/Telos-light.png new file mode 100755 index 00000000..494f732d Binary files /dev/null and b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.png/Telos-light.png differ diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.svg/Telos-light-gradient.svg b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.svg/Telos-light-gradient.svg new file mode 100755 index 00000000..aced79b5 --- /dev/null +++ b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.svg/Telos-light-gradient.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.svg/Telos-light.svg b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.svg/Telos-light.svg new file mode 100755 index 00000000..35f06b3c --- /dev/null +++ b/src/assets/new-logos/Telos Main Logos/Telos-Logo-Light/.svg/Telos-light.svg @@ -0,0 +1,11 @@ + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-dark-gradient.png b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-dark-gradient.png new file mode 100755 index 00000000..15b882ba Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-dark-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-dark.png b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-dark.png new file mode 100755 index 00000000..2a0f228f Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-dark.png differ diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-light-gradient.png b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-light-gradient.png new file mode 100755 index 00000000..d1daddc3 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-light-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-light.png b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-light.png new file mode 100755 index 00000000..4d332214 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/SNARKtor/.png/SNARKtor-light.png differ diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-dark-gradient.svg b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-dark-gradient.svg new file mode 100755 index 00000000..51bddcf2 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-dark-gradient.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-dark.svg b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-dark.svg new file mode 100755 index 00000000..0660cd4a --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-dark.svg @@ -0,0 +1,13 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-light-gradient.svg b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-light-gradient.svg new file mode 100755 index 00000000..079d42b2 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-light-gradient.svg @@ -0,0 +1,24 @@ + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-light.svg b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-light.svg new file mode 100755 index 00000000..8358db7d --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/SNARKtor/.svg/SNARKtor-light.svg @@ -0,0 +1,13 @@ + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-dark-gradient-o.png b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-dark-gradient-o.png new file mode 100755 index 00000000..1639f3e1 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-dark-gradient-o.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-dark-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-dark-gradient.png new file mode 100755 index 00000000..2186cc57 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-dark-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-light-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-light-gradient.png new file mode 100755 index 00000000..a7e960c3 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-light-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-light.png b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-light.png new file mode 100755 index 00000000..cc6bc8a0 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos EVM/.png/Telos-EVM-light.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-dark-gradient-o.svg b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-dark-gradient-o.svg new file mode 100755 index 00000000..5c86fdf7 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-dark-gradient-o.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-dark-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-dark-gradient.svg new file mode 100755 index 00000000..4fbba880 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-dark-gradient.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-light-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-light-gradient.svg new file mode 100755 index 00000000..ad90a95f --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-light-gradient.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-light.svg b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-light.svg new file mode 100755 index 00000000..840c6114 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos EVM/.svg/Telos-EVM-light.svg @@ -0,0 +1,14 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-dark-gradient-o.png b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-dark-gradient-o.png new file mode 100755 index 00000000..e979b961 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-dark-gradient-o.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-dark-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-dark-gradient.png new file mode 100755 index 00000000..6b9cb8f0 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-dark-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-light-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-light-gradient.png new file mode 100755 index 00000000..cf8af1f1 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-light-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-light.png b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-light.png new file mode 100755 index 00000000..e3fb734d Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos X/.png/Telos-X-light.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-dark-gradient-o.svg b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-dark-gradient-o.svg new file mode 100755 index 00000000..ab126824 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-dark-gradient-o.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-dark-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-dark-gradient.svg new file mode 100755 index 00000000..a99f7fd0 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-dark-gradient.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-light-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-light-gradient.svg new file mode 100755 index 00000000..e77c7a58 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-light-gradient.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-light.svg b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-light.svg new file mode 100755 index 00000000..1a20497b --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos X/.svg/Telos-X-light.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-dark-gradient-o.png b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-dark-gradient-o.png new file mode 100755 index 00000000..eadb1863 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-dark-gradient-o.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-dark-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-dark-gradient.png new file mode 100755 index 00000000..c7e416ca Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-dark-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-light-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-light-gradient.png new file mode 100755 index 00000000..1d03205f Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-light-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-light.png b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-light.png new file mode 100755 index 00000000..83b387d2 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos Zero/.png/TelosZero-light.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-dark-gradient-o.svg b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-dark-gradient-o.svg new file mode 100755 index 00000000..d0550580 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-dark-gradient-o.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-dark-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-dark-gradient.svg new file mode 100755 index 00000000..c44ea361 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-dark-gradient.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-light-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-light-gradient.svg new file mode 100755 index 00000000..75ecf3a0 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-light-gradient.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-light.svg b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-light.svg new file mode 100755 index 00000000..ea5e7d0e --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos Zero/.svg/TelosZero-light.svg @@ -0,0 +1,14 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-dark-gradient-o.png b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-dark-gradient-o.png new file mode 100755 index 00000000..bcfb66a1 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-dark-gradient-o.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-dark-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-dark-gradient.png new file mode 100755 index 00000000..e4df8f87 Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-dark-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-light-gradient.png b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-light-gradient.png new file mode 100755 index 00000000..0ca2020d Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-light-gradient.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-light.png b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-light.png new file mode 100755 index 00000000..3764f5ea Binary files /dev/null and b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.png/Telos-zkEVM-light.png differ diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-dark-gradient-o.svg b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-dark-gradient-o.svg new file mode 100755 index 00000000..320bae38 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-dark-gradient-o.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-dark-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-dark-gradient.svg new file mode 100755 index 00000000..c2908c05 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-dark-gradient.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-light-gradient.svg b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-light-gradient.svg new file mode 100755 index 00000000..dcfdeb85 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-light-gradient.svg @@ -0,0 +1,25 @@ + + + + + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-light.svg b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-light.svg new file mode 100755 index 00000000..3e834342 --- /dev/null +++ b/src/assets/new-logos/Telos Product Logos/Telos zkEVM/.svg/Telos-zkEVM-light.svg @@ -0,0 +1,14 @@ + + + + + + + + + \ No newline at end of file diff --git a/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan.png b/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan.png new file mode 100755 index 00000000..90a97199 Binary files /dev/null and b/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan.png differ diff --git a/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan.svg b/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan.svg new file mode 100755 index 00000000..814b1987 --- /dev/null +++ b/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan.svg @@ -0,0 +1,15 @@ + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan@2x.png b/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan@2x.png new file mode 100755 index 00000000..6c0e0932 Binary files /dev/null and b/src/assets/new-logos/Telos Sub-brands/TeloScan/TeloScan@2x.png differ diff --git a/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos.png b/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos.png new file mode 100755 index 00000000..ad78dafa Binary files /dev/null and b/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos.png differ diff --git a/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos.svg b/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos.svg new file mode 100755 index 00000000..c38ca7ab --- /dev/null +++ b/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos@2x.png b/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos@2x.png new file mode 100755 index 00000000..5f47c811 Binary files /dev/null and b/src/assets/new-logos/Telos Sub-brands/WrappedTelos/Wrapped Telos@2x.png differ diff --git a/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS.png b/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS.png new file mode 100755 index 00000000..c527dcf8 Binary files /dev/null and b/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS.png differ diff --git a/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS.svg b/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS.svg new file mode 100755 index 00000000..592e308c --- /dev/null +++ b/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS.svg @@ -0,0 +1,21 @@ + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS@2x.png b/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS@2x.png new file mode 100755 index 00000000..3f57bdb0 Binary files /dev/null and b/src/assets/new-logos/Telos Sub-brands/sTLOS/sTLOS@2x.png differ diff --git a/src/assets/telosLogo.svg b/src/assets/telosLogo.svg index 75317806..35f06b3c 100644 --- a/src/assets/telosLogo.svg +++ b/src/assets/telosLogo.svg @@ -1,32 +1,11 @@ - - - - - - - + + + + - - - - - - - - - - - - - - - - - - - - - + + + diff --git a/src/components/evm/AppNav.vue b/src/components/evm/AppNav.vue index 87d01846..73f5aa9b 100644 --- a/src/components/evm/AppNav.vue +++ b/src/components/evm/AppNav.vue @@ -511,7 +511,7 @@ export default defineComponent({ width: 100vw; transform: translateX(-100%); transition: 0.2s transform ease; - background: var(--site-gradient); + background: var(--sidebar-gradient); z-index: $z-index--menu; &--open { diff --git a/src/css/brand/_telos-brand.scss b/src/css/brand/_telos-brand.scss new file mode 100644 index 00000000..acdcb55b --- /dev/null +++ b/src/css/brand/_telos-brand.scss @@ -0,0 +1,127 @@ +// ============================================== +// TELOS BRAND GUIDELINES - January 2026 +// ============================================== + +// --------------------------------------------- +// PRIMARY GRADIENT (Telos Brand) +// --------------------------------------------- +$telos-gradient-start: #00F2FE; // Cyan +$telos-gradient-mid: #4FACFE; // Blue +$telos-gradient-end: #C471F5; // Purple + +$telos-gradient: linear-gradient(135deg, $telos-gradient-start 0%, $telos-gradient-mid 50%, $telos-gradient-end 100%); +$telos-gradient-horizontal: linear-gradient(90deg, $telos-gradient-start 0%, $telos-gradient-mid 50%, $telos-gradient-end 100%); +$telos-gradient-vertical: linear-gradient(180deg, $telos-gradient-start 0%, $telos-gradient-mid 50%, $telos-gradient-end 100%); + +// --------------------------------------------- +// SECONDARY GRADIENTS +// --------------------------------------------- +// Moonlight (blue to purple) +$gradient-moonlight: linear-gradient(135deg, #557FFF 0%, #C19AFF 100%); + +// Floral (purple to pink) +$gradient-floral: linear-gradient(135deg, #C471F5 0%, #FA71CD 100%); + +// Space (green to teal) - Used for Telos Zero +$gradient-space: linear-gradient(135deg, #CFFF93 0%, #30CFD0 100%); + +// Ocean (blue to cyan) - Used for Telos EVM +$gradient-ocean: linear-gradient(135deg, #0088FF 0%, #00F2FE 100%); + +// Dreamtime (pink to blue) +$gradient-dreamtime: linear-gradient(135deg, #FFA1E5 0%, #6F9AE3 100%); + +// --------------------------------------------- +// GREY SCALE +// --------------------------------------------- +$white: #FFFFFF; +$grey-50: #F9F9F9; +$grey-100: #E6E9EC; +$grey-200: #C7CCD0; +$grey-300: #ACADB1; +$grey-400: #92939A; +$grey-500: #7C7D83; +$grey-600: #63656B; +$grey-700: #57595F; +$grey-800: #404142; +$grey-900: #2C2B2F; +$off-black: #1B1B1D; + +// --------------------------------------------- +// SEMANTIC COLORS (derived from brand) +// --------------------------------------------- +$primary: #4FACFE; // Mid-point of gradient +$primary-light: #00F2FE; // Cyan +$primary-dark: #0088FF; // Ocean blue + +$accent: #C471F5; // Purple +$accent-light: #C19AFF; // Moonlight purple +$accent-dark: #6F9AE3; // Dreamtime blue + +// Status colors (keeping existing, can be adjusted) +$positive: #30CFD0; // Teal from Space gradient +$negative: #FA71CD; // Pink from Floral (or keep #880000 for severity) +$warning: #CFFF93; // Lime from Space +$info: #4FACFE; // Blue + +// --------------------------------------------- +// WCAG 2.1 ACCESSIBLE VARIANTS (Light Mode) +// Use these for text/interactive elements on white backgrounds +// All meet minimum 4.5:1 contrast ratio (AA compliant) +// --------------------------------------------- +$primary-accessible: #387AB4; // Blue - 4.55:1 on white +$cyan-accessible: #008389; // Teal - 4.56:1 on white +$purple-accessible: #9B59C2; // Purple - 4.56:1 on white +$positive-accessible: #1E8283; // Teal - 4.59:1 on white +$muted-text-accessible: #767676; // Grey - 4.54:1 on white (WCAG minimum grey) + +// --------------------------------------------- +// DARK MODE ADJUSTMENTS +// --------------------------------------------- +$dark-bg: $off-black; +$dark-card-bg: $grey-900; +$dark-border: $grey-800; +$dark-text: $white; +$dark-text-muted: $grey-400; + +// Light mode +$light-bg: $white; +$light-card-bg: $grey-50; +$light-border: $grey-200; +$light-text: $off-black; +$light-text-muted: $grey-600; + +// --------------------------------------------- +// TYPOGRAPHY +// --------------------------------------------- +// Font Family: Silka by atipo foundry +// Fallback to system fonts if Silka not available +$font-family-brand: 'Silka', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif; + +// Font weights +$font-weight-regular: 400; +$font-weight-medium: 500; +$font-weight-semibold: 600; +$font-weight-bold: 700; + +// --------------------------------------------- +// MIXINS +// --------------------------------------------- +@mixin telos-gradient-text { + background: $telos-gradient; + -webkit-background-clip: text; + -webkit-text-fill-color: transparent; + background-clip: text; +} + +@mixin telos-gradient-bg { + background: $telos-gradient; +} + +@mixin telos-gradient-border($width: 2px, $radius: 8px) { + border: $width solid transparent; + background: + linear-gradient(var(--bg-color), var(--bg-color)) padding-box, + $telos-gradient border-box; + border-radius: $radius; +} diff --git a/src/css/global/_colors.scss b/src/css/global/_colors.scss index bd65543c..b8b51ea3 100644 --- a/src/css/global/_colors.scss +++ b/src/css/global/_colors.scss @@ -1,15 +1,23 @@ /********************* - *** Legacy Colors *** + *** Telos Brand Colors (2026) *********************/ $gradientTransparent: linear-gradient(0deg, transparent 0%, transparent 0%); -$gradientblue: #1AD6FF; -$gradientPurple: #8946DF; -$lightBlue: #31C1EE; -$gray: #CBCAF9; + +// Primary Telos gradient colors +$gradientCyan: #00F2FE; +$gradientBlue: #4FACFE; +$gradientPurple: #C471F5; + +// Legacy aliases (for backwards compatibility) +$gradientblue: $gradientCyan; +$lightBlue: $gradientBlue; +$purple: $gradientPurple; + +// Neutrals +$gray: #C7CCD0; $white: #FFFFFF; -$blackDark: #130C3F; -$purple: #8946DF; -$saveBtn: #2e1f4f; +$blackDark: #1B1B1D; +$saveBtn: #2C2B2F; /************************ *** Dark/Light Mode *** @@ -22,50 +30,63 @@ $tab-active-dark: var(--q-primary); // Light Mode body.body--light { - $accent-1: #571AFF; - $accent-2: #505DCD; - $accent-3: #DDD1FF; - $accent-4: #A5A6F6; - $accent-5: #F7F5FF; - $site-gradient: linear-gradient(0.4turn, #071033, #6039A4); - $tooltip-gradient: linear-gradient(0.2turn, rgba(#071033, 0.8), rgba(#6039A4, 0.8)); - $high-contrast-text-color: #282828; - $default-contrast-text-color: #4D4D4D; - $low-contrast-text-color: #939393; + // Decorative/gradient colors (not for text) + $accent-1: #4FACFE; + $accent-2: #00F2FE; + $accent-3: #E6E9EC; + $accent-4: #C471F5; + $accent-5: #F9F9F9; + $site-gradient: linear-gradient(135deg, #00F2FE, #4FACFE, #C471F5); + $tooltip-gradient: linear-gradient(135deg, rgba(#4FACFE, 0.9), rgba(#C471F5, 0.9)); + + // WCAG 2.1 AA compliant text colors (min 4.5:1 on white) + $high-contrast-text-color: #282828; // 14.74:1 ✓ + $default-contrast-text-color: #4D4D4D; // 8.45:1 ✓ + $low-contrast-text-color: #767676; // 4.54:1 ✓ (was #939393 @ 3.07:1) $native-contrast-text-color: #F7F5FF; $menu-text: #fff; $canvas: #fff; + + // Accessible interactive colors for light mode + $link-color-accessible: #008389; // 4.56:1 ✓ (was #00F2FE @ 1.39:1) + $primary-accessible: #387AB4; // 4.55:1 ✓ (was #4FACFE @ 2.42:1) + $positive-accessible: #1E8283; // 4.59:1 ✓ (was #30CFD0 @ 1.92:1) --text-high-contrast: #{$high-contrast-text-color}; --text-default-contrast: #{$default-contrast-text-color}; --text-low-contrast: #{$low-contrast-text-color}; --native-contrast-text-color: #{$native-contrast-text-color}; - --link-color: #{$accent-2}; + --link-color: #{$link-color-accessible}; --menu-text: #{$menu-text}; - --accent-color: #{$accent-1}; - --accent-color-2: #{$accent-2}; + --accent-color: #{$primary-accessible}; + --accent-color-2: #{$link-color-accessible}; --accent-color-3: #{$accent-3}; - --accent-color-4: #{$accent-4}; + --accent-color-4: #9B59C2; // Accessible purple (4.56:1) --accent-color-5: #{$accent-5}; - --negative-color: #{$negative}; - --positive-color: #{$positive}; + --negative-color: #CC3366; // Accessible negative (accessible by default) + --positive-color: #{$positive-accessible}; --warning-color-ui: #{$warning}; - --warning-color-text: #804A00; + --warning-color-text: #804A00; // 7.25:1 ✓ - --negative-muted: #{rgba($negative, 0.5)}; - --positive-muted: #{rgba($positive, 0.5)}; + --negative-muted: #{rgba(#CC3366, 0.5)}; + --positive-muted: #{rgba($positive-accessible, 0.5)}; --bg-color: #{$canvas}; --site-gradient: #{$site-gradient}; + + // Darker sidebar gradient - easier on the eyes with white text + // Uses deeper tones of the brand colors for better readability + --sidebar-gradient: linear-gradient(135deg, #0891A8 0%, #2D6B9E 50%, #7B4AAD 100%); --card-background-color: #{$canvas}; --header-background-color: #{$accent-5}; --display-telos-branding-bg: none; - --q-primary: #{$primary} !important; + // Quasar theme colors - using accessible versions for light mode + --q-primary: #{$primary-accessible} !important; // #387AB4 (4.55:1) --q-secondary: #{$secondary} !important; - --q-accent: #{$accent} !important; + --q-accent: #9B59C2 !important; // Accessible purple (4.56:1) --header-icon-color: var(--q-primary); --toolbar-background-color: #{$tooltip-gradient}; @@ -97,23 +118,23 @@ body.body--light { // Dark Mode body.body--dark { - $text-header: #F7F5FF; - $page-header: #2b0f46; - - $accent-1: #571AFF; - $accent-2: #505DCD; - $accent-3: #DDD1FF; - $accent-4: #A5A6F6; - $accent-5: #F7F5FF; + $text-header: #FFFFFF; + $page-header: #1B1B1D; + + $accent-1: #00F2FE; + $accent-2: #4FACFE; + $accent-3: #404142; + $accent-4: #C471F5; + $accent-5: #2C2B2F; $high-contrast-text-color: #ffffff; $default-contrast-text-color: #ffffff; - $low-contrast-text-color: #939393; - $native-contrast-text-color: #282828; + $low-contrast-text-color: #92939A; + $native-contrast-text-color: #1B1B1D; $menu-text: #fff; - $canvas: #111; + $canvas: #1B1B1D; - $site-gradient: linear-gradient(0.7turn, #1d1d1d, #1e2931); - $tooltip-gradient: linear-gradient(0.2turn, rgba(#232a30, 0.8), rgba(#173246, 0.8)); + $site-gradient: linear-gradient(135deg, #1B1B1D, #2C2B2F); + $tooltip-gradient: linear-gradient(135deg, rgba(#2C2B2F, 0.95), rgba(#404142, 0.95)); --text-high-contrast: #{$high-contrast-text-color}; @@ -137,6 +158,7 @@ body.body--dark { --bg-color: #{$canvas}; --site-gradient: #{$site-gradient}; + --sidebar-gradient: #{$site-gradient}; // Dark mode already uses a dark gradient --card-background-color: #{$dark}; --header-background-color: var(--card-background-color); @@ -219,7 +241,7 @@ body.body--dark, body.body--light { } @mixin gradient_text() { - @include gradient_inline_text(linear-gradient(0.4turn, $gradientblue, $gradientPurple)); + @include gradient_inline_text(linear-gradient(135deg, $gradientCyan, $gradientBlue, $gradientPurple)); } /** @@ -272,5 +294,5 @@ body.body--dark, body.body--light { } @mixin gradient_border() { - @include bordient(4px, 1px, $gradientTransparent, $gradientblue, $gradientPurple, $gradientPurple, $gradientblue); + @include bordient(4px, 1px, $gradientTransparent, $gradientCyan, $gradientBlue, $gradientPurple, $gradientCyan); } diff --git a/src/css/quasar.variables.sass b/src/css/quasar.variables.sass index e8e56a74..e96fd3d8 100644 --- a/src/css/quasar.variables.sass +++ b/src/css/quasar.variables.sass @@ -1,40 +1,49 @@ // Quasar Sass (& SCSS) Variables // -------------------------------------------------- -// To customize the look and feel of this app, you can override -// the Sass/SCSS variables found in Quasar's source Sass/SCSS files. - -// Check documentation for full list of Quasar variables - -// Your own variables (that are declared here) and Quasar's own -// ones will be available out of the box in your .vue/.scss/.sass files - -// It's highly recommended to change the default colors -// to match your app's branding. -// Tip: Use the "Theme Builder" on Quasar's documentation website. - -$primary : #571aff -$secondary : #dfdfed -$accent : #505DCD - -$positive : #255B00 -$negative : #880000 -$info : #dfdfed -$warning : #AD6500 - -$dark : #1d1d1d - -$d-primary : #348DCC -$d-secondary : #8B3F98 -$d-accent : #73C58F - -$d-positive : #398f00 -$d-negative : #CC0000 -$d-info : #dfdfed -$d-warning : #d87e00 - - -$available-color: #172c6c -$notify-success: #255B00 -$notify-error: #880000 -$notify-neutral: #4D4D4D -$notify-info: #008888 +// Telos Brand Update - January 2026 +// Based on official Telos brand guidelines +// https://www.telos.net/branding + +// Primary brand colors (from Telos gradient midpoint) +$primary : #4FACFE +$secondary : #C7CCD0 +$accent : #C471F5 + +// Status colors +$positive : #30CFD0 +$negative : #CC3366 +$info : #4FACFE +$warning : #CFFF93 + +// Dark backgrounds +$dark : #1B1B1D + +// Dark mode variants (adjusted for contrast) +$d-primary : #00F2FE +$d-secondary : #92939A +$d-accent : #C471F5 + +$d-positive : #30CFD0 +$d-negative : #FA71CD +$d-info : #4FACFE +$d-warning : #CFFF93 + +// Brand greys +$grey-50 : #F9F9F9 +$grey-100 : #E6E9EC +$grey-200 : #C7CCD0 +$grey-300 : #ACADB1 +$grey-400 : #92939A +$grey-500 : #7C7D83 +$grey-600 : #63656B +$grey-700 : #57595F +$grey-800 : #404142 +$grey-900 : #2C2B2F +$off-black : #1B1B1D + +// Utility colors +$available-color: #0088FF +$notify-success: #30CFD0 +$notify-error: #CC3366 +$notify-neutral: #63656B +$notify-info: #4FACFE diff --git a/src/pages/home/HomePage.vue b/src/pages/home/HomePage.vue index 3d95ae56..00135968 100644 --- a/src/pages/home/HomePage.vue +++ b/src/pages/home/HomePage.vue @@ -170,7 +170,7 @@ watch(selectedNetwork, () => {