/* This file allows to setup the ianitrix theme */
/* TODO HEADER */

:root {
  /* Main style */
  --ianitrix-bg-color: #f8f8f4;
  --ianitrix-txt-color: #191818;

    /* Others style */
  --ianitrix-color-red: #d0413a;
  --ianitrix-color-amber: #d09b3a;
  --ianitrix-color-green: #2da13b;
  --ianitrix-color-teal: #3c74dc;
  --ianitrix-color-litegrey: #babab7;
  --ianitrix-color-darkgrey: #7c7c7a;

  --ianitrix-h1-txt-color: #191818;
  --ianitrix-h2-txt-color: #191818;
  --ianitrix-h3-txt-color: #191818;
  --ianitrix-h4-txt-color: #191818;
  --ianitrix-h5-txt-color: #191818;
  --ianitrix-h6-txt-color: #191818;

  /* Navbar style */
  --ianitrix-navbar-txt-color: #f8f8f4;
  --ianitrix-navbar-txt-color-hover: #f8f8f4;
  --ianitrix-navbar-select-color-hover: #f8f8f4;
  --ianitrix-navbar-bg: #30508a;

  /* Sidebar style  */
  --ianitrix-sidebar-txt-color: #f8f8f4;
  --ianitrix-sidebar-bg-color: #191818;


  /* button style */
  --ianitrix-button-color: #30508a;
  --ianitrix-actionbutton-color: var(--ianitrix-button-color);
  --ianitrix-actionbutton-bg : var(--ianitrix-bg-color);

  /* Banner style */
  --ianitrix-banner-annouce-txt-color: #f8f8f4;
  --ianitrix-banner-annouce-bg-color: #191818;

  /* Grid style */
  --ianitrix-grid-header-bg-color: #30508a;
  --ianitrix-grid-header-txt-color: #f8f8f4;
  --ianitrix-grid-txt-color: #191818;
  --ianitrix-grid-odd-row-bg-color: #f8f8f4;
  --ianitrix-grid-border-color : #babab7;
  --ianitrix-grid-secondary-border-color : #f8f8f4;
  --ianitrix-grid-active-color: #2196f3;

  /* User Comments style */
  --ianitrix-comment-bg-color: #f8f8f4;
  --ianitrix-comment-txt-color: #191818;
  --ianitrix-comment-border-color: #30508a;

  /* item selection */
  --ianitrix-select-bg-color: var(--ianitrix-color-litegrey);
  --ianitrix-select-txt-color: var(--ianitrix-txt-color);
  /* item selection */
  --ianitrix-select-active-bg-color: var(--ianitrix-navbar-bg);
  --ianitrix-select-active-txt-color: var(--ianitrix-sidebar-txt-color);


  /* Dates created, updates, closed style */
  --ianitrix-dates-bg-color: #f8f8f4;
  --ianitrix-dates-txt-color: #191818;
  --ianitrix-dates-border-color: #30508a;

  --ianitrix-toggler-handle-no: var(--ianitrix-button-color);
  --ianitrix-toggler-handle-na: var(--ianitrix-button-color);
  --ianitrix-toggler-handle-yes: var(--ianitrix-button-color);
  --ianitrix-toggler-bg-no: var(---ianitrix-color-red);
  --ianitrix-toggler-bg-na: var(--ianitrix-color-litegrey);
  --ianitrix-toggler-bg-yes: var(--ianitrix-color-green);

    /* URL */
  --ianitrix-url-color: var(--ianitrix-navbar-bg);

    /* Filters */
    --ianitrix-filter-bg: var(--ianitrix-navbar-bg);
    --ianitrix-filter-color: var(--ianitrix-navbar-txt-color);
    --ianitrix-filter-hover-bg: var(--ianitrix-color-teal);
    --ianitrix-filter-tag-bg: var(--ianitrix-navbar-txt-color);
    --ianitrix-filter-tag-color: var(--ianitrix-navbar-bg);


}