Skip to content

Commit

Permalink
Merge pull request atom#30 from atom/sm-screenshot-scheme
Browse files Browse the repository at this point in the history 
High contrast
  • Loading branch information
@simurai
simurai committed May 23, 2015
2 parents d50b98e + ade9e5f commit 7649bf4
Show file tree
Hide file tree
Showing 9 changed files with 122 additions and 127 deletions.
45 changes: 20 additions & 25 deletions styles/colors.less
View file
Original file line number Diff line number Diff line change
@@ -1,33 +1,28 @@

// Config -----------------------------------
@syntax-hue: 220;
@syntax-saturation: 24%;
@syntax-brightness: 20%;
@syntax-hue: 230;
@syntax-saturation: 14%;
@syntax-brightness: 22%;

// Base colors -----------------------------------
@syntax-base-accent-color: hsl(@syntax-hue, 100%, 66% );
@syntax-base-background-color: hsv(@syntax-hue, @syntax-saturation, @syntax-brightness);
@syntax-base-text-color: @light-gray;
@syntax-base-guide-color: fade(@syntax-base-text-color, 15%);
@syntax-accent: hsl(@syntax-hue, 100%, 76% );
@syntax-guide: fade(@syntax-fg, 10%);
@syntax-fg: @mono-1;
@syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness);

// Monochrome -----------------------------------
@mono-1: hsl(@syntax-hue, 60%, 92%); // default text
@mono-2: hsl(@syntax-hue, 24%, 66%);
@mono-3: hsl(@syntax-hue, 12%, 44%);

// Colors: Mix Base16 Tomorrow with Theme hue -----------------------------------
@syntax-mix-base: hsl(@syntax-hue, 100%, 66%);
@syntax-mix-grey: 12%;
@syntax-mix-color: 0%;
// Colors -----------------------------------
@hue-1: hsl(191, 91%, 73%); // <-cyan
@hue-2: hsl(212, 99%, 75%); // <-blue
@hue-3: hsl(286, 82%, 79%); // <-purple
@hue-4: hsl(118, 69%, 78%); // <-green

@very-light-gray: mix( @syntax-mix-base, hsl(0,0%,84%), @syntax-mix-grey);
@light-gray: mix( @syntax-mix-base, hsl(0,0%,72%), @syntax-mix-grey);
@gray: mix( @syntax-mix-base, hsl(0,0%,54%), @syntax-mix-grey);
@dark-gray: mix( @syntax-mix-base, hsl(0,0%,36%), @syntax-mix-grey);
@very-dark-gray: mix( @syntax-mix-base, hsl(0,0%,18%), @syntax-mix-grey);
@hue-5: hsl( 5, 91%, 73%); // <-red 1
@hue-5-2: hsl(348, 45%, 66%); // <-red 2

