@external rstudio-themes-dark;

@external rstudio-themes-default, rstudio-themes-dark-grey, rstudio-themes-alternate;

@eval THEME_DEFAULT_BACKGROUND org.rstudio.core.client.theme.ThemeColors.defaultBackground;
@eval THEME_DARKGREY_BACKGROUND org.rstudio.core.client.theme.ThemeColors.darkGreyBackground;
@eval THEME_ALTERNATE_BACKGROUND org.rstudio.core.client.theme.ThemeColors.alternateBackground;

@eval THEME_DEFAULT_BORDER org.rstudio.core.client.theme.ThemeColors.defaultBorder;
@eval THEME_DARKGREY_BORDER org.rstudio.core.client.theme.ThemeColors.darkGreyBorder;
@eval THEME_ALTERNATE_BORDER org.rstudio.core.client.theme.ThemeColors.alternateBorder;

.panel {
   width: 100%;
   padding: 0 8px 0 8px;
   margin-top: 10px;
   overflow: visible;
}

@sprite .center {
   gwt-image: 'menubarTile';
}

.center > table > tbody > tr > td {
   border-bottom: none;
}

.center {
   border-radius: 3px;
   border: solid 1px #000;
   height: 28px;
   padding: 0px;
}

.center > table {
   padding: 0px;
   height: 27px;
}

.rstudio-themes-dark .center {
   color: white;
}

.rstudio-themes-default .center {
   background: THEME_DEFAULT_BACKGROUND;
   border-color: THEME_DEFAULT_BORDER;
}

.rstudio-themes-dark-grey .center {
   background: THEME_DARKGREY_BACKGROUND;
   border-color: THEME_DARKGREY_BORDER;
}

.rstudio-themes-alternate .center {
   background: THEME_ALTERNATE_BACKGROUND;
   border-color: THEME_ALTERNATE_BORDER;
}
