calendar changes

actualbudget · Nov 12, 2023 · 130ef40 · 130ef40
1 parent ba142b0
commit 130ef40
Show file tree

Hide file tree

Showing 4 changed files with 25 additions and 7 deletions.
diff --git a/packages/desktop-client/src/components/select/DateSelect.tsx b/packages/desktop-client/src/components/select/DateSelect.tsx
@@ -35,8 +35,8 @@ import DateSelectRight from './DateSelect.right.png';
 
 let pickerStyles = {
   '& .pika-single.actual-date-picker': {
-    color: theme.menuAutoCompleteText,
-    background: theme.menuAutoCompleteBackground,
+    color: theme.calendarText,
+    background: theme.calendarBackground,
     border: 'none',
     boxShadow: '0 0px 4px rgba(0, 0, 0, .25)',
     borderRadius: 4,
@@ -49,7 +49,7 @@ let pickerStyles = {
     },
     // month/year
     '& .pika-label': {
-      backgroundColor: theme.sidebarBackground,
+      backgroundColor: theme.calendarBackground,
     },
     // Back/forward buttons
     '& .pika-prev': {
@@ -60,19 +60,19 @@ let pickerStyles = {
     },
     // Day of week
     '& .pika-table th': {
-      color: theme.sidebarItemText,
+      color: theme.calendarItemText,
       '& abbr': { textDecoration: 'none' },
     },
     // Numbered days
     '& .pika-button': {
-      backgroundColor: theme.sidebarItemBackgroundHover,
-      color: theme.sidebarItemText,
+      backgroundColor: theme.calendarItemBackground,
+      color: theme.calendarItemText,
     },
     '& .is-today .pika-button': {
       textDecoration: 'underline',
     },
     '& .is-selected .pika-button': {
-      backgroundColor: theme.altButtonNormalSelectedBackground,
+      backgroundColor: theme.calendarSelectedBackground,
       boxShadow: 'none',
     },
   },

diff --git a/packages/desktop-client/src/style/themes/dark.ts b/packages/desktop-client/src/style/themes/dark.ts
@@ -122,6 +122,12 @@ export const buttonNormalDisabledText = colorPalette.navy500;
 export const buttonNormalDisabledBackground = colorPalette.navy800;
 export const buttonNormalDisabledBorder = colorPalette.navy500;
 
+export const calendarText = colorPalette.navy50;
+export const calendarBackground = colorPalette.navy900;
+export const calendarItemText = colorPalette.navy150;
+export const calendarItemBackground = colorPalette.navy800;
+export const calendarSelectedBackground = buttonNormalSelectedBackground;
+
 export const buttonBareText = buttonNormalText;
 export const altButtonBareText = buttonBareText;
 export const buttonBareTextHover = buttonNormalText;

diff --git a/packages/desktop-client/src/style/themes/development.ts b/packages/desktop-client/src/style/themes/development.ts
@@ -119,6 +119,12 @@ export const buttonNormalDisabledText = colorPalette.navy500;
 export const buttonNormalDisabledBackground = colorPalette.navy800;
 export const buttonNormalDisabledBorder = colorPalette.navy500;
 
+export const calendarText = colorPalette.navy50;
+export const calendarBackground = colorPalette.navy900;
+export const calendarItemText = colorPalette.navy150;
+export const calendarItemBackground = colorPalette.navy800;
+export const calendarSelectedBackground = colorPalette.navy500;
+
 export const buttonBareText = colorPalette.navy50;
 export const altButtonBareText = buttonBareText;
 export const buttonBareTextHover = colorPalette.navy200;

diff --git a/packages/desktop-client/src/style/themes/light.ts b/packages/desktop-client/src/style/themes/light.ts
@@ -126,6 +126,12 @@ export const buttonNormalDisabledText = colorPalette.navy300;
 export const buttonNormalDisabledBackground = buttonNormalBackground;
 export const buttonNormalDisabledBorder = buttonNormalBorder;
 
+export const calendarText = colorPalette.navy50;
+export const calendarBackground = colorPalette.navy900;
+export const calendarItemText = colorPalette.navy150;
+export const calendarItemBackground = colorPalette.navy800;
+export const calendarSelectedBackground = colorPalette.navy500;
+
 export const buttonBareText = buttonNormalText;
 export const altButtonBareText = colorPalette.navy200;
 export const buttonBareTextHover = buttonNormalText;