Generated by SassMeister.com.

SassMeister-input.scss

// ----
// Sass (v3.4.21)
// Compass (v1.0.3)
// ----

$purple_light: #6d5da4;
$purple_medium: #4e4280;
$purple_dark: #2e2e5b;
$purple_black: #1f223b;

$text_light: #e3e2f2;
$text_dark: #555;

$blue_dark: #3763c7;
$blue_light: #799eff;
$blue_bg_1: #7faffe;
$blue_bg_2: #5c88ee;

// Repo/progress bar colors
$color_1: #ad73fc; // purple
$color_2: #78fee0; // teal
$color_3: #ffda7a; // yellow
$color_4: #ff73a0; // pink
$color_5: #7da7ff; // blue
$color_6: #ffb588; // orange
$color_7: #7ae598; // green

@import 'https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500';
@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,700';
$font-base: 'Roboto', 'Arial', sans-serif;
$font-serif: 'Raleway', $font-base;

// -- HEADER --

// Main nav
.metanav {
  background-color: $purple_dark;
  border-bottom: 1px solid $purple_black;
  color: $text_light;
}

a.metanav-item u,
a.metanav-item:hover u {
  background-image: none;
}

a.metanav-item:hover u {
  color: #fff;
}

a.metanav-item--current {
  background-color: $blue_bg_2;
  background: -moz-linear-gradient(top, $blue_bg_1 0%, $blue_bg_2 100%);
  background: -webkit-linear-gradient(top, $blue_bg_1 0%, $blue_bg_2 100%);
  background: linear-gradient(to bottom, $blue_bg_1 0%, $blue_bg_2 100%);
  color: #fff;
  font-weight: 400;
  text-shadow: 0 1px 1px $blue_dark;
  
  &:hover,
  &:active {
    background: $blue_dark;
    color: #fff;
  }
}

a.metanav-item--help {
  background: rgba($purple_dark, .5);
  border: 1px solid $purple_light;
  color: $text_light;
  font-weight: 500;
  
  &:hover,
  &:active {
    background: $purple_dark;
    border-color: $blue_dark;
    color: #fff;
  }
}

// Repo dropdown
.metanav-item .count {
  border-color: $purple_light;
}

.dd-arrow--metanav:hover {
  background: $purple_light;
  color: #fff;
}

.dd-arrow:before {
  opacity: 1;
}

// Subheader
.header-bar {
  background: $purple_medium;
  border-bottom: 1px solid $purple_light;
  box-shadow: 0 4px 12px rgba($purple_black, .3);
}

.header-title {
  color: #fff;
  color: #799eff;
  font-family: $font-serif;
  letter-spacing: 1px;
}

.header-title-meta {
  color: $text_light;
}

.search-main {
  background-color: $text_light;
  border: 1px solid $purple_dark;
  border-radius: 3px;
}

.quick-search .search-field,
.search-field-wrap .search-field {
  border-color: $purple_dark;
  border-radius: 0;
  border-style: solid;
  border-width: 0 1px;
}

.quick-search .search-reset,
.search-field-wrap .search-reset {
  background-color: $purple_light;
}

.a-advanced-search {
  background-color: $text_light;
  border: 0;
  height: 100%;
}

// -- SUB NAV --
.mainnav-item {
  background: transparent;
  color: #fff;
  text-decoration: none;
  transition: .1s linear;
}

.mainnav-item u {
  background-image: none !important;
}

.mainnav-item:hover,
a.mainnav-item:hover {
  background: $blue_dark;
  color: #fff;
}

.mainnav-item--current,
a.mainnav-item--current:hover {
  background: rgba(#fff, .2);
  color: #fff;
  font-weight: normal;
}

// -- BODY --
#page {
  color: $text_light;
  font-family: $font-base;
}

.dashboard-title {
  color: $blue_dark;
  font-family: $font-serif;
  font-weight: 500;
}