@cyan: mix( @syntax-mix-base, #57B6C2, @syntax-mix-color);
@blue: mix( @syntax-mix-base, #61AEEF, @syntax-mix-color);
@purple: mix( @syntax-mix-base, #C679DD, @syntax-mix-color);
@green: mix( @syntax-mix-base, #97C378, @syntax-mix-color);
@red: mix( @syntax-mix-base, #DF6A73, @syntax-mix-color);
@dark-red: mix( @syntax-mix-base, #BE4F44, @syntax-mix-color);
@orange: mix( @syntax-mix-base, #D29B67, @syntax-mix-color);
@light-orange: mix( @syntax-mix-base, #E5C17C, @syntax-mix-color);
@bright-orange: mix( @syntax-mix-base, #FF8000, @syntax-mix-color);
@hue-6: hsl( 48, 71%, 76%); // <-orange 1
@hue-6-2: hsl( 41, 98%, 70%); // <-orange 2
120 changes: 60 additions & 60 deletions styles/language.less
View file
Original file line number Diff line number Diff line change
@@ -1,121 +1,121 @@
// Language syntax highlighting

.comment {
color: @dark-gray;
color: @mono-3;
font-style: italic;
}

.entity {

&.name.type {
color: @light-orange;
color: @hue-6-2;
}

&.other.inherited-class {
color: @green;
color: @hue-4;
}
}

.keyword {
color: @purple;
color: @hue-3;

&.control {
color: @purple;
color: @hue-3;
}

&.operator {
color: @syntax-text-color;
color: @mono-1;
}

&.other.special-method {
color: @blue;
color: @hue-2;
}

&.other.unit {
color: @orange;
color: @hue-6;
}
}

.storage {
color: @purple;
color: @hue-3;

&.type {
&.annotation,
&.primitive {
color: @purple;
color: @hue-3;
}
}

&.modifier {
&.package,
&.import {
color: @syntax-text-color;
color: @mono-1;
}
}
}

.constant {
color: @orange;
color: @hue-6;

&.variable {
color: @orange;
color: @hue-6;
}

&.character.escape {
color: @cyan;
color: @hue-1;
}

&.numeric {
color: @orange;
color: @hue-6;
}

&.other.color {
color: @cyan;
color: @hue-1;
}

&.other.symbol {
color: @cyan;
color: @hue-1;
}
}

.variable {
color: @red;
color: @hue-5;

&.interpolation {
color: @dark-red;
color: @hue-5-2;
}

&.parameter {
color: @syntax-text-color;
color: @mono-1;
}
}

.invalid.illegal {
background-color: @red;
background-color: @hue-5;
color: @syntax-background-color;
}

.string {
color: @green;
color: @hue-4;


&.regexp {
color: @cyan;
color: @hue-1;

.source.ruby.embedded {
color: @bright-orange;
color: @hue-6-2;
}
}

&.other.link {
color: @red;
color: @hue-5;
}
}

.punctuation {
&.definition {
&.comment {
color: @dark-gray;
color: @mono-3;
}

&.method-parameters,
Expand All @@ -124,163 +124,163 @@
&.separator,
&.seperator,
&.array {
color: @syntax-text-color;
color: @mono-1;
}

&.heading,
&.identity {
color: @blue;
color: @hue-2;
}

&.bold {
color: @light-orange;
color: @hue-6-2;
font-weight: bold;
}

&.italic {
color: @purple;
color: @hue-3;
font-style: italic;
}
}

&.section {
&.embedded {
color: @dark-red;
color: @hue-5-2;
}

&.method,
&.class,
&.inner-class {
color: @syntax-text-color;
color: @mono-1;
}
}
}

.support {
&.class {
color: @light-orange;
color: @hue-6-2;
}

&.function {
color: @cyan;
color: @hue-1;

&.any-method {
color: @blue;
color: @hue-2;
}
}
}

.entity {
&.name.function {
color: @blue;
color: @hue-2;
}

&.name.class,
&.name.type.class {
color: @light-orange;
color: @hue-6-2;
}

&.name.section {
color: @blue;
color: @hue-2;
}

&.name.tag {
color: @red;
color: @hue-5;
}

&.other.attribute-name {
color: @orange;
color: @hue-6;

&.id {
color: @blue;
color: @hue-2;
}
}
}

.meta {
&.class {
color: @light-orange;
color: @hue-6-2;

&.body {
color: @syntax-text-color;
color: @mono-1;
}
}

&.method-call,
&.method {
color: @syntax-text-color;
color: @mono-1;
}

&.definition {
&.variable {
color: @red;
color: @hue-5;
}
}

&.link {
color: @orange;
color: @hue-6;
}

&.require {
color: @blue;
color: @hue-2;
}

&.selector {
color: @purple;
color: @hue-3;
}

&.separator {
background-color: #373b41;
color: @syntax-text-color;
color: @mono-1;
}

&.tag {
color: @syntax-text-color;
color: @mono-1;
}
}

.none {
color: @syntax-text-color;
color: @mono-1;
}

// Languages -------------------------------------------------

.markup {
&.bold {
color: @orange;
color: @hue-6;
font-weight: bold;
}

&.changed {
color: @purple;
color: @hue-3;
}

&.deleted {
color: @red;
color: @hue-5;
}

&.italic {
color: @purple;
color: @hue-3;
font-style: italic;
}

&.heading .punctuation.definition.heading {
color: @blue;
color: @hue-2;
}

&.inserted {
color: @green;
color: @hue-4;
}

&.list {
color: @red;
color: @hue-5;
}

&.quote {
color: @orange;
color: @hue-6;
}

&.raw.inline {
color: @green;
color: @hue-4;
}
}
Loading

0 comments on commit 7649bf4

Please sign in to comment.