fix problems

src/Components/Buttons/CommanderDamage.tsx

@@ -88,14 +88,6 @@ const CommanderDamageTextContainer = styled.p<{
   }}
 `;
 
-const LmaoContainer = styled.div`
-  /* top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-  width: 100px;
-  height: 100px; */
-`;
-
 const PartnerDamageSeperator = styled.div<{
   rotation: number;
 }>`

src/Components/Buttons/ExtraCounter.tsx

@@ -43,13 +43,6 @@ export const CenteredText = styled.div`
   -ms-user-select: none;
 `;
 
-const CenteredTextOutline = styled.span`
-  position: absolute;
-  left: 0;
-  -webkit-text-stroke: 0;
-  pointer-events: none;
-`;
-
 const IconContainer = styled.div<{
   rotation: number;
 }>`

src/Components/LifeCounter/LifeCounter.tsx

@@ -90,6 +90,7 @@ export const LifeCounterTextContainer = styled.p<{
   pointer-events: none;
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
+  user-select: none;
   -moz-user-select: -moz-none;
   -webkit-user-select: none;
   -ms-user-select: none;

src/Components/Text/OutlinedText.tsx

@@ -1,7 +1,16 @@
 import styled from 'styled-components';
-import { theme } from '../../Data/theme';
+// import { theme } from '../../Data/theme';
 
-export const CenteredText = styled.div<{
+const theme = {
+  palette: {
+    common: {
+      white: '#ffffff',
+      black: '#000000',
+    },
+  },
+};
+
+const CenteredText = styled.div<{
   strokeWidth?: string;
   strokeColor?: string;
   fillColor?: string;
@@ -14,7 +23,6 @@ export const CenteredText = styled.div<{
   transform: translate(-50%, -50%);
   font-weight: ${(props) => props.fontWeight || ''};
   font-variant-numeric: tabular-nums;
-  color: #b5b2b2;
   user-select: none;
   -webkit-touch-callout: none;
   -webkit-tap-highlight-color: transparent;
@@ -22,9 +30,9 @@ export const CenteredText = styled.div<{
   -webkit-user-select: none;
   -ms-user-select: none;
 
+  color: ${(props) => props.fillColor || theme.palette.common.black};
   font-size: ${(props) => props.fontSize || '6vmin'};
-  -webkit-text-stroke: ${(props) => props.strokeWidth || '1vmin'}
-    ${(props) => props.strokeColor || theme.palette.common.white};
+  -webkit-text-stroke: ${(props) => props.strokeWidth || '1vmin'} ${(props) => props.strokeColor || theme.palette.common.white};
   -webkit-text-fill-color: ${(props) =>
     props.fillColor || theme.palette.common.black};
 `;