From 1acd6770a5fd815ac25d972765f650482f1731a6 Mon Sep 17 00:00:00 2001
From: "smx.pusha" <139338836+smxpusha@users.noreply.github.com>
Date: Wed, 12 Aug 2026 09:23:41 +0200
Subject: [PATCH] FIX - match EasyShare control button styling

---
 frontend/src/components/PhoneControlCenter.vue | 13 ++-----------
 1 file changed, 2 insertions(+), 11 deletions(-)

diff --git a/frontend/src/components/PhoneControlCenter.vue b/frontend/src/components/PhoneControlCenter.vue
index d1b1689..263b50a 100644
--- a/frontend/src/components/PhoneControlCenter.vue
+++ b/frontend/src/components/PhoneControlCenter.vue
@@ -92,10 +92,6 @@ const flashlightColors = computed(() =>
       }
     : inactiveGlassColors,
 )
-const easyShareColors = {
-  bgIos: 'bg-[#0a84ff]',
-  shadowIos: 'shadow-ios-dark-glass',
-}
 const brightnessStyle = computed<CSSProperties>(() => ({
   '--control-level': `${brightness.value}%`,
 }))
@@ -413,8 +409,8 @@ onBeforeUnmount(() => {
             <k-glass
               component="button"
               type="button"
-              class="control-center__round-button control-center__round-button--easyshare"
-              :colors="easyShareColors"
+              class="control-center__round-button"
+              :colors="inactiveGlassColors"
               :disabled="easySharePending || !phone.device?.sim"
               :aria-label="phone.t('ControlCenter.easyShareContact')"
               @click="shareOwnContact"
@@ -780,11 +776,6 @@ onBeforeUnmount(() => {
   color: #ff453a;
 }
 
-.control-center__round-button--easyshare {
-  background: #0a84ff !important;
-  box-shadow: 0 8px 22px rgb(10 132 255 / 34%) !important;
-}
-
 .control-center__focus-button {
   display: flex;
   grid-column: 1 / span 2;