add secondary live lcation color

Signed-off-by: Kerry Archibald <[email protected]>

Author: Kerry Archibald

res/css/components/views/beacon/_StyledLiveBeaconIcon.scss

@@ -23,8 +23,7 @@ limitations under the License.
     border-radius: 50%;
 
     background-color: $location-live-color;
-    // 20% brightness $location-live-color
-    border-color: #deddfd;
+    border-color: $location-live-secondary-color;
     padding: 2px;
     // colors icon
     color: white;

res/themes/dark/css/_dark.scss

@@ -185,6 +185,7 @@ $video-feed-secondary-background: $system;
 // Location sharing
 // ********************
 $location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
 // ********************
 
 // Location sharing

res/themes/legacy-dark/css/_legacy-dark.scss

@@ -192,6 +192,7 @@ $eventbubble-reply-color: #C1C6CD;
 // ********************
 $location-marker-color: #ffffff;
 $location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
 // ********************
 
 // ***** Mixins! *****

res/themes/legacy-light/css/_legacy-light.scss

@@ -288,6 +288,7 @@ $groupFilterPanel-divider-color: $tertiary-content;
 // ********************
 $location-marker-color: #ffffff;
 $location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
 // ********************
 
 // ***** Mixins! *****

res/themes/light/css/_light.scss

@@ -302,6 +302,7 @@ $copy-button-url: "$(res)/img/feather-customised/clipboard.svg";
 // ********************
 $location-marker-color: #ffffff;
 $location-live-color: #5c56f5;
+$location-live-secondary-color: #deddfd;
 // ********************
 
 // Mixins