// Main column
.maincol {
  background: #f2f2f2;
}

// Sidebar
.divided #sidebar,
#sidebar {
  $bg_1: #332c5a;
  $bg_2: #222244; //#2f325c;
  background: bg_1;
  background: -moz-linear-gradient(top, $bg_1 0%, $bg_2 100%);
  background: -webkit-linear-gradient(top, $bg_1 0%, $bg_2 100%);
  background: linear-gradient(to bottom, $bg_1 0%, $bg_2 100%);
  
  h1, h2, h3, h4 {
    color: #799eff;
  }
  
  .blank,
  p.blank {
    color: rgba(#fff, .7);
    font-family: $font-base;
    font-style: italic;
    font-weight: 300;
  }
}

.db-activity-period {
  color: #799eff;
  opacity: .65;
}

.divided--equals #sidebar {
  border-left: 1px solid $purple_medium;
}

.sidebar-block {
  border-bottom: 1px solid $purple_medium;
}

// -- REPOS --

// Override repo colors
.repostate_name {
}

.repostate_name-link {
  text-decoration: none;
}

.repostate {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  box-shadow: 0 4px 8px rgba(#222, .05);
  padding: 15px 15px 15px 20px;
  margin: 0 0 15px;
}

.repostate_activity {
  padding-left: 0;
}

.repostate_last-commit,
.repostate_committers-more {
  color: $text_dark;
}

.repostate_badge {
  bottom: 0;
  border-radius: 3px 0 0 3px;
  top: 0;
  width: 5px;
}

// Progress bars
.bar-commits_repo {
  box-shadow: none !important;
  height: 8px;
  
  &:first-of-type {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
  }
  
  &:last-of-type {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
  }
}

.leaderboard_bar {
  color: #fff;
}

.leaderboard_name {
  margin-top: 0;
}

// Colors
.repostate_name.u-color-txt--violet .repostate_name-link,
.repostate_name.u-color-txt--violet .repostate_name-link:hover { color: $blue_dark !important };
.u-color-bg--violet { background-color: $color_1 !important; }

.repostate_name.u-color-txt--sky-blue .repostate_name-link,
.repostate_name.u-color-txt--sky-blue .repostate_name-link:hover { color: $blue_dark !important; }
.u-color-bg--sky-blue { background-color: $color_2 !important; }

.repostate_name.u-color-txt--yellow .repostate_name-link,
.repostate_name.u-color-txt--yellow .repostate_name-link:hover { color: $blue_dark !important; }
.u-color-bg--yellow { background-color: $color_3 !important; }

.repostate_name.u-color-txt--grey .repostate_name-link,
.repostate_name.u-color-txt--grey .repostate_name-link:hover { color: $blue_dark !important; }
.u-color-bg--grey { background-color: $color_4 !important; }

.repostate_name.u-color-txt--blue .repostate_name-link,
.repostate_name.u-color-txt--blue .repostate_name-link:hover { color: $blue_dark !important; }
.u-color-bg--blue { background-color: $color_5 !important; }

.repostate_name.u-color-txt--red-orange .repostate_name-link,
.repostate_name.u-color-txt--red-orange .repostate_name-link:hover,
.repostate_name.u-color-txt--green-blue .repostate_name-link,
.repostate_name.u-color-txt--green-blue .repostate_name-link:hover { color: $blue_dark !important; }
.u-color-bg--red-orange,
.u-color-bg--green-blue { background-color: $color_6 !important; }

.repostate_name.u-color-txt--white .repostate_name-link,
.repostate_name.u-color-txt--white .repostate_name-link:hover { color: $blue_dark !important; }
.u-color-bg--white { background-color: $color_7 !important; }

// -- LINKS --
a,
a.link-external:link,
a.link-external:visited {
  color: $blue_light;
  transition: color .1s linear;
}

a:hover,
a:active,
p.blank a:hover,
a.link-external:hover {
  color: $text_light;
}

// -- FOOTER --
#footer {
  background: $purple_black;
  border-top-color: $purple_light;
  color: $text_light;
  
  a {
    border-color: rgba($blue_light, .5);
    color: $blue_light;
    
    &:hover,
    &:active {
      border-color: $blue_light;
      color: $text_light;
    }
  }
  
  .beanstalk-logo {
    background-position: 0 0;
    opacity: 1;
  }
}

