fix: session button hover color fixed

ts/components/basic/SessionButton.tsx

@@ -92,10 +92,10 @@ const StyledButton = styled.div<{
 
   &:not(.disabled) {
     &:hover {
+      color: ${props => `var(--button-${props.buttonType}-text-hover-color)`};
       ${props =>
         props.buttonType &&
         `background-color: var(--button-${props.buttonType}-background-hover-color);`};
-      ${props => props.color && `color: var(--button-${props.buttonType}-text-color);`}
       ${props =>
         props.buttonType === SessionButtonType.Outline &&
         'outline: none; border: 1px solid var(--button-outline-border-hover-color);'};

ts/themes/SessionTheme.tsx

@@ -542,7 +542,7 @@ export const SessionGlobalStyles = createGlobalStyle`
     --button-solid-shadow-color: rgba(${hexColorToRGB(THEMES.CLASSIC_LIGHT.COLOR0)}, 0.25);
 
     /* Simple */
-    /* TODO Theming - Should this be different? */
+    --button-simple-text-color: var(--text-primary-color);
     --button-simple-disabled-color: var(--text-primary-color);
 
     /* Icons */

ts/themes/switchTheme.ts

@@ -150,6 +150,11 @@ function loadClassicLight() {
     `rgba(${hexColorToRGB(THEMES.CLASSIC_LIGHT.COLOR0)}, 0.25)`
   );
 
+  document.documentElement.style.setProperty(
+    '--button-simple-text-color',
+    'var(--text-primary-color)'
+  );
+
   document.documentElement.style.setProperty(
     '--button-simple-disabled-color',
     'var(--text-primary-color)'
@@ -490,6 +495,11 @@ function loadClassicDark() {
   );
   document.documentElement.style.setProperty('--button-solid-shadow-color', 'none');
 
+  document.documentElement.style.setProperty(
+    '--button-simple-text-color',
+    'var(--text-primary-color)'
+  );
+
   document.documentElement.style.setProperty(
     '--button-simple-disabled-color',
     'var(--text-primary-color)'