Remove added color from theme types to prevent version bump

Signed-off-by: Philipp Hugenroth <philipph@spotify.com>

packages/core-components/src/layout/Sidebar/Bar.tsx

@@ -42,7 +42,7 @@ const useStyles = makeStyles<BackstageTheme>(theme => ({
     msOverflowStyle: 'none',
     scrollbarWidth: 'none',
     width: sidebarConfig.drawerWidthClosed,
-    borderRight: `1px solid ${theme.palette.navigation.divider}`,
+    borderRight: `1px solid #383838`,
     transition: theme.transitions.create('width', {
       easing: theme.transitions.easing.sharp,
       duration: theme.transitions.duration.shortest,

packages/core-components/src/layout/Sidebar/Items.tsx

@@ -344,15 +344,13 @@ export const SidebarSpacer = styled('div')({
   height: 8,
 });
 
-export const SidebarDivider = styled('hr')(
-  ({ theme }: { theme: BackstageTheme }) => ({
-    height: 1,
-    width: '100%',
-    background: theme.palette.navigation.divider,
-    border: 'none',
-    margin: '12px 0px',
-  }),
-);
+export const SidebarDivider = styled('hr')({
+  height: 1,
+  width: '100%',
+  background: '#383838',
+  border: 'none',
+  margin: '12px 0px',
+});
 
 const styledScrollbar = (theme: Theme): CreateCSSProperties => ({
   overflowY: 'auto',

packages/theme/src/themes.ts

@@ -66,7 +66,6 @@ export const lightTheme = createTheme({
       background: '#171717',
       indicator: '#9BF0E1',
       color: '#b5b5b5',
-      divider: '#383838',
       selectedColor: '#FFF',
     },
     pinSidebarButton: {
@@ -133,7 +132,6 @@ export const darkTheme = createTheme({
       background: '#424242',
       indicator: '#9BF0E1',
       color: '#b5b5b5',
-      divider: '#383838',
       selectedColor: '#FFF',
     },
     pinSidebarButton: {

packages/theme/src/types.ts

@@ -47,7 +47,6 @@ type PaletteAdditions = {
     background: string;
     indicator: string;
     color: string;
-    divider: string;
     selectedColor: string;
   };
   tabbar: {