default-dark-theme.js

export const defaultDarkTheme = {

  // sidebar 
  sidebar: {
    width: 250,
    textColor: '#E2E4E8',
    textSize: 16,
    backgroundColor: '#323639',
    logoBorderBottom: '1px solid gray',
    menuItemBorderBottom: '1px solid gray',
    menuItemHoverColor: '#5F6368',
    menuItemHoverBackgroundColor: '',
    menuItemActiveBackgroundColor: '#2E89FF',
    menuItemActiveTextColor: '#E4E6EB',
    iconColor: '#E4E6EB',
    iconHoverColor: '#FFFFFF',
    iconActiveColor: '#FFFFFF',
    iconSize: 22,
    iconMinWidth: 30,
    breakpoint: 'sm',
    groupItemBorderBottom: '1px solid gray',
    groupItemHoverColor: '#5F6368',
    groupItemHoverBackgroundColor: '',
    groupItemActiveBackgroundColor: '#2E89FF',
    groupItemActiveTextColor: '#E4E6EB',
    groupBackgroundColor: '#323639'   // background color of group items when it's open
  },

  // topbar
  topbar: {
    textColor: '#E4E6EB',
    textSize: 16,
    backgroundColor: '#323639',
    menuItemHoverColor: '#5F6368',
    iconColor: '#E4E6EB',
    iconSize: 22,
    logoAlwaysVisible: false
  },

  // Popup menus
  popupMenu: {
    backgroundColor: '#2D2E31',
    textColor: '#E2E4E8',
    textSize: 16,
    iconColor: '#D0D2D6',
    iconSize: 18,
    dividerColor: 'gray',
    hoverColor: '#5F6368',
    activeColor: '',
    selectedColor: '',
  },

  // main content
  mainContent: {
    textColor: '#E4E6EB',
    backgroundColor: '#525659',
    padding: 20
  },

  // footer
  footer: {
    height: 56,
    padding: 0,
    textColor: '#E4E6EB',
    textSize: 24,
    backgroundColor: '#323639',
  }

}