Add option to toggle the Todos panel

2 files changed, 11 insertions, 1 deletions

diff --git a/packages/theme/src/themes/dark/index.ts b/packages/theme/src/themes/dark/index.ts
index cb1b33f2d..d29345298 100644
--- a/packages/theme/src/themes/dark/index.ts
+++ b/packages/theme/src/themes/dark/index.ts
@@ -124,6 +124,11 @@ export const todos = merge({}, defaultStyles.todos, {
   todosLayer: {
     borderLeftColor: legacyStyles.darkThemeGrayDarker,
   },
+  toggleButton: {
+    background: defaultStyles.styleTypes.primary.accent,
+    textColor: defaultStyles.styleTypes.primary.contrast,
+    shadowColor: 'rgba(0, 0, 0, 0.2)',
+  },
   dragIndicator: {
     background: legacyStyles.themeGrayLight,
   },
diff --git a/packages/theme/src/themes/default/index.ts b/packages/theme/src/themes/default/index.ts
index d524b8ea7..ac6e3f7c7 100644
--- a/packages/theme/src/themes/default/index.ts
+++ b/packages/theme/src/themes/default/index.ts
@@ -211,7 +211,12 @@ export const announcements = {
 // Todos
 export const todos = {
   todosLayer: {
-    borderLeftColor: legacyStyles.themeGrayDark,
+    borderLeftColor: legacyStyles.themeGrayLighter,
+  },
+  toggleButton: {
+    background: styleTypes.primary.accent,
+    textColor: styleTypes.primary.contrast,
+    shadowColor: 'rgba(0, 0, 0, 0.2)',
   },
   dragIndicator: {
     background: legacyStyles.themeGrayLight,