app/assets/stylesheets/core/variables.scss
@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-change-team: $blue;
$activity-change-namespace-visibility: $dark-green;
$activity-change-webhook-visibility: $green;
$activity-change-role: $orange;
$activity-application-token-created: $orange-dark;
$activity-team-created: $pink;
$activity-create-namespace: $dark-green;
$activity-create-webhook: $blue;
$activity-add-member-team: $green;
$activity-remove-member-team: $yellow;
$activity-repo-pushed: $purple;
$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%);