Sha256: 5792a5d3e6b5a04580122fe9cd959ff2239e7dcb809c0e51830d50d6630c5faf

Contents?: true

Size: 1.96 KB

Versions: 4

Compression:

Stored size: 1.96 KB

Contents

$themes: (
  // [label, primary-color, darken-color, accent-color]
  ("keppler", $keppler-color, $keppler-darken, $keppler-accent),
  ("pink", $pink-color, $pink-darken, $pink-accent),
  ("cyan", $cyan-color, $cyan-darken, $cyan-accent),
  ("grey", $grey-color, $grey-darken, $grey-accent),
  ("amber", $amber-color, $amber-darken, $amber-accent),
  ("brown", $brown-color, $brown-darken, $brown-accent)
);

@each $label, $primary-color, $darken-color, $accent-color in $themes {
  .#{$label}-theme {
    .devise-box-header {
      background: $primary-color !important;
    }

    .modal-header{
      background: $primary-color;
    }

    nav,
    .header-information {
      background: $primary-color;
    }

    .listing-show-header{
      background: $darken-color;
    }

    .control-label.active {
      color: $accent-color !important;
    }

    .btn-add,
    .btn {
      background: $accent-color;
    }

    .btn-white {
      margin-right: 1rem;
      background: #dedede;
      color: $accent-color;
    }

    input[type=text]:focus:not([readonly]),
    input[type=password]:focus:not([readonly]),
    input[type=email]:focus:not([readonly]),
    input[type=url]:focus:not([readonly]),
    input[type=time]:focus:not([readonly]),
    input[type=date]:focus:not([readonly]),
    input[type=datetime-local]:focus:not([readonly]),
    input[type=tel]:focus:not([readonly]),
    input[type=number]:focus:not([readonly]),
    input[type=search]:focus:not([readonly]),
    textarea.materialize-textarea:focus:not([readonly]) {
      border-bottom: 1px solid $accent-color;
      box-shadow: 0 1px 0 0 $accent-color;
    }

    .checkbox_material [type="checkbox"]:checked + label:before {
      border-bottom: 2px solid $accent-color;
      border-right: 2px solid $accent-color;
    }

    [type="checkbox"].filled-in:checked + label:after {
      background-color: $accent-color;
      border: 2px solid $accent-color;
    }

    #nprogress .bar {
      background:  $accent-color;
    }
  }
}

Version data entries

4 entries across 4 versions & 1 rubygems

Version Path
keppler-2.0.3 installer/core/app/assets/stylesheets/admin/pages/_themes.scss
keppler-2.0.2 installer/core/app/assets/stylesheets/admin/pages/_themes.scss
keppler-2.0.1 installer/core/app/assets/stylesheets/admin/pages/_themes.scss
keppler-2.0.0 installer/core/app/assets/stylesheets/admin/pages/_themes.scss