Increase contrast in dark mode for various buttons

opencast · Jul 14, 2023 · 735955c · 735955c
1 parent 9469d12
commit 735955c
Show file tree

Hide file tree

Showing 3 changed files with 2 additions and 3 deletions.
diff --git a/src/cssStyles.tsx b/src/cssStyles.tsx
@@ -100,7 +100,7 @@ export const basicButtonStyle = (theme: Theme) => css({
 export const deactivatedButtonStyle = css({
   borderRadius: '10px',
   cursor: "pointer",
-  opacity: "0.4",
+  opacity: "0.6",
   // Flex position child elements
   display: 'flex',
   justifyContent: 'center',

diff --git a/src/main/Timeline.tsx b/src/main/Timeline.tsx
@@ -282,7 +282,6 @@ export const SegmentsList: React.FC<{
 }) => {
 
   const { t } = useTranslation();
-  const theme = useSelector(selectTheme)
 
   // Init redux variables
   const segments = useSelector(selectSegments)

diff --git a/src/themes.ts b/src/themes.ts
@@ -78,7 +78,7 @@ export const darkMode: Theme = {
   dropdown_border: `1px solid ${COLORS.neutral40}`,
   menuButton_outline: '2px solid transparent',
   button_outline: '0px solid transparent',
-  button_color: COLORS.neutral10,
+  button_color: COLORS.neutral20,
   indicator_color: COLORS.neutral60,
   icon_color: 'rgba(255, 255, 255, 0.87)',
   background_finish_menu_icon: COLORS.neutral15,