// -- USERS --
// User pictures
.userpic img {
  border-radius: 5px;
}

SassMeister-output.css

@import "https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500";
@import "https://fonts.googleapis.com/css?family=Raleway:300,400,700";
.metanav {
  background-color: #2e2e5b;
  border-bottom: 1px solid #1f223b;
  color: #e3e2f2;
}

a.metanav-item u,
a.metanav-item:hover u {
  background-image: none;
}

a.metanav-item:hover u {
  color: #fff;
}

a.metanav-item--current {
  background-color: #5c88ee;
  background: -moz-linear-gradient(top, #7faffe 0%, #5c88ee 100%);
  background: -webkit-linear-gradient(top, #7faffe 0%, #5c88ee 100%);
  background: linear-gradient(to bottom, #7faffe 0%, #5c88ee 100%);
  color: #fff;
  font-weight: 400;
  text-shadow: 0 1px 1px #3763c7;
}
a.metanav-item--current:hover, a.metanav-item--current:active {
  background: #3763c7;
  color: #fff;
}

a.metanav-item--help {
  background: rgba(46, 46, 91, 0.5);
  border: 1px solid #6d5da4;
  color: #e3e2f2;
  font-weight: 500;
}
a.metanav-item--help:hover, a.metanav-item--help:active {
  background: #2e2e5b;
  border-color: #3763c7;
  color: #fff;
}

.metanav-item .count {
  border-color: #6d5da4;
}

.dd-arrow--metanav:hover {
  background: #6d5da4;
  color: #fff;
}

.dd-arrow:before {
  opacity: 1;
}

.header-bar {
  background: #4e4280;
  border-bottom: 1px solid #6d5da4;
  box-shadow: 0 4px 12px rgba(31, 34, 59, 0.3);
}

.header-title {
  color: #fff;
  color: #799eff;
  font-family: "Raleway", "Roboto", "Arial", sans-serif;
  letter-spacing: 1px;
}

.header-title-meta {
  color: #e3e2f2;
}

.search-main {
  background-color: #e3e2f2;
  border: 1px solid #2e2e5b;
  border-radius: 3px;
}

.quick-search .search-field,
.search-field-wrap .search-field {
  border-color: #2e2e5b;
  border-radius: 0;
  border-style: solid;
  border-width: 0 1px;
}

.quick-search .search-reset,
.search-field-wrap .search-reset {
  background-color: #6d5da4;
}

.a-advanced-search {
  background-color: #e3e2f2;
  border: 0;
  height: 100%;
}

.mainnav-item {
  background: transparent;
  color: #fff;
  text-decoration: none;
}

.mainnav-item u {
  background-image: none !important;
}

.mainnav-item:hover,
a.mainnav-item:hover {
  background: #3763c7;
  color: #fff;
}

.mainnav-item--current,
a.mainnav-item--current:hover {
  background: rgba(255, 255, 255, 0.2);
  color: #fff;
  font-weight: normal;
}

#page {
  color: #e3e2f2;
  font-family: "Roboto", "Arial", sans-serif;
}

.dashboard-title {
  color: #3763c7;
  font-family: "Raleway", "Roboto", "Arial", sans-serif;
  font-weight: 500;
}

.maincol {
  background: #f2f2f2;
}

.divided #sidebar,
#sidebar {
  background: bg_1;
  background: -moz-linear-gradient(top, #332c5a 0%, #222244 100%);
  background: -webkit-linear-gradient(top, #332c5a 0%, #222244 100%);
  background: linear-gradient(to bottom, #332c5a 0%, #222244 100%);
}
.divided #sidebar h1, .divided #sidebar h2, .divided #sidebar h3, .divided #sidebar h4,
#sidebar h1,
#sidebar h2,
#sidebar h3,
#sidebar h4 {
  color: #799eff;
}
.divided #sidebar .blank,
.divided #sidebar p.blank,
#sidebar .blank,
#sidebar p.blank {
  color: rgba(255, 255, 255, 0.7);
  font-family: "Roboto", "Arial", sans-serif;
  font-style: italic;
  font-weight: 300;
}

.db-activity-period {
  color: #799eff;
  opacity: .65;
}

.divided--equals #sidebar {
  border-left: 1px solid #4e4280;
}

.sidebar-block {
  border-bottom: 1px solid #4e4280;
}

.repostate_name-link {
  text-decoration: none;
}

.repostate {
  background: #fff;
  border: 1px solid #e2e2e2;
  border-radius: 3px;
  box-shadow: 0 4px 8px rgba(34, 34, 34, 0.05);
  padding: 15px 15px 15px 20px;
  margin: 0 0 15px;
}

.repostate_activity {
  padding-left: 0;
}

.repostate_last-commit,
.repostate_committers-more {
  color: #555;
}

.repostate_badge {
  bottom: 0;
  border-radius: 3px 0 0 3px;
  top: 0;
  width: 5px;
}

.bar-commits_repo {
  box-shadow: none !important;
  height: 8px;
}
.bar-commits_repo:first-of-type {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bar-commits_repo:last-of-type {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.leaderboard_bar {
  color: #fff;
}

.leaderboard_name {
  margin-top: 0;
}

.repostate_name.u-color-txt--violet .repostate_name-link,
.repostate_name.u-color-txt--violet .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--violet {
  background-color: #ad73fc !important;
}

.repostate_name.u-color-txt--sky-blue .repostate_name-link,
.repostate_name.u-color-txt--sky-blue .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--sky-blue {
  background-color: #78fee0 !important;
}

.repostate_name.u-color-txt--yellow .repostate_name-link,
.repostate_name.u-color-txt--yellow .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--yellow {
  background-color: #ffda7a !important;
}

.repostate_name.u-color-txt--grey .repostate_name-link,
.repostate_name.u-color-txt--grey .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--grey {
  background-color: #ff73a0 !important;
}

.repostate_name.u-color-txt--blue .repostate_name-link,
.repostate_name.u-color-txt--blue .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--blue {
  background-color: #7da7ff !important;
}

.repostate_name.u-color-txt--red-orange .repostate_name-link,
.repostate_name.u-color-txt--red-orange .repostate_name-link:hover,
.repostate_name.u-color-txt--green-blue .repostate_name-link,
.repostate_name.u-color-txt--green-blue .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--red-orange,
.u-color-bg--green-blue {
  background-color: #ffb588 !important;
}

.repostate_name.u-color-txt--white .repostate_name-link,
.repostate_name.u-color-txt--white .repostate_name-link:hover {
  color: #3763c7 !important;
}

.u-color-bg--white {
  background-color: #7ae598 !important;
}

a,
a.link-external:link,
a.link-external:visited {
  color: #799eff;
  transition: color .1s linear;
}

a:hover,
a:active,
p.blank a:hover,
a.link-external:hover {
  color: #e3e2f2;
}

#footer {
  background: #1f223b;
  border-top-color: #6d5da4;
  color: #e3e2f2;
}
#footer a {
  border-color: rgba(121, 158, 255, 0.5);
  color: #799eff;
}
#footer a:hover, #footer a:active {
  border-color: #799eff;
  color: #e3e2f2;
}
#footer .beanstalk-logo {
  background-position: 0 0;
  opacity: 1;
}

.userpic img {
  border-radius: 5px;
}