/* ==UserStyle==
@name           Gruvbox for Paperless
@namespace      git.m3.fyi/Marsn3
@version        1.0.1
@description    Gruvbox Theme for Paperless
@author         Marsn3
@homepageURL https://git.m3.fyi/Marsn3/userstyles
@updateURL https://git.m3.fyi/Marsn3/userstyles/raw/branch/main/src/paperless.user.css
@license MIT
==/UserStyle== */
@-moz-document domain("paper.m3.fyi") {
  body.color-scheme-system {
    --bs-body-color: var(--fg);
    --bs-body-bg: var(--bg1);
    --bs-light-rgb: var(--rgb-bg);
    --bs-danger: var(--red);
    --bs-danger-rgb: var(--rgb-red);
    --bs-border-color: var(--fg4);
    --pngx-bg-darker: var(--bg4);
    --bs-secondary: var(--fg2);
    --pngx-body-color-accent: var(--fg1);
    --pngx-primary-text-contrast: var(--bg2) !important;
  }
  .pagination {
    --bs-pagination-disabled-color: var(--fg3);
  }
  .btn-outline-secondary {
    --bs-btn-border-color: var(--fg4);
    --bs-btn-hover-border-color: var(--fg3);
  }
  :root {
    --primary: var(--green);
    --secondary: var(--green-dim);
    --primary-fg: var(--fg);
    --header-color: var(--fg);
    --link-fg: var(--blue-dim);
    --link-hover-color: var(--blue);
    --hairline-color: var(--fg4);
    --body-bg: var(--bg2);
    --darkened-bg: var(--bg1);
    --body-fg: var(--fg);
    --body-quiet-color: var(--fg);
    --accent: var(--fg);
    --selected-row: var(--bg_s);
    --object-tools-bg: var(--bg3);
    --object-tools-fg: var(--fg);
  }
  .btn-link {
    --bs-btn-disabled-color: var(--fg3);
  }
  .bg-body {
    background-color: var(--bg1) !important;
  }
  .text-muted {
    color: var(--fg4) !important;
  }
  .btn-primary {
    color: var(--fg);
    background-color: var(--green);
    border-color: var(--green);
  }
  .btn-primary:hover,
  .btn-primary:focus,
  .btn-primary:not(:disabled):not(.disabled):active {
    color: var(--fg1);
    background-color: var(--green-dim);
    border-color: var(--green-dim);
  }
  .btn-primary.focus,
  .form-control:focus,
  .btn-primary:focus {
    box-shadow: none;
  }
  path[style="fill:#17541f"] {
    fill: var(--green) !important;
  }
  svg.logo .text {
    fill: var(--fg) !important;
  }
  body {
    background-color: var(--bg) !important;
    color: var(--fg);
  }
  .form-control:not(.btn) {
    color: var(--fg1);
    background-color: var(--bg2);
  }
  .form-control:not(.is-invalid):not(.btn) {
    border-color: var(--fg4);
  }
  .form-control {
    border: 1px solid var(--fg1);
  }
  input::placeholder,
  textarea::placeholder {
    color: var(--fg2) !important;
  }
  .form-control:not(.btn):focus {
    color: var(--fg4) !important;
    background-color: var(--bg1) !important;
  }
  .navbar[_ngcontent-swg-c118]
    .search-form-container[_ngcontent-swg-c118]
    .form-control[_ngcontent-swg-c118] {
    background-color: var(--bg2);
  }
  .bg-secondary {
    background-color: var(--bg4) !important;
  }
}