// External libraries
// 'react-grid-layout/css/styles.css';
// 'react-resizable/css/styles.css';
// ... are being imported via JS in grid/dashboard_grid.js

// Temporary hacks
@import 'hacks';

// Prefix all styles with "dsh" to avoid conflicts.
// Examples
//   dshChart
//   dshChart__legend
//   dshChart__legend--small
//   dshChart__legend-isLoading

/**
 * 1. Don't duplicate styles in dark mode
 */
.theme-light { /* 1 */
  @import 'dashboard_app';
  @import 'grid/index';
  @import 'panel/index';
  @import 'viewport/index';
}

// Imports outside of theme selector don't change between light/dark modes
@import 'components/index';

// Must be outside of theme selector because it lives in a portal
@import 'panel/panel_header/panel_options_menu_form';

// DARK THEME
// EUI global scope -- dark
@import '@elastic/eui/src/themes/k6/k6_colors_dark';

.theme-dark {
  background-color: $euiColorEmptyShade;

  @import 'dashboard_app';
  @import 'grid/index';
  @import 'panel/index';
  @import 'viewport/index';

  // Vis imports -- will have some duplicate styling
  // because they will be imported via ui/public as well
  // (without .theme-[] prefix)
  @import 'src/ui/public/vis/map/index';
}
