@import 'bootstrap/variables';
@import 'lifeitup/variables';

//Overriding Lifeitup colours
//main colours
//TIP: get your favurite pallet from here: http://coolors.co/app/
$first-colour:  #205683;
$second-colour: #68B0AB;
$third-colour:  #0A1A28;

// colours for the general layout
$gray-light:  #cecece;
$gray-mid:    #5b5b5b;
$orange-dark: #FF715B;
$red:         #982649;
$white:       #ffffff;

// colour of the logo in the login page
$logo-text-colour: #e7e0d9;


// colours for the aside border. This is the order they appear on the List in Aside
$light-blue:  #78c5d6;
$blue:        #459ba8;
$dark-green:  #00A388;
$green:       #c5d647;
$yellow:      #f5d63d;
$orange:      #f28c33;
$pink:        #e868a2;
$purple:      #bf62a6;

// colour for the Edit icon in the companies panel
$transparent-icon-menu-bg:             rgba(0, 0, 0, 0.4);
$transparent-icon-menu-font-colour:    rgba(255, 255, 255, 0.9);

//Primary colour: all calls-to-action will use this colour. Usually, you want to use your brand's colour here, which,
//should be what you used for the $first-colour variable.

$primary-colour: $first-colour;


//colours in meaninful variables

$header-text-colour:   $gray-mid;
$header-user-bg:       $second-colour;



$body-bg:              image-url('layout/bg.png') $gray-lighter;

$top-bg-panel-company: image-url('layout/company-panel-bg.jpg');


// overview
$overview-icon-color:                   $white;
$overview-icon-registries-bg:           #F2DC5D;
$overview-icon-users-bg:                #E76B74;
$overview-icon-teams-bg:                #3F826D;
$overview-icon-namespaces-bg:           #9AC4F8;


// Buttons

$btn-primary-bg:     $primary-colour;
$btn-primary-border: $primary-colour;

$btn-default-color:  $primary-colour;
$btn-default-border: $primary-colour;


// Type

$font-size-h1: floor(($font-size-base * 2.1));
$font-size-h2: floor(($font-size-base * 1.95));


// Activities

$activity-change-description:            $light-blue;
$activity-create-namespace:              $blue;
$activity-change-namespace-visibility:   $dark-green;
$activity-create-webhook:                $blue;
$activity-change-webhook-visibility:     $dark-green;
$activity-add-member-team:               $green;
$activity-remove-member-team:            $yellow;
$activity-change-role:                   $orange;
$activity-team-created:                  $pink;
$activity-repo-pushed:                   $purple;
$activity-application-token-created:     $orange-dark;
$activity-application-token-destroyed:   $red;


// placeholder

$placeholder-colour: lighten($second-colour,20%);

// permissions-label

$permissions-label-border: $second-colour;
$permissions-label-font-color: $second-colour;

// comments

$comment-row-hover: lighten($gray-light, 17%);
