snipe-it/resources/assets/less/skins/skin-blue.less

/*
 * Skin: Blue
 * ----------
 */
@import "../bootstrap-less/mixins.less";
@import "../bootstrap-less/variables.less";
@import "../variables.less";
@import "../mixins.less";

.skin-blue {
  //Navbar
  .main-header {
    .navbar {
      .navbar-variant(@light-blue; #fff);
      .sidebar-toggle {
        color: #fff;
        &:hover {
          background-color: darken(@light-blue, 5%);
        }
      }
      @media (max-width: @screen-header-collapse) {
        .dropdown-menu {
          li {
            &.divider {
              background-color: rgba(255, 255, 255, 0.1);
            }
            a {
              color: #333;
              &:hover {
                background: darken(@light-blue, 5%);
              }
            }
          }
        }
      }
    }
    //Logo

    li.user-header {
      background-color: @light-blue;
    }
  }

  //Content Header
  .content-header {
    background: transparent;
  }

  //Create the sidebar skin
  .skin-dark-sidebar(@light-blue);
}

.skin-blue.layout-top-nav .main-header > .logo {
  .logo-variant {
    background-color: unset;
  }
}



.btn, btn-sm, .btn:hover {


  &.btn-primary, .btn-primary:link {
    background-color: darken(@light-blue, 10%);
    border-color: darken(@light-blue, 20%);
    color: #fff !important;
  }


  &a.btn-primary:hover {
    background-color: darken(@light-blue, 20%);
    border-color: darken(@light-blue, 20%);
    color: #fff;
  }

  &.btn-white:link {
    background-color: darken(@light-blue, 10%);
    color: #fff;
  }

  &.btn-white:hover {
    background-color: darken(@light-blue, 30%);
    color: #fff;
  }

  &.btn-white:visited {
    background-color: darken(@light-blue, 30%);
    color: #fff;
  }
}



.btn-warning, .btn-warning:link, a.btn-warning:hover, .btn-warning:link, .btn-warning:visited,
.btn-danger, .btn-danger:link, a.btn-danger:hover, .btn-danger:link, .btn-danger:visited
{
    color: #fff;
}

.btn-default:link, a.btn-default:hover, .btn-default:visited
{
  color: @dark-gray;
}


:root {
  --button-default: @dark-gray;
  --button-primary: darken(@blue, 25%);
  --button-hover: darken(@blue, 30%);
  --header: @blue; /* Use same as Header picker */
  --text-main: #BBB;
  --text-sub: #9b9b9b;
  --link:darken(@blue, 15%); /* Use same as Header picker, lighten by 70% */
  --visited-link: lighten(@blue,10%); /* Use same as Header picker, lighten by 70% */
  --hover-link: lighten(@blue,20%); /* Use same as Header picker, lighten by 70% */
  --nav-link: #FFF; /* Use same as Header picker */
  --light-link: #fff; /* Use same as Header picker */
}
a.btn-info:link, a.btn-warning:link, a.btn-danger:link{
  color: #FFF;
}
&a.btn-info:visited, a.btn-warning:visited, a.btn-danger:visited{
  color: #FFF;
}
a:link {
  color: var(--link);
}

a:visited {
  color: var(--visited-link);
}

a:hover {
  color: var(--hover-link);
}

.text-primary {
  color: darken(@light-blue, 20%);
}
.far fa-life-ring{
  color:var(--link);
}

.fixed-table-container tbody .selected td {
  background-color: #fff8af;
}
.select2-container--default .select2-selection--multiple .select2-selection__choice {
  background-color: #3c8dbc;
}

.search-highlight, .search-highlight:hover {
  background-color: #e9d15b;
}

// Link colors for the settings page
a.settings_button:link, a.settings_button:visited, a.settings_button:hover {
  color: @light-blue;
}