generator-confit/lib/buildTool/npm/documentation/templates/docs/themes/test-theme/css/components/swanky-light.styl

Yeoman generator for creating the development process, tools and a sample project for current-generation web applications

/*

Swanky Light by Rod Leviton
Original Swanky Light Syntax theme from https://github.com/atom/one-light-syntax

base:    #fafafa
mono-1:  #383a42
mono-2:  #686b77
mono-3:  #a0a1a7
hue-1:   #0184bb
hue-2:   #4078f2
hue-3:   #a626a4
hue-4:   #50a14f
hue-5:   #e45649
hue-5-2: #c91243
hue-6:   #986801
hue-6-2: #c18401

*/

$bittersweet = #FF5A60
$scooter = #43BDD4
$lemon = #ffe11A
$swanky-red = #FF5A60
$swanky-blue = #43BDD4

// Secondary Colours
$mountain-meadow = #1BB243
$st-tropaz = #234BA1
$gold-tips = #fd7400

// Blacks & Greys
$night-rider = #2e2e2e
$grey-smoke = #ccc
$white-smoke = #eee
$alabaster = #f8f8f8

$black = #000
$white = #fff

:global
  .hljs {
    display: block;
    overflow-x: auto;
    padding: 0.5em;
    color: #666;
    background: #222;
  }

  .hljs-comment,
  .hljs-quote {
    color: #999;
    font-style: italic;
  }

  .hljs-doctag,
  .hljs-keyword,
  .hljs-formula {
    color: $scooter;
  }

  .hljs-section,
  .hljs-name,
  .hljs-tag,
  .hljs-selector-tag,
  .hljs-deletion,
  .hljs-subst {
    color: #666;
  }

  .hljs-literal {
    color: #0184bb;
  }

  .hljs-string,
  .hljs-regexp,
  .hljs-addition,
  .hljs-attribute,
  .hljs-meta-string {
    color: $bittersweet;
  }

  .hljs-built_in,
  .hljs-class .hljs-title {
    color: $scooter
  }

  .hljs-attr,
  .hljs-variable,
  .hljs-template-variable,
  .hljs-type,
  .hljs-selector-class,
  .hljs-selector-attr,
  .hljs-selector-pseudo,
  .hljs-number {
    color: $scooter;
  }

  .hljs-symbol,
  .hljs-bullet,
  .hljs-link,
  .hljs-meta,
  .hljs-selector-id,
  .hljs-title {
    color: $bittersweet;
  }

  .hljs-emphasis {
    font-style: italic;
  }

  .hljs-strong {
    font-weight: bold;
  }

  .hljs-link {
    text-decoration: underline;
  }