Sha256: 5a986b3168c9e9ac116fbe1cb63cf3fc497547ef7eacd93ff67798413f2c21b8

Contents?: true

Size: 1.78 KB

Versions: 17

Compression:

Stored size: 1.78 KB

Contents

[data-bs-theme="dark"] {
  .navbar.application-menu {
    background-color: #15303a !important;
  }

  .dropdown-item:hover {
    --bs-dropdown-link-hover-bg: #{$blue-700};
  }

  .flash.toast {
    &.notice {
      .toast-body {
        color: #{$white};
        background: #{$blue-700};
      }
    }

    &.alert {
      .toast-body {
        color: #{$white};
        background: #{$red-700};
      }
    }
  }

  .json-field {
    .form-group {
      background-color: #5857571f;
    }
  }

  .popover {
    .popover-header {
      background-color: #{$dark};
    }
  }

  .search-field-results {
    background-color: $dark;
    .search-field-result {
      color: #{$light};
    }
    .search-field-result {
      cursor: pointer;
      &:hover {
        background-color: #{darken($blue, 8%)};
        color: #{$light};
      }
    }
  }

  table {
    tbody {
      tr {
        &.odd {
          td, th { background-color: #{rgba($dark, 0.3)}; }
        }

        &.even {
          td, th { background-color: #{lighten(rgba($dark, 0.3), 8%)}; }
        }

        &:hover {
          td, th { background-color: #{rgba($primary, 0.2)}; }
        }
      }
    }
  }

  .pagination {
      .page-link {
        --bs-pagination-active-bg: #505050;
        --bs-pagination-active-color: #{darken($light, 10%)};
      }
      --bs-pagination-hover-color: #8e8c84;
      --bs-pagination-focus-box-shadow: 0 0 0 0.25rem rgba(50, 93, 136, 0.25);
      --bs-pagination-active-color: #333433;
      --bs-pagination-active-bg: #626262;
      --bs-pagination-bg: #{$dark};
      --bs-pagination-disabled-bg: #464646;
      --bs-pagination-border-color: #{$dark};
      --bs-pagination-active-border-color: #{$dark};
      --bs-pagination-disabled-color: #dfd7ca;
      --bs-pagination-disabled-border-color: #000;
  }
}

Version data entries

17 entries across 17 versions & 1 rubygems

Version Path
active_element-0.0.31 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.30 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.29 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.28 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.27 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.26 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.24 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.23 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.22 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.21 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.19 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.18 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.17 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.16 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.15 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.14 app/assets/stylesheets/active_element/_dark.scss
active_element-0.0.13 app/assets/stylesheets/active_element/_dark.scss