diff --git a/public/branding/android-chrome-192x192.png b/public/branding/android-chrome-192x192.png index 010c84f4..5ac8ac5d 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..8754abb3 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..992a6db1 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..3e98940b 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..09278294 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..b26b801f 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..c527dcf8 100644 Binary files a/public/branding/stlos.png and b/public/branding/stlos.png differ diff --git a/public/branding/telos-logo-dark.png b/public/branding/telos-logo-dark.png index 0aa09a54..35c9df34 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..d28c2347 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..90a97199 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..a638546b 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..0a622d65 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..ad41f7d0 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/tlos.ico b/public/branding/tlos.ico new file mode 100644 index 00000000..ad41f7d0 Binary files /dev/null and b/public/branding/tlos.ico differ diff --git a/public/branding/wrappedtlos.png b/public/branding/wrappedtlos.png new file mode 100755 index 00000000..ad78dafa Binary files /dev/null and b/public/branding/wrappedtlos.png differ diff --git a/public/favicon.ico b/public/favicon.ico index a4ecbef1..b26b801f 100644 Binary files a/public/favicon.ico and b/public/favicon.ico differ diff --git a/src/components/evm/AppNav.vue b/src/components/evm/AppNav.vue index 87d01846..74ab3df2 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(--menu-gradient); z-index: $z-index--menu; &--open { diff --git a/src/css/global/_colors.scss b/src/css/global/_colors.scss index bd65543c..e5270692 100644 --- a/src/css/global/_colors.scss +++ b/src/css/global/_colors.scss @@ -27,7 +27,7 @@ body.body--light { $accent-3: #DDD1FF; $accent-4: #A5A6F6; $accent-5: #F7F5FF; - $site-gradient: linear-gradient(0.4turn, #071033, #6039A4); + $site-gradient: linear-gradient(0.4turn, rgba(0, 242, 254, 0.4), rgba(196, 113, 245, 0.5)); $tooltip-gradient: linear-gradient(0.2turn, rgba(#071033, 0.8), rgba(#6039A4, 0.8)); $high-contrast-text-color: #282828; $default-contrast-text-color: #4D4D4D; @@ -58,9 +58,10 @@ body.body--light { --bg-color: #{$canvas}; --site-gradient: #{$site-gradient}; + --menu-gradient: linear-gradient(0.4turn, #0891b2, #8b5cf6); --card-background-color: #{$canvas}; - --header-background-color: #{$accent-5}; + --header-background-color: #{$site-gradient}; --display-telos-branding-bg: none; --q-primary: #{$primary} !important; @@ -112,7 +113,7 @@ body.body--dark { $menu-text: #fff; $canvas: #111; - $site-gradient: linear-gradient(0.7turn, #1d1d1d, #1e2931); + $site-gradient: linear-gradient(0.7turn, #0a0a0b, #1a1625); $tooltip-gradient: linear-gradient(0.2turn, rgba(#232a30, 0.8), rgba(#173246, 0.8)); @@ -137,6 +138,7 @@ body.body--dark { --bg-color: #{$canvas}; --site-gradient: #{$site-gradient}; + --menu-gradient: #{$site-gradient}; --card-background-color: #{$dark}; --header-background-color: var(--card-background-color); diff --git a/src/css/quasar.variables.sass b/src/css/quasar.variables.sass index e8e56a74..4cec18d0 100644 --- a/src/css/quasar.variables.sass +++ b/src/css/quasar.variables.sass @@ -12,9 +12,9 @@ // to match your app's branding. // Tip: Use the "Theme Builder" on Quasar's documentation website. -$primary : #571aff -$secondary : #dfdfed -$accent : #505DCD +$primary : #0891b2 +$secondary : #3b82f6 +$accent : #8b5cf6 $positive : #255B00 $negative : #880000 @@ -23,9 +23,9 @@ $warning : #AD6500 $dark : #1d1d1d -$d-primary : #348DCC -$d-secondary : #8B3F98 -$d-accent : #73C58F +$d-primary : #00F2FE +$d-secondary : #4FACFE +$d-accent : #C471F5 $d-positive : #398f00 $d-negative : #CC0000 diff --git a/src/pages/home/HomePage.vue b/src/pages/home/HomePage.vue index 3d95ae56..dd43636d 100644 --- a/src/pages/home/HomePage.vue +++ b/src/pages/home/HomePage.vue @@ -170,7 +170,7 @@ watch(selectedNetwork, () => {