@import "_variables.less";
@import "_variables-dark.less";

body.dark-theme {
  .app {
    background: @primaryBackground;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    color: @headingColor;
  }
  h3 {
    border-bottom: 2px solid @headerBorderColor;
  }

  a {
    color: @linkColor;
    text-decoration: none;

    &:hover,
    &:active {
      text-shadow: none;
      text-decoration: underline;
    }
  }

  blockquote {
    padding: 4px 8px;
    background-color: @blockquoteBackground;
    border: 1px solid @blockquoteBorder;
    box-shadow: @blockquoteShadow;
  }

  hr {
    border-width: 0 0 1px 0;
    border-bottom: 1px solid @hrColor;
  }

  select {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
  }

  input[type="text"], input[type="number"], input[type="password"], input[type="date"], input[type="time"], select, textarea {
    color: @inputTextColor;
  }

  @import "components/forms-themes.less";
  @import "components/sidebar-themes.less";
  @import "components/foundry-nav-themes.less";
  @import "components/foundry-app-window-themes.less";
  @import "components/actor-themes.less";
}