one-dark-vivid-fork
This commit is contained in:
Thomas Briffard
29
styles/colors.less
Normal file
29
styles/colors.less
Normal file
@@ -0,0 +1,29 @@
|
||||
@syntax-hue: 215;
|
||||
@syntax-saturation: 21%;
|
||||
@syntax-brightness: 20%;
|
||||
|
||||
|
||||
// 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 -----------------------------------
|
||||
@hue-1: hsl(191, 91%, 73%); // <-cyan
|
||||
@hue-2: hsl(212, 99%, 70%); // <-blue
|
||||
@hue-3: hsl(286, 82%, 79%); // <-purple
|
||||
@hue-4: hsl(100, 65%, 65%); // <-green
|
||||
|
||||
@hue-5: hsl( 5, 91%, 73%); // <-red 1
|
||||
@hue-5-2: hsl(348, 45%, 66%); // <-red 2
|
||||
|
||||
@hue-6: hsl( 45, 81%, 50%); // <-orange 1
|
||||
@hue-6-2: hsl( 41, 98%, 70%); // <-orange 2
|
||||
|
||||
|
||||
// Base Syntax colors -----------------------------------
|
||||
@syntax-fg: @mono-1;
|
||||
@syntax-bg: hsl(@syntax-hue, @syntax-saturation, @syntax-brightness);
|
||||
@syntax-gutter: @mono-3;
|
||||
@syntax-guide: fade(@syntax-fg, 10%);
|
||||
@syntax-accent: hsl(@syntax-hue, 100%, 76% );
|
||||
96
styles/editor.less
Normal file
96
styles/editor.less
Normal file
@@ -0,0 +1,96 @@
|
||||
|
||||
// Editor styles (background, gutter, guides)
|
||||
|
||||
atom-text-editor {
|
||||
background-color: @syntax-background-color;
|
||||
color: @syntax-text-color;
|
||||
|
||||
.line.cursor-line {
|
||||
background-color: @syntax-cursor-line;
|
||||
}
|
||||
|
||||
.invisible {
|
||||
color: @syntax-text-color;
|
||||
}
|
||||
|
||||
.cursor {
|
||||
border-left: 2px solid @syntax-cursor-color;
|
||||
}
|
||||
|
||||
.selection .region {
|
||||
background-color: @syntax-selection-color;
|
||||
}
|
||||
|
||||
.bracket-matcher .region {
|
||||
border-bottom: 1px solid @syntax-cursor-color;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.invisible-character {
|
||||
color: @syntax-invisible-character-color;
|
||||
}
|
||||
|
||||
.indent-guide {
|
||||
color: @syntax-indent-guide-color;
|
||||
}
|
||||
|
||||
.wrap-guide {
|
||||
background-color: @syntax-wrap-guide-color;
|
||||
}
|
||||
|
||||
// find + replace
|
||||
.find-result .region.region.region,
|
||||
.current-result .region.region.region {
|
||||
border-radius: 2px;
|
||||
background-color: @syntax-result-marker-color;
|
||||
transition: border-color .4s;
|
||||
}
|
||||
.find-result .region.region.region {
|
||||
border: 2px solid transparent;
|
||||
}
|
||||
.current-result .region.region.region {
|
||||
border: 2px solid @syntax-result-marker-color-selected;
|
||||
transition-duration: .1s;
|
||||
}
|
||||
|
||||
.gutter {
|
||||
|
||||
.line-number {
|
||||
color: @syntax-gutter-text-color;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
||||
&.cursor-line {
|
||||
color: @syntax-gutter-text-color-selected;
|
||||
background-color: @syntax-gutter-background-color-selected;
|
||||
}
|
||||
&.cursor-line-no-selection {
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.icon-right {
|
||||
color: @syntax-text-color;
|
||||
}
|
||||
}
|
||||
|
||||
&:not(.git-diff-icon) .line-number.git-line-removed {
|
||||
&.git-line-removed::before {
|
||||
bottom: -3px;
|
||||
}
|
||||
&::after {
|
||||
content: "";
|
||||
position: absolute;
|
||||
left: 0px;
|
||||
bottom: 0px;
|
||||
width: 25px;
|
||||
border-bottom: 1px dotted fade(@syntax-color-removed, 50%);
|
||||
pointer-events: none;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.gutter .line-number.folded,
|
||||
.gutter .line-number:after,
|
||||
.fold-marker:after {
|
||||
color: @syntax-gutter-text-color-selected;
|
||||
}
|
||||
}
|
||||
56
styles/syntax-variables.less
Normal file
56
styles/syntax-variables.less
Normal file
@@ -0,0 +1,56 @@
|
||||
@import "colors.less";
|
||||
|
||||
// Official Syntax Variables -----------------------------------
|
||||
|
||||
// General colors
|
||||
@syntax-text-color: @syntax-fg;
|
||||
@syntax-cursor-color: @syntax-accent;
|
||||
@syntax-selection-color: lighten(@syntax-background-color, 10%);
|
||||
@syntax-selection-flash-color: @syntax-accent;
|
||||
@syntax-background-color: @syntax-bg;
|
||||
|
||||
// Guide colors
|
||||
@syntax-wrap-guide-color: @syntax-guide;
|
||||
@syntax-indent-guide-color: @syntax-guide;
|
||||
@syntax-invisible-character-color: @syntax-guide;
|
||||
|
||||
// For find and replace markers
|
||||
@syntax-result-marker-color: fade(@syntax-accent, 24%);
|
||||
@syntax-result-marker-color-selected: @syntax-accent;
|
||||
|
||||
// Gutter colors
|
||||
@syntax-gutter-text-color: @syntax-gutter;
|
||||
@syntax-gutter-text-color-selected: @syntax-fg;
|
||||
@syntax-gutter-background-color: @syntax-bg; // unused
|
||||
@syntax-gutter-background-color-selected: lighten(@syntax-bg, 2%);
|
||||
|
||||
// Git colors - For git diff info. i.e. in the gutter
|
||||
@syntax-color-renamed: hsl(208, 100%, 60%);
|
||||
@syntax-color-added: hsl(150, 60%, 54%);
|
||||
@syntax-color-modified: hsl(40, 60%, 70%);
|
||||
@syntax-color-removed: hsl(0, 70%, 60%);
|
||||
|
||||
// For language entity colors
|
||||
@syntax-color-variable: @hue-5;
|
||||
@syntax-color-constant: @hue-6;
|
||||
@syntax-color-property: @syntax-fg;
|
||||
@syntax-color-value: @syntax-fg;
|
||||
@syntax-color-function: @hue-2;
|
||||
@syntax-color-method: @hue-2;
|
||||
@syntax-color-class: @hue-6-2;
|
||||
@syntax-color-keyword: @hue-3;
|
||||
@syntax-color-tag: @hue-5;
|
||||
@syntax-color-attribute: @hue-6;
|
||||
@syntax-color-import: @hue-3;
|
||||
@syntax-color-snippet: @hue-4;
|
||||
|
||||
|
||||
// Custom Syntax Variables -----------------------------------
|
||||
// Don't use in packages
|
||||
|
||||
@syntax-cursor-line: hsla(@syntax-hue, 100%, 80%, .04); // needs to be semi-transparent to show serach results
|
||||
|
||||
@syntax-deprecated-fg: darken(@syntax-color-modified, 50%);
|
||||
@syntax-deprecated-bg: @syntax-color-modified;
|
||||
@syntax-illegal-fg: white;
|
||||
@syntax-illegal-bg: @syntax-color-removed;
|
||||
308
styles/syntax/_base.less
Normal file
308
styles/syntax/_base.less
Normal file
@@ -0,0 +1,308 @@
|
||||
// Language syntax highlighting
|
||||
|
||||
.syntax--comment {
|
||||
color: @mono-3;
|
||||
font-style: italic;
|
||||
|
||||
.syntax--markup.syntax--link {
|
||||
color: @mono-3;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--entity {
|
||||
|
||||
&.syntax--name.syntax--type {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--inherited-class {
|
||||
color: @hue-4;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--keyword {
|
||||
color: @hue-3;
|
||||
|
||||
&.syntax--control {
|
||||
color: @hue-3;
|
||||
}
|
||||
|
||||
&.syntax--operator {
|
||||
color: @mono-1;
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--special-method {
|
||||
color: @hue-2;
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--unit {
|
||||
color: @hue-6;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--storage {
|
||||
color: @hue-3;
|
||||
|
||||
&.syntax--type {
|
||||
&.syntax--annotation,
|
||||
&.syntax--primitive {
|
||||
color: @hue-3;
|
||||
}
|
||||
}
|
||||
|
||||
&.syntax--modifier {
|
||||
&.syntax--package,
|
||||
&.syntax--import {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--constant {
|
||||
color: @hue-6;
|
||||
|
||||
&.syntax--variable {
|
||||
color: @hue-6;
|
||||
}
|
||||
|
||||
&.syntax--character.syntax--escape {
|
||||
color: @hue-1;
|
||||
}
|
||||
|
||||
&.syntax--numeric {
|
||||
color: @hue-6;
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--color {
|
||||
color: @hue-1;
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--symbol {
|
||||
color: @hue-1;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--variable {
|
||||
color: @hue-5;
|
||||
|
||||
&.syntax--interpolation {
|
||||
color: @hue-5-2;
|
||||
}
|
||||
|
||||
&.syntax--parameter {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--string {
|
||||
color: @hue-4;
|
||||
|
||||
|
||||
&.syntax--regexp {
|
||||
color: @hue-1;
|
||||
|
||||
.syntax--source.syntax--ruby.syntax--embedded {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--link {
|
||||
color: @hue-5;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--punctuation {
|
||||
&.syntax--definition {
|
||||
&.syntax--comment {
|
||||
color: @mono-3;
|
||||
}
|
||||
|
||||
&.syntax--method-parameters,
|
||||
&.syntax--function-parameters,
|
||||
&.syntax--parameters,
|
||||
&.syntax--separator,
|
||||
&.syntax--seperator,
|
||||
&.syntax--array {
|
||||
color: @mono-1;
|
||||
}
|
||||
|
||||
&.syntax--heading,
|
||||
&.syntax--identity {
|
||||
color: @hue-2;
|
||||
}
|
||||
|
||||
&.syntax--bold {
|
||||
color: @hue-6-2;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.syntax--italic {
|
||||
color: @hue-3;
|
||||
font-style: italic;
|
||||
}
|
||||
}
|
||||
|
||||
&.syntax--section {
|
||||
&.syntax--embedded {
|
||||
color: @hue-5-2;
|
||||
}
|
||||
|
||||
&.syntax--method,
|
||||
&.syntax--class,
|
||||
&.syntax--inner-class {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--support {
|
||||
&.syntax--class {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
|
||||
&.syntax--type {
|
||||
color: @hue-1;
|
||||
}
|
||||
|
||||
&.syntax--function {
|
||||
color: @hue-1;
|
||||
|
||||
&.syntax--any-method {
|
||||
color: @hue-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--entity {
|
||||
&.syntax--name.syntax--function {
|
||||
color: @hue-2;
|
||||
}
|
||||
|
||||
&.syntax--name.syntax--class,
|
||||
&.syntax--name.syntax--type.syntax--class {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
|
||||
&.syntax--name.syntax--section {
|
||||
color: @hue-2;
|
||||
}
|
||||
|
||||
&.syntax--name.syntax--tag {
|
||||
color: @hue-5;
|
||||
}
|
||||
|
||||
&.syntax--other.syntax--attribute-name {
|
||||
color: @hue-6;
|
||||
|
||||
&.syntax--id {
|
||||
color: @hue-2;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--meta {
|
||||
&.syntax--class {
|
||||
color: @hue-6-2;
|
||||
|
||||
&.syntax--body {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
|
||||
&.syntax--method-call,
|
||||
&.syntax--method {
|
||||
color: @mono-1;
|
||||
}
|
||||
|
||||
&.syntax--definition {
|
||||
&.syntax--variable {
|
||||
color: @hue-5;
|
||||
}
|
||||
}
|
||||
|
||||
&.syntax--link {
|
||||
color: @hue-6;
|
||||
}
|
||||
|
||||
&.syntax--require {
|
||||
color: @hue-2;
|
||||
}
|
||||
|
||||
&.syntax--selector {
|
||||
color: @hue-3;
|
||||
}
|
||||
|
||||
&.syntax--separator {
|
||||
background-color: #373b41;
|
||||
color: @mono-1;
|
||||
}
|
||||
|
||||
&.syntax--tag {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--underline {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.syntax--none {
|
||||
color: @mono-1;
|
||||
}
|
||||
|
||||
.syntax--invalid {
|
||||
&.syntax--deprecated {
|
||||
color: @syntax-deprecated-fg !important;
|
||||
background-color: @syntax-deprecated-bg !important;
|
||||
}
|
||||
&.syntax--illegal {
|
||||
color: @syntax-illegal-fg !important;
|
||||
background-color: @syntax-illegal-bg !important;
|
||||
}
|
||||
}
|
||||
|
||||
// Languages -------------------------------------------------
|
||||
|
||||
.syntax--markup {
|
||||
&.syntax--bold {
|
||||
color: @hue-6;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
&.syntax--changed {
|
||||
color: @hue-3;
|
||||
}
|
||||
|
||||
&.syntax--deleted {
|
||||
color: @hue-5;
|
||||
}
|
||||
|
||||
&.syntax--italic {
|
||||
color: @hue-3;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&.syntax--heading {
|
||||
color: @hue-5;
|
||||
|
||||
.syntax--punctuation.syntax--definition.syntax--heading {
|
||||
color: @hue-2;
|
||||
}
|
||||
}
|
||||
|
||||
&.syntax--link {
|
||||
color: @hue-1;
|
||||
}
|
||||
|
||||
&.syntax--inserted {
|
||||
color: @hue-4;
|
||||
}
|
||||
|
||||
&.syntax--quote {
|
||||
color: @hue-6;
|
||||
}
|
||||
|
||||
&.syntax--raw {
|
||||
color: @hue-4;
|
||||
}
|
||||
}
|
||||
5
styles/syntax/c.less
Normal file
5
styles/syntax/c.less
Normal file
@@ -0,0 +1,5 @@
|
||||
.syntax--source.syntax--c {
|
||||
.syntax--keyword.syntax--operator {
|
||||
color: @hue-3;
|
||||
}
|
||||
}
|
||||
5
styles/syntax/cpp.less
Normal file
5
styles/syntax/cpp.less
Normal file
@@ -0,0 +1,5 @@
|
||||
.syntax--source.syntax--cpp {
|
||||
.syntax--keyword.syntax--operator {
|
||||
color: @hue-3;
|
||||
}
|
||||
}
|
||||
5
styles/syntax/cs.less
Normal file
5
styles/syntax/cs.less
Normal file
@@ -0,0 +1,5 @@
|
||||
.syntax--source.syntax--cs {
|
||||
.syntax--keyword.syntax--operator {
|
||||
color: @hue-3;
|
||||
}
|
||||
}
|
||||
10
styles/syntax/css.less
Normal file
10
styles/syntax/css.less
Normal file
@@ -0,0 +1,10 @@
|
||||
.syntax--source.syntax--css {
|
||||
// highlight properties/values if they are supported
|
||||
.syntax--property-name,
|
||||
.syntax--property-value {
|
||||
color: @mono-2;
|
||||
&.syntax--support {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
43
styles/syntax/elixir.less
Normal file
43
styles/syntax/elixir.less
Normal file
@@ -0,0 +1,43 @@
|
||||
.syntax--source.syntax--elixir {
|
||||
.syntax--source.syntax--embedded.syntax--source {
|
||||
color: @mono-1;
|
||||
}
|
||||
.syntax--constant.syntax--language,
|
||||
.syntax--constant.syntax--numeric,
|
||||
.syntax--constant.syntax--definition {
|
||||
color: @hue-2;
|
||||
}
|
||||
.syntax--variable.syntax--definition,
|
||||
.syntax--variable.syntax--anonymous{
|
||||
color: @hue-3;
|
||||
}
|
||||
.syntax--quoted{
|
||||
color: @hue-4;
|
||||
}
|
||||
.syntax--keyword.syntax--special-method,
|
||||
.syntax--embedded.syntax--section,
|
||||
.syntax--embedded.syntax--source.syntax--empty, {
|
||||
color: @hue-5;
|
||||
}
|
||||
.syntax--readwrite.syntax--module {
|
||||
.syntax--punctuation {
|
||||
color: @hue-5;
|
||||
}
|
||||
}
|
||||
.syntax--regexp.syntax--section,
|
||||
.syntax--regexp.syntax--string {
|
||||
color: @hue-5-2;
|
||||
}
|
||||
.syntax--separator,
|
||||
.syntax--keyword.syntax--operator {
|
||||
color: @hue-6;
|
||||
}
|
||||
.syntax--variable.syntax--constant {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
.syntax--array,
|
||||
.syntax--scope,
|
||||
.syntax--section {
|
||||
color: @mono-2;
|
||||
}
|
||||
}
|
||||
9
styles/syntax/gfm.less
Normal file
9
styles/syntax/gfm.less
Normal file
@@ -0,0 +1,9 @@
|
||||
.syntax--source.syntax--gfm {
|
||||
.syntax--markup {
|
||||
-webkit-font-smoothing: auto;
|
||||
}
|
||||
|
||||
.syntax--link .syntax--entity {
|
||||
color: @hue-2;
|
||||
}
|
||||
}
|
||||
5
styles/syntax/go.less
Normal file
5
styles/syntax/go.less
Normal file
@@ -0,0 +1,5 @@
|
||||
.syntax--source.syntax--go {
|
||||
.syntax--storage.syntax--type.syntax--string {
|
||||
color: @hue-3
|
||||
}
|
||||
}
|
||||
5
styles/syntax/ini.less
Normal file
5
styles/syntax/ini.less
Normal file
@@ -0,0 +1,5 @@
|
||||
.syntax--source.syntax--ini {
|
||||
.syntax--keyword.syntax--other.syntax--definition.syntax--ini {
|
||||
color: @hue-5;
|
||||
}
|
||||
}
|
||||
24
styles/syntax/java.less
Normal file
24
styles/syntax/java.less
Normal file
@@ -0,0 +1,24 @@
|
||||
.syntax--source.syntax--java {
|
||||
.syntax--storage {
|
||||
&.syntax--modifier.syntax--import {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
|
||||
&.syntax--type {
|
||||
color: @hue-6-2;
|
||||
}
|
||||
}
|
||||
.syntax--keyword.syntax--operator.syntax--instanceof {
|
||||
color: @hue-3;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--source.syntax--java-properties {
|
||||
.syntax--meta.syntax--key-pair {
|
||||
color: @hue-5;
|
||||
|
||||
& > .syntax--punctuation {
|
||||
color: @mono-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
17
styles/syntax/javascript.less
Normal file
17
styles/syntax/javascript.less
Normal file
@@ -0,0 +1,17 @@
|
||||
.syntax--source.syntax--js {
|
||||
.syntax--keyword.syntax--operator {
|
||||
color: @hue-1;
|
||||
|
||||
// keywords are definded in https://github.syntax--com/atom/language-javascript/blob/master/grammars/javascript.syntax--cson
|
||||
// search "instanceof" for location
|
||||
&.syntax--delete,
|
||||
&.syntax--in,
|
||||
&.syntax--of,
|
||||
&.syntax--instanceof,
|
||||
&.syntax--new,
|
||||
&.syntax--typeof,
|
||||
&.syntax--void {
|
||||
color: @hue-3;
|
||||
}
|
||||
}
|
||||
}
|
||||
21
styles/syntax/json.less
Normal file
21
styles/syntax/json.less
Normal file
@@ -0,0 +1,21 @@
|
||||
.syntax--source.syntax--json {
|
||||
.syntax--meta.syntax--structure.syntax--dictionary.syntax--json {
|
||||
& > .syntax--string.syntax--quoted.syntax--json {
|
||||
& > .syntax--punctuation.syntax--string {
|
||||
color: @hue-5;
|
||||
}
|
||||
color: @hue-5;
|
||||
}
|
||||
}
|
||||
|
||||
.syntax--meta.syntax--structure.syntax--dictionary.syntax--json, .syntax--meta.syntax--structure.syntax--array.syntax--json {
|
||||
& > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json,
|
||||
& > .syntax--value.syntax--json > .syntax--string.syntax--quoted.syntax--json > .syntax--punctuation {
|
||||
color: @hue-4;
|
||||
}
|
||||
|
||||
& > .syntax--constant.syntax--language.syntax--json {
|
||||
color: @hue-1;
|
||||
}
|
||||
}
|
||||
}
|
||||
9
styles/syntax/python.less
Normal file
9
styles/syntax/python.less
Normal file
@@ -0,0 +1,9 @@
|
||||
.syntax--source.syntax--python {
|
||||
.syntax--keyword.syntax--operator.syntax--logical.syntax--python {
|
||||
color: @hue-3;
|
||||
}
|
||||
|
||||
.syntax--variable.syntax--parameter {
|
||||
color: @hue-6;
|
||||
}
|
||||
}
|
||||
5
styles/syntax/ruby.less
Normal file
5
styles/syntax/ruby.less
Normal file
@@ -0,0 +1,5 @@
|
||||
.syntax--source.syntax--ruby {
|
||||
.syntax--constant.syntax--other.syntax--symbol > .syntax--punctuation {
|
||||
color: inherit;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user