mirror of
https://github.com/pulsar-edit/pulsar.git
synced 2024-09-11 11:15:24 +03:00
Implement naming conventions in default themes (#20524)
Update of the default syntax themes to implement [naming conventions](https://github.com/atom/flight-manual.atom.io/pull/564) for syntax scopes. Adds the [template](https://github.com/atom/apm/pull/883) to each theme with custom colors, to accommodate the naming conventions. There should be no compatibility break with existing grammars. As naming conventions are implemented in more language grammars, their old specific stylesheets can be retired.
This commit is contained in:
parent
ff1e4f6be4
commit
eb064bf502
@ -4,4 +4,8 @@
|
|||||||
@import "styles/syntax-variables.less";
|
@import "styles/syntax-variables.less";
|
||||||
|
|
||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
@import "styles/syntax.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
|
@import "styles/syntax/css.less";
|
||||||
|
@import "styles/syntax/html.less";
|
||||||
|
267
packages/atom-dark-syntax/styles/syntax/base.less
Normal file
267
packages/atom-dark-syntax/styles/syntax/base.less
Normal file
@ -0,0 +1,267 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for return
|
||||||
|
.syntax--keyword {
|
||||||
|
color: #96CBFE;
|
||||||
|
|
||||||
|
// global let def class
|
||||||
|
&.syntax--storage {
|
||||||
|
color: #96CBFE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// int char float
|
||||||
|
&.syntax--type {
|
||||||
|
color: #FFFFB6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// and del not
|
||||||
|
&.syntax--operator {
|
||||||
|
color: #96CBFE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: #C6C5FE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #C6C5FE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// = + && | << ?
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: #EDEDED;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: #C5C8C6;
|
||||||
|
|
||||||
|
// variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #C5C8C6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: #C6C5FE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: #FFD2A7;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// import package
|
||||||
|
&.syntax--package {
|
||||||
|
color: #FFD2A7;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: #FFD2A7;
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: #FFD2A7;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: #EDEDED;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Class int rune list
|
||||||
|
&.syntax--type {
|
||||||
|
color: #FFFFB6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: #96CBFE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: #FF73FD;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: #C5C8C6;
|
||||||
|
|
||||||
|
// . ->
|
||||||
|
&.syntax--accessor.syntax--member {
|
||||||
|
color: #EDEDED;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: #A8FF60;
|
||||||
|
|
||||||
|
// :immutable
|
||||||
|
&.syntax--immutable {
|
||||||
|
color: #A8FF60;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${variable} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: #00A0A0;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: #A8FF60;
|
||||||
|
|
||||||
|
&.syntax--group {
|
||||||
|
color: #A8FF60;
|
||||||
|
background-color: @syntax-background-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \g \"
|
||||||
|
.syntax--constant.syntax--character.syntax--escape {
|
||||||
|
color: #A8FF60;
|
||||||
|
|
||||||
|
// \n \W \d .
|
||||||
|
&.syntax--code {
|
||||||
|
color: #00A0A0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: #96CBFE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #C5C8C6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) | r" /
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: #E9C062;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal true nil
|
||||||
|
.syntax--constant {
|
||||||
|
color: #FF73FD;
|
||||||
|
|
||||||
|
// 4 1.3 Infinity
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: #FF73FD;
|
||||||
|
}
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: #A8FF60;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: #A8FF60;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: #00A0A0;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: #C5C8C6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
|
||||||
|
// - item
|
||||||
|
&.syntax--list {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
// > quote
|
||||||
|
&.syntax--quote {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
color: #aaa;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: #ddd;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: #8A8A8A;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: lighten(#8A8A8A, 6);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: lighten(#8A8A8A, 9);
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: #8A8A8A;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
color: #FD5FF1 !important;
|
||||||
|
background-color: rgba(86, 45, 86, 0.75) !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// obsolete()
|
||||||
|
&.syntax--deprecated {
|
||||||
|
color: #FD5FF1 !important;
|
||||||
|
text-decoration: underline !important;
|
||||||
|
}
|
||||||
|
}
|
106
packages/atom-dark-syntax/styles/syntax/css.less
Normal file
106
packages/atom-dark-syntax/styles/syntax/css.less
Normal file
@ -0,0 +1,106 @@
|
|||||||
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
|
.syntax--entity {
|
||||||
|
|
||||||
|
// function()
|
||||||
|
&.syntax--function {
|
||||||
|
color: #C5C8C6;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: #DAD085;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class :pseudo-class attribute
|
||||||
|
&.syntax--selector {
|
||||||
|
color: #FF73FD;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: #96CBFE;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id
|
||||||
|
&.syntax--id {
|
||||||
|
color: #8B98AB;
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class
|
||||||
|
&.syntax--class {
|
||||||
|
color: #62B1FE;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
|
||||||
|
// height position border
|
||||||
|
&.syntax--support {
|
||||||
|
color: #EDEDED;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #C6C5FE;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @keyframes keyframe
|
||||||
|
&.syntax--keyframe {
|
||||||
|
color: #C6C5FE;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
.syntax--constant {
|
||||||
|
color: #C5C8C6;
|
||||||
|
|
||||||
|
// flex solid bold
|
||||||
|
&.syntax--support {
|
||||||
|
color: #F9EE98;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 4 1.3
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: #99CC99;
|
||||||
|
|
||||||
|
// px % cm hz
|
||||||
|
&.syntax--unit {
|
||||||
|
color: #99CC99;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// screen print
|
||||||
|
&.syntax--media {
|
||||||
|
color: #FFD2A7;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #b294bb blue red
|
||||||
|
&.syntax--color {
|
||||||
|
color: #99CC99;
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to 50%
|
||||||
|
&.syntax--offset {
|
||||||
|
color: #FFD2A7;
|
||||||
|
|
||||||
|
// %
|
||||||
|
&.syntax--unit {
|
||||||
|
color: #FFD2A7;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// . : :: # [] ()
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: #C5C8C6;
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: #96CBFE;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
18
packages/atom-dark-syntax/styles/syntax/html.less
Normal file
18
packages/atom-dark-syntax/styles/syntax/html.less
Normal file
@ -0,0 +1,18 @@
|
|||||||
|
.syntax--source.syntax--html {
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// < />
|
||||||
|
&.syntax--tag {
|
||||||
|
color: #96CBFE;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--meta {
|
||||||
|
|
||||||
|
// <!doctype html>
|
||||||
|
&.syntax--doctype {
|
||||||
|
color: #8A8A8A;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -4,4 +4,7 @@
|
|||||||
@import "styles/syntax-variables.less";
|
@import "styles/syntax-variables.less";
|
||||||
|
|
||||||
@import 'styles/editor.less';
|
@import 'styles/editor.less';
|
||||||
@import 'styles/syntax.less';
|
@import 'styles/syntax-legacy/_base.less';
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
|
@import "styles/syntax/css.less";
|
||||||
|
232
packages/atom-light-syntax/styles/syntax/base.less
Normal file
232
packages/atom-light-syntax/styles/syntax/base.less
Normal file
@ -0,0 +1,232 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for and del = &&
|
||||||
|
.syntax--keyword {
|
||||||
|
color: #222;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
// global let def class
|
||||||
|
&.syntax--storage {
|
||||||
|
color: #222;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// int char float
|
||||||
|
&.syntax--type {
|
||||||
|
color: #458;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: #555;
|
||||||
|
|
||||||
|
// function(parameter)
|
||||||
|
&.syntax--parameter {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: #900;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: #900;
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: #900;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Class int rune list
|
||||||
|
&.syntax--type {
|
||||||
|
color: #458;
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: #458;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// . ->
|
||||||
|
&.syntax--accessor.syntax--member {
|
||||||
|
color: #222;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: #D14;
|
||||||
|
|
||||||
|
// :immutable
|
||||||
|
&.syntax--immutable {
|
||||||
|
color: #D14;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {placeholder} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: #606aa1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${ }
|
||||||
|
&.syntax--interpolation {
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: #D14;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) | r" /
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: #222;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3
|
||||||
|
.syntax--constant {
|
||||||
|
color: #D14;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: #D14;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: #D14;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: #606aa1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// true false nil
|
||||||
|
&.syntax--language {
|
||||||
|
color: #D14;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: #555;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. * -
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: #888;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: #999988;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: lighten(#999988, 6);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: lighten(#999988, 9);
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: #999988;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
color: #F8F8F0 !important;
|
||||||
|
background-color: #00A8C6 !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// obsolete()
|
||||||
|
&.syntax--deprecated {
|
||||||
|
color: #F8F8F0 !important;
|
||||||
|
background-color: #8FBE00 !important;
|
||||||
|
}
|
||||||
|
}
|
108
packages/atom-light-syntax/styles/syntax/css.less
Normal file
108
packages/atom-light-syntax/styles/syntax/css.less
Normal file
@ -0,0 +1,108 @@
|
|||||||
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
|
.syntax--entity {
|
||||||
|
|
||||||
|
// function()
|
||||||
|
&.syntax--function {
|
||||||
|
color: #555;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: #458;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class :pseudo-class attribute
|
||||||
|
&.syntax--selector {
|
||||||
|
color: #458;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: #008080;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
.syntax--attribute {
|
||||||
|
color: #458;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: #555;
|
||||||
|
|
||||||
|
// height position border
|
||||||
|
&.syntax--support {
|
||||||
|
font-weight: bold;
|
||||||
|
color: #333;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: #008080;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @keyframes keyframe
|
||||||
|
&.syntax--keyframe {
|
||||||
|
color: #606aa1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
.syntax--constant {
|
||||||
|
color: #555;
|
||||||
|
|
||||||
|
// flex solid bold
|
||||||
|
&.syntax--support {
|
||||||
|
color: #099;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 4 1.3
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: #099;
|
||||||
|
|
||||||
|
// px % cm hz
|
||||||
|
&.syntax--unit {
|
||||||
|
color: #445588;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// screen print
|
||||||
|
&.syntax--media {
|
||||||
|
color: #099;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #b294bb blue red
|
||||||
|
&.syntax--color {
|
||||||
|
color: #099;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [attribute=attribute-value]
|
||||||
|
&.syntax--attribute-value {
|
||||||
|
color: #D14;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// . : :: #
|
||||||
|
.syntax--punctuation.syntax--selector {
|
||||||
|
color: #458;
|
||||||
|
font-weight: bold;
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: #008080;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
|
||||||
|
// []
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: #555;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -5,6 +5,9 @@
|
|||||||
|
|
||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
|
|
||||||
@import "styles/syntax/_base.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
@import "styles/syntax/cs.less";
|
@import "styles/syntax-legacy/cs.less";
|
||||||
@import "styles/syntax/json.less";
|
@import "styles/syntax-legacy/json.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
|
@import "styles/syntax/css.less";
|
||||||
|
293
packages/base16-tomorrow-dark-theme/styles/syntax/base.less
Normal file
293
packages/base16-tomorrow-dark-theme/styles/syntax/base.less
Normal file
@ -0,0 +1,293 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for return
|
||||||
|
.syntax--keyword {
|
||||||
|
color: @purple;
|
||||||
|
|
||||||
|
// global let def class
|
||||||
|
&.syntax--storage {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
// int char float
|
||||||
|
&.syntax--type {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// and del not
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// = + && | << ?
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// len print
|
||||||
|
&.syntax--support {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Class int rune list
|
||||||
|
&.syntax--type {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// { } ~~~
|
||||||
|
&.syntax--embedded {
|
||||||
|
color: @brown;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// :immutable
|
||||||
|
&.syntax--immutable {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {placeholder} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${ }
|
||||||
|
&.syntax--interpolation {
|
||||||
|
color: @brown;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) | r" /
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @brown;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3 true nil
|
||||||
|
.syntax--constant {
|
||||||
|
color: @orange;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. * -
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// **bold**
|
||||||
|
&.syntax--bold {
|
||||||
|
color: @orange;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// *italic*
|
||||||
|
&.syntax--italic {
|
||||||
|
color: @purple;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {++ inserted ++}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {== highlighted ==}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {-- deleted --}
|
||||||
|
&.syntax--deleted {
|
||||||
|
color: @red;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {~~ from~>to ~~}
|
||||||
|
&.syntax--changed {
|
||||||
|
color: @purple;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {>> commented <<}
|
||||||
|
&.syntax--commented {
|
||||||
|
color: @gray;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: @gray;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: lighten(@gray, 3);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: lighten(@gray, 7);
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @gray;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
background-color: @red;
|
||||||
|
color: @syntax-background-color;
|
||||||
|
}
|
||||||
|
}
|
113
packages/base16-tomorrow-dark-theme/styles/syntax/css.less
Normal file
113
packages/base16-tomorrow-dark-theme/styles/syntax/css.less
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
|
.syntax--entity {
|
||||||
|
|
||||||
|
// function()
|
||||||
|
&.syntax--function {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class :pseudo-class attribute
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @orange;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id
|
||||||
|
&.syntax--id {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @keyframes keyframe
|
||||||
|
&.syntax--keyframe {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
.syntax--constant {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// flex solid bold
|
||||||
|
&.syntax--support {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3px 4em
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// screen print
|
||||||
|
&.syntax--media {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to 50%
|
||||||
|
&.syntax--offset {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// %
|
||||||
|
&.syntax--unit {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #b294bb
|
||||||
|
&.syntax--color {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// blue red
|
||||||
|
&.syntax--support {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// [attribute=attribute-value]
|
||||||
|
&.syntax--attribute-value {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// . : ::
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @orange;
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #
|
||||||
|
&.syntax--id {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// []
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -5,6 +5,9 @@
|
|||||||
|
|
||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
|
|
||||||
@import "styles/syntax/_base.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
@import "styles/syntax/cs.less";
|
@import "styles/syntax-legacy/cs.less";
|
||||||
@import "styles/syntax/json.less";
|
@import "styles/syntax-legacy/json.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
|
@import "styles/syntax/css.less";
|
||||||
|
293
packages/base16-tomorrow-light-theme/styles/syntax/base.less
Normal file
293
packages/base16-tomorrow-light-theme/styles/syntax/base.less
Normal file
@ -0,0 +1,293 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for return
|
||||||
|
.syntax--keyword {
|
||||||
|
color: @purple;
|
||||||
|
|
||||||
|
// global let def class
|
||||||
|
&.syntax--storage {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
// int char float
|
||||||
|
&.syntax--type {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// and del not
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// = + && | << ?
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// len print
|
||||||
|
&.syntax--support {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Class int rune list
|
||||||
|
&.syntax--type {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// { } ~~~
|
||||||
|
&.syntax--embedded {
|
||||||
|
color: @brown;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// :immutable
|
||||||
|
&.syntax--immutable {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {placeholder} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${ }
|
||||||
|
&.syntax--interpolation {
|
||||||
|
color: @brown;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) | r" /
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @brown;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3 true nil
|
||||||
|
.syntax--constant {
|
||||||
|
color: @orange;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. * -
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// **bold**
|
||||||
|
&.syntax--bold {
|
||||||
|
color: @orange;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// *italic*
|
||||||
|
&.syntax--italic {
|
||||||
|
color: @purple;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {++ inserted ++}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {== highlighted ==}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {-- deleted --}
|
||||||
|
&.syntax--deleted {
|
||||||
|
color: @red;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {~~ from~>to ~~}
|
||||||
|
&.syntax--changed {
|
||||||
|
color: @purple;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @purple;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {>> commented <<}
|
||||||
|
&.syntax--commented {
|
||||||
|
color: @gray;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @gray;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: @gray;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: lighten(@gray, 3);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: lighten(@gray, 7);
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @gray;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
background-color: @red;
|
||||||
|
color: @syntax-background-color;
|
||||||
|
}
|
||||||
|
}
|
113
packages/base16-tomorrow-light-theme/styles/syntax/css.less
Normal file
113
packages/base16-tomorrow-light-theme/styles/syntax/css.less
Normal file
@ -0,0 +1,113 @@
|
|||||||
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
|
.syntax--entity {
|
||||||
|
|
||||||
|
// function()
|
||||||
|
&.syntax--function {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class :pseudo-class attribute
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @orange;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id
|
||||||
|
&.syntax--id {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @keyframes keyframe
|
||||||
|
&.syntax--keyframe {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
.syntax--constant {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// flex solid bold
|
||||||
|
&.syntax--support {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3px 4em
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// screen print
|
||||||
|
&.syntax--media {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to 50%
|
||||||
|
&.syntax--offset {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// %
|
||||||
|
&.syntax--unit {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #b294bb
|
||||||
|
&.syntax--color {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// blue red
|
||||||
|
&.syntax--support {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// [attribute=attribute-value]
|
||||||
|
&.syntax--attribute-value {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// . : ::
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @orange;
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #
|
||||||
|
&.syntax--id {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// []
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -5,20 +5,23 @@
|
|||||||
|
|
||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
|
|
||||||
@import "styles/syntax/_base.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
@import "styles/syntax/c.less";
|
// @import "styles/syntax-legacy/c.less";
|
||||||
@import "styles/syntax/cpp.less";
|
// @import "styles/syntax-legacy/cpp.less";
|
||||||
@import "styles/syntax/cs.less";
|
@import "styles/syntax-legacy/cs.less";
|
||||||
|
@import "styles/syntax-legacy/css.less";
|
||||||
|
@import "styles/syntax-legacy/elixir.less";
|
||||||
|
@import "styles/syntax-legacy/gfm.less";
|
||||||
|
// @import "styles/syntax-legacy/go.less";
|
||||||
|
@import "styles/syntax-legacy/ini.less";
|
||||||
|
@import "styles/syntax-legacy/java.less";
|
||||||
|
// @import "styles/syntax-legacy/javascript.less";
|
||||||
|
@import "styles/syntax-legacy/typescript.less";
|
||||||
|
@import "styles/syntax-legacy/json.less";
|
||||||
|
@import "styles/syntax-legacy/ng.less";
|
||||||
|
// @import "styles/syntax-legacy/ruby.less";
|
||||||
|
@import "styles/syntax-legacy/php.less";
|
||||||
|
// @import "styles/syntax-legacy/python.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
@import "styles/syntax/css.less";
|
@import "styles/syntax/css.less";
|
||||||
@import "styles/syntax/elixir.less";
|
|
||||||
@import "styles/syntax/gfm.less";
|
|
||||||
@import "styles/syntax/go.less";
|
|
||||||
@import "styles/syntax/ini.less";
|
|
||||||
@import "styles/syntax/java.less";
|
|
||||||
@import "styles/syntax/javascript.less";
|
|
||||||
@import "styles/syntax/typescript.less";
|
|
||||||
@import "styles/syntax/json.less";
|
|
||||||
@import "styles/syntax/ng.less";
|
|
||||||
@import "styles/syntax/ruby.less";
|
|
||||||
@import "styles/syntax/php.less";
|
|
||||||
@import "styles/syntax/python.less";
|
|
||||||
|
10
packages/one-dark-syntax/styles/syntax-legacy/css.less
Normal file
10
packages/one-dark-syntax/styles/syntax-legacy/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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
312
packages/one-dark-syntax/styles/syntax/base.less
Normal file
312
packages/one-dark-syntax/styles/syntax/base.less
Normal file
@ -0,0 +1,312 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for and del let = &&
|
||||||
|
.syntax--keyword {
|
||||||
|
color: @hue-3;
|
||||||
|
|
||||||
|
// int char float
|
||||||
|
&.syntax--type {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: @mono-1;
|
||||||
|
|
||||||
|
// function(parameter)
|
||||||
|
&.syntax--parameter {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @hue-2;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Class int rune list
|
||||||
|
&.syntax--type {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @mono-1;
|
||||||
|
|
||||||
|
&.syntax--accessor {
|
||||||
|
color: @mono-1;
|
||||||
|
|
||||||
|
// . -> ::
|
||||||
|
&.syntax--member,
|
||||||
|
&.syntax--scope {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } ~~~
|
||||||
|
&.syntax--embedded {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
// :immutable
|
||||||
|
&.syntax--immutable {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {placeholder} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${ }
|
||||||
|
&.syntax--interpolation {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) |
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3 true nil
|
||||||
|
.syntax--constant {
|
||||||
|
color: @hue-6;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. * -
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// > quote
|
||||||
|
&.syntax--quote {
|
||||||
|
color: @mono-3;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// **bold**
|
||||||
|
&.syntax--bold {
|
||||||
|
color: @hue-6;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// *italic*
|
||||||
|
&.syntax--italic {
|
||||||
|
color: @hue-3;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __underline__
|
||||||
|
&.syntax--underline {
|
||||||
|
color: @hue-1;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ~~strike~~
|
||||||
|
&.syntax--strike {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {++ inserted ++}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {== highlighted ==}
|
||||||
|
&.syntax--highlighted {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {-- deleted --}
|
||||||
|
&.syntax--deleted {
|
||||||
|
color: @hue-5;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {~~ from~>to ~~}
|
||||||
|
&.syntax--changed {
|
||||||
|
color: @hue-3;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {>> commented <<}
|
||||||
|
&.syntax--commented {
|
||||||
|
color: @mono-3;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @mono-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: @mono-3;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: lighten(@mono-3, 6);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: lighten(@mono-3, 9);
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @mono-3;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
color: @syntax-illegal-fg !important;
|
||||||
|
background-color: @syntax-illegal-bg !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// obsolete()
|
||||||
|
&.syntax--deprecated {
|
||||||
|
color: @syntax-deprecated-fg !important;
|
||||||
|
background-color: @syntax-deprecated-bg !important;
|
||||||
|
}
|
||||||
|
}
|
@ -1,10 +1,103 @@
|
|||||||
.syntax--source.syntax--css {
|
.syntax--source.syntax--css {
|
||||||
// highlight properties/values if they are supported
|
|
||||||
.syntax--property-name,
|
.syntax--entity {
|
||||||
.syntax--property-value {
|
|
||||||
|
// function()
|
||||||
|
&.syntax--function {
|
||||||
|
color: @mono-2;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class :pseudo-class attribute
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @hue-6;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id
|
||||||
|
&.syntax--id {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: @mono-2;
|
||||||
|
|
||||||
|
// height position border
|
||||||
|
&.syntax--support {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
.syntax--constant {
|
||||||
color: @mono-2;
|
color: @mono-2;
|
||||||
|
|
||||||
|
// flex solid bold
|
||||||
&.syntax--support {
|
&.syntax--support {
|
||||||
color: @mono-1;
|
color: @mono-1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// 3px 4em
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// screen print
|
||||||
|
&.syntax--media {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #b294bb blue red
|
||||||
|
&.syntax--color {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to
|
||||||
|
&.syntax--offset {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [attribute=attribute-value]
|
||||||
|
&.syntax--attribute-value {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// . : ::
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @hue-6;
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #
|
||||||
|
&.syntax--id {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// []
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
@ -5,20 +5,23 @@
|
|||||||
|
|
||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
|
|
||||||
@import "styles/syntax/_base.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
@import "styles/syntax/c.less";
|
// @import "styles/syntax-legacy/c.less";
|
||||||
@import "styles/syntax/cpp.less";
|
// @import "styles/syntax-legacy/cpp.less";
|
||||||
@import "styles/syntax/cs.less";
|
@import "styles/syntax-legacy/cs.less";
|
||||||
|
@import "styles/syntax-legacy/css.less";
|
||||||
|
@import "styles/syntax-legacy/elixir.less";
|
||||||
|
@import "styles/syntax-legacy/gfm.less";
|
||||||
|
// @import "styles/syntax-legacy/go.less";
|
||||||
|
@import "styles/syntax-legacy/ini.less";
|
||||||
|
@import "styles/syntax-legacy/java.less";
|
||||||
|
// @import "styles/syntax-legacy/javascript.less";
|
||||||
|
@import "styles/syntax-legacy/typescript.less";
|
||||||
|
@import "styles/syntax-legacy/json.less";
|
||||||
|
@import "styles/syntax-legacy/ng.less";
|
||||||
|
// @import "styles/syntax-legacy/ruby.less";
|
||||||
|
@import "styles/syntax-legacy/php.less";
|
||||||
|
// @import "styles/syntax-legacy/python.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
@import "styles/syntax/css.less";
|
@import "styles/syntax/css.less";
|
||||||
@import "styles/syntax/elixir.less";
|
|
||||||
@import "styles/syntax/gfm.less";
|
|
||||||
@import "styles/syntax/go.less";
|
|
||||||
@import "styles/syntax/ini.less";
|
|
||||||
@import "styles/syntax/java.less";
|
|
||||||
@import "styles/syntax/javascript.less";
|
|
||||||
@import "styles/syntax/typescript.less";
|
|
||||||
@import "styles/syntax/json.less";
|
|
||||||
@import "styles/syntax/ng.less";
|
|
||||||
@import "styles/syntax/ruby.less";
|
|
||||||
@import "styles/syntax/php.less";
|
|
||||||
@import "styles/syntax/python.less";
|
|
||||||
|
@ -19,8 +19,8 @@
|
|||||||
@hue-5: hsl( 5, 74%, 59%); // <-red 1
|
@hue-5: hsl( 5, 74%, 59%); // <-red 1
|
||||||
@hue-5-2: hsl(344, 84%, 43%); // <-red 2
|
@hue-5-2: hsl(344, 84%, 43%); // <-red 2
|
||||||
|
|
||||||
@hue-6: hsl(41, 99%, 30%); // <-orange 1
|
@hue-6: hsl(35, 99%, 36%); // <-orange 1
|
||||||
@hue-6-2: hsl(41, 99%, 38%); // <-orange 2
|
@hue-6-2: hsl(35, 99%, 40%); // <-orange 2
|
||||||
|
|
||||||
|
|
||||||
// Base colors -----------------------------------
|
// Base colors -----------------------------------
|
||||||
|
12
packages/one-light-syntax/styles/syntax-legacy/css.less
Normal file
12
packages/one-light-syntax/styles/syntax-legacy/css.less
Normal file
@ -0,0 +1,12 @@
|
|||||||
|
.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;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
312
packages/one-light-syntax/styles/syntax/base.less
Normal file
312
packages/one-light-syntax/styles/syntax/base.less
Normal file
@ -0,0 +1,312 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for return global let
|
||||||
|
.syntax--keyword {
|
||||||
|
color: @hue-3;
|
||||||
|
|
||||||
|
// int char float
|
||||||
|
&.syntax--type {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// and or new del
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// = + && | << ?
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: @mono-1;
|
||||||
|
|
||||||
|
// function(parameter)
|
||||||
|
&.syntax--parameter {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @hue-2;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Class int rune list
|
||||||
|
&.syntax--type {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @mono-1;
|
||||||
|
|
||||||
|
// . -> :: []
|
||||||
|
&.syntax--accessor {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
// :immutable
|
||||||
|
&.syntax--immutable {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {placeholder} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${ }
|
||||||
|
&.syntax--interpolation {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) |
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3 true nil
|
||||||
|
.syntax--constant {
|
||||||
|
color: @hue-6;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 1. * -
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// > quote
|
||||||
|
&.syntax--quote {
|
||||||
|
color: @mono-3;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// **bold**
|
||||||
|
&.syntax--bold {
|
||||||
|
color: @hue-6;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// *italic*
|
||||||
|
&.syntax--italic {
|
||||||
|
color: @hue-3;
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __underline__
|
||||||
|
&.syntax--underline {
|
||||||
|
color: @hue-1;
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ~~strike~~
|
||||||
|
&.syntax--strike {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {++ inserted ++}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {== highlighted ==}
|
||||||
|
&.syntax--highlighted {
|
||||||
|
color: @hue-4;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {-- deleted --}
|
||||||
|
&.syntax--deleted {
|
||||||
|
color: @hue-5;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {~~ from~>to ~~}
|
||||||
|
&.syntax--changed {
|
||||||
|
color: @hue-3;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @hue-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {>> commented <<}
|
||||||
|
&.syntax--commented {
|
||||||
|
color: @mono-3;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @mono-3;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: @mono-3;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: lighten(@mono-3, 6);
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: lighten(@mono-3, 9);
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @mono-3;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
color: @syntax-illegal-fg !important;
|
||||||
|
background-color: @syntax-illegal-bg !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// obsolete()
|
||||||
|
&.syntax--deprecated {
|
||||||
|
color: @syntax-deprecated-fg !important;
|
||||||
|
background-color: @syntax-deprecated-bg !important;
|
||||||
|
}
|
||||||
|
}
|
@ -1,12 +1,103 @@
|
|||||||
.syntax--source.syntax--css {
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
// highlight properties/values if they are supported
|
.syntax--entity {
|
||||||
.syntax--property-name,
|
|
||||||
.syntax--property-value {
|
// function()
|
||||||
color: @mono-2;
|
&.syntax--function {
|
||||||
&.syntax--support {
|
color: @mono-2;
|
||||||
color: @mono-1;
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: @hue-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// .class :pseudo-class attribute
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @hue-6;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id
|
||||||
|
&.syntax--id {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: @mono-2;
|
||||||
|
|
||||||
|
// height position border
|
||||||
|
&.syntax--support {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @hue-5;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
.syntax--constant {
|
||||||
|
color: @mono-2;
|
||||||
|
|
||||||
|
// flex solid bold
|
||||||
|
&.syntax--support {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// 3px 4em
|
||||||
|
&.syntax--numeric {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// screen print
|
||||||
|
&.syntax--media {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #b294bb blue red
|
||||||
|
&.syntax--color {
|
||||||
|
color: @hue-6;
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to
|
||||||
|
&.syntax--offset {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [attribute=attribute-value]
|
||||||
|
&.syntax--attribute-value {
|
||||||
|
color: @hue-4;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// . : ::
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @hue-6;
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: @hue-5;
|
||||||
|
}
|
||||||
|
|
||||||
|
// #
|
||||||
|
&.syntax--id {
|
||||||
|
color: @hue-2;
|
||||||
|
}
|
||||||
|
|
||||||
|
// []
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @mono-1;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
@ -6,17 +6,22 @@
|
|||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
|
|
||||||
// Languages
|
// Languages
|
||||||
@import "styles/syntax/_base.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
@import "styles/syntax/c.less";
|
// @import "styles/syntax-legacy/c.less";
|
||||||
@import "styles/syntax/coffee.less";
|
@import "styles/syntax-legacy/coffee.less";
|
||||||
|
@import "styles/syntax-legacy/css.less";
|
||||||
|
// @import "styles/syntax-legacy/go.less";
|
||||||
|
@import "styles/syntax-legacy/java.less";
|
||||||
|
// @import "styles/syntax-legacy/javascript.less";
|
||||||
|
@import "styles/syntax-legacy/markdown.less";
|
||||||
|
@import "styles/syntax-legacy/markup.less";
|
||||||
|
@import "styles/syntax-legacy/php.less";
|
||||||
|
// @import "styles/syntax-legacy/python.less";
|
||||||
|
// @import "styles/syntax-legacy/ruby.less";
|
||||||
|
@import "styles/syntax-legacy/scala.less";
|
||||||
|
@import "styles/syntax-legacy/typescript.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
@import "styles/syntax/css.less";
|
@import "styles/syntax/css.less";
|
||||||
@import "styles/syntax/go.less";
|
@import "styles/syntax/html.less";
|
||||||
@import "styles/syntax/java.less";
|
@import "styles/syntax/js.less";
|
||||||
@import "styles/syntax/javascript.less";
|
|
||||||
@import "styles/syntax/markdown.less";
|
|
||||||
@import "styles/syntax/markup.less";
|
|
||||||
@import "styles/syntax/php.less";
|
|
||||||
@import "styles/syntax/python.less";
|
|
||||||
@import "styles/syntax/ruby.less";
|
|
||||||
@import "styles/syntax/scala.less";
|
|
||||||
@import "styles/syntax/typescript.less";
|
|
||||||
|
63
packages/solarized-dark-syntax/styles/syntax-legacy/css.less
Normal file
63
packages/solarized-dark-syntax/styles/syntax-legacy/css.less
Normal file
@ -0,0 +1,63 @@
|
|||||||
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
&.syntax--separator,
|
||||||
|
&.syntax--terminator {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
&.syntax--property-list.syntax--begin,
|
||||||
|
&.syntax--property-list.syntax--end {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
&.syntax--section.syntax--function {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--entity.syntax--name {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
.syntax--attribute-name.syntax--class,
|
||||||
|
.syntax--id {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
.syntax--pseudo-element,
|
||||||
|
.syntax--pseudo-class {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--property-value {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
.syntax--constant.syntax--numeric {
|
||||||
|
color: @cyan;
|
||||||
|
.syntax--unit {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.syntax--rgb-value {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
.syntax--support.syntax--constant {
|
||||||
|
color: @cyan;
|
||||||
|
&.syntax--media {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--keyword.syntax--important {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Less/Sass should have their own files,
|
||||||
|
// but for just a single override, here should be fine too
|
||||||
|
|
||||||
|
.syntax--source.syntax--less,
|
||||||
|
.syntax--source.syntax--scss {
|
||||||
|
.syntax--keyword.syntax--unit {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
291
packages/solarized-dark-syntax/styles/syntax/base.less
Normal file
291
packages/solarized-dark-syntax/styles/syntax/base.less
Normal file
@ -0,0 +1,291 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for return global let and int
|
||||||
|
.syntax--keyword {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// = + && | << ?
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Enum Class
|
||||||
|
&.syntax--type {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// int dict char map
|
||||||
|
&.syntax--fundamental {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// {placeholder} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ${ }
|
||||||
|
&.syntax--interpolation {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) | r" /
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3 0x29
|
||||||
|
.syntax--constant {
|
||||||
|
color: @magenta;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// true false nil
|
||||||
|
&.syntax--language {
|
||||||
|
color: @magenta;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// >
|
||||||
|
&.syntax--quote.syntax--punctuation {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
|
||||||
|
// 1.
|
||||||
|
&.syntax--ordered {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// * -
|
||||||
|
&.syntax--unordered {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// **bold**
|
||||||
|
&.syntax--bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// *italic*
|
||||||
|
&.syntax--italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {++ inserted ++}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {== highlighted ==}
|
||||||
|
&.syntax--highlighted {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {-- deleted --}
|
||||||
|
&.syntax--deleted {
|
||||||
|
color: @red;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {~~ from~>to ~~}
|
||||||
|
&.syntax--changed {
|
||||||
|
color: @yellow;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {>> commented <<}
|
||||||
|
&.syntax--commented {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: @syntax-subtle-color;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: @syntax-subtle-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
color: @red !important;
|
||||||
|
text-decoration: underline !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// obsolete()
|
||||||
|
&.syntax--deprecated {
|
||||||
|
color: @yellow !important;
|
||||||
|
text-decoration: underline !important;
|
||||||
|
}
|
||||||
|
}
|
@ -1,63 +1,128 @@
|
|||||||
.syntax--source.syntax--css {
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
.syntax--punctuation {
|
// @media and or
|
||||||
&.syntax--separator,
|
.syntax--keyword {
|
||||||
&.syntax--terminator {
|
color: @green;
|
||||||
|
|
||||||
|
// + = *=
|
||||||
|
&.syntax--symbolic {
|
||||||
color: @syntax-text-color;
|
color: @syntax-text-color;
|
||||||
}
|
}
|
||||||
&.syntax--property-list.syntax--begin,
|
|
||||||
&.syntax--property-list.syntax--end {
|
// !important
|
||||||
color: @red;
|
&.syntax--important {
|
||||||
}
|
color: @green;
|
||||||
&.syntax--section.syntax--function {
|
|
||||||
color: @cyan;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.syntax--entity.syntax--name {
|
.syntax--entity {
|
||||||
color: @green;
|
|
||||||
}
|
|
||||||
.syntax--attribute-name.syntax--class,
|
|
||||||
.syntax--id {
|
|
||||||
color: @blue;
|
|
||||||
}
|
|
||||||
.syntax--pseudo-element,
|
|
||||||
.syntax--pseudo-class {
|
|
||||||
color: @orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.syntax--property-value {
|
// function()
|
||||||
color: @cyan;
|
&.syntax--function {
|
||||||
}
|
|
||||||
.syntax--constant.syntax--numeric {
|
|
||||||
color: @cyan;
|
|
||||||
.syntax--unit {
|
|
||||||
color: @cyan;
|
color: @cyan;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id .class
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @magenta;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// :pseudo-class ::pseudo-element
|
||||||
|
&.syntax--pseudo-class,
|
||||||
|
&.syntax--pseudo-element {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: @syntax-subtle-color;
|
||||||
|
|
||||||
|
// height position border
|
||||||
|
&.syntax--support {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @keyframes keyframe
|
||||||
|
&.syntax--keyframe {
|
||||||
|
color: @syntax-text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.syntax--rgb-value {
|
|
||||||
color: @cyan;
|
// property: constant
|
||||||
}
|
.syntax--constant {
|
||||||
.syntax--support.syntax--constant {
|
|
||||||
color: @cyan;
|
color: @cyan;
|
||||||
|
|
||||||
|
// tv tty
|
||||||
&.syntax--media {
|
&.syntax--media {
|
||||||
color: @red;
|
color: @yellow;
|
||||||
|
|
||||||
|
// print screen
|
||||||
|
&.syntax--support {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to 50%
|
||||||
|
&.syntax--offset {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// %
|
||||||
|
&.syntax--unit {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.syntax--keyword.syntax--important {
|
.syntax--punctuation {
|
||||||
color: @red;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
&.syntax--selector {
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
// Less/Sass should have their own files,
|
// #
|
||||||
// but for just a single override, here should be fine too
|
&.syntax--id {
|
||||||
|
color: @magenta;
|
||||||
|
}
|
||||||
|
|
||||||
.syntax--source.syntax--less,
|
// .
|
||||||
.syntax--source.syntax--scss {
|
&.syntax--class {
|
||||||
.syntax--keyword.syntax--unit {
|
color: @magenta;
|
||||||
color: @cyan;
|
}
|
||||||
|
|
||||||
|
// : ::
|
||||||
|
&.syntax--pseudo-class,
|
||||||
|
&.syntax--pseudo-element {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ()
|
||||||
|
&.syntax--arguments {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
23
packages/solarized-dark-syntax/styles/syntax/html.less
Normal file
23
packages/solarized-dark-syntax/styles/syntax/html.less
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
.syntax--source.syntax--html {
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// < />
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// =
|
||||||
|
&.syntax--pair.syntax--attribute-value {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--meta {
|
||||||
|
|
||||||
|
// <!doctype html>
|
||||||
|
&.syntax--doctype {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
21
packages/solarized-dark-syntax/styles/syntax/js.less
Normal file
21
packages/solarized-dark-syntax/styles/syntax/js.less
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
.syntax--source.syntax--js {
|
||||||
|
|
||||||
|
.syntax--jsx {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// Component
|
||||||
|
&.syntax--entity.syntax--type {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
&.syntax--string {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <div>text</div>
|
||||||
|
&.syntax--text {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
@ -6,17 +6,22 @@
|
|||||||
@import "styles/editor.less";
|
@import "styles/editor.less";
|
||||||
|
|
||||||
// Languages
|
// Languages
|
||||||
@import "styles/syntax/_base.less";
|
@import "styles/syntax-legacy/_base.less";
|
||||||
@import "styles/syntax/c.less";
|
// @import "styles/syntax-legacy/c.less";
|
||||||
@import "styles/syntax/coffee.less";
|
@import "styles/syntax-legacy/coffee.less";
|
||||||
|
@import "styles/syntax-legacy/css.less";
|
||||||
|
// @import "styles/syntax-legacy/go.less";
|
||||||
|
@import "styles/syntax-legacy/java.less";
|
||||||
|
// @import "styles/syntax-legacy/javascript.less";
|
||||||
|
@import "styles/syntax-legacy/markdown.less";
|
||||||
|
@import "styles/syntax-legacy/markup.less";
|
||||||
|
@import "styles/syntax-legacy/php.less";
|
||||||
|
// @import "styles/syntax-legacy/python.less";
|
||||||
|
// @import "styles/syntax-legacy/ruby.less";
|
||||||
|
@import "styles/syntax-legacy/scala.less";
|
||||||
|
@import "styles/syntax-legacy/typescript.less";
|
||||||
|
|
||||||
|
@import "styles/syntax/base.less";
|
||||||
@import "styles/syntax/css.less";
|
@import "styles/syntax/css.less";
|
||||||
@import "styles/syntax/go.less";
|
@import "styles/syntax/html.less";
|
||||||
@import "styles/syntax/java.less";
|
@import "styles/syntax/js.less";
|
||||||
@import "styles/syntax/javascript.less";
|
|
||||||
@import "styles/syntax/markdown.less";
|
|
||||||
@import "styles/syntax/markup.less";
|
|
||||||
@import "styles/syntax/php.less";
|
|
||||||
@import "styles/syntax/python.less";
|
|
||||||
@import "styles/syntax/ruby.less";
|
|
||||||
@import "styles/syntax/scala.less";
|
|
||||||
@import "styles/syntax/typescript.less";
|
|
||||||
|
@ -0,0 +1,63 @@
|
|||||||
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
&.syntax--separator,
|
||||||
|
&.syntax--terminator {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
&.syntax--property-list.syntax--begin,
|
||||||
|
&.syntax--property-list.syntax--end {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
&.syntax--section.syntax--function {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--entity.syntax--name {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
.syntax--attribute-name.syntax--class,
|
||||||
|
.syntax--id {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
.syntax--pseudo-element,
|
||||||
|
.syntax--pseudo-class {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--property-value {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
.syntax--constant.syntax--numeric {
|
||||||
|
color: @cyan;
|
||||||
|
.syntax--unit {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
.syntax--rgb-value {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
.syntax--support.syntax--constant {
|
||||||
|
color: @cyan;
|
||||||
|
&.syntax--media {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--keyword.syntax--important {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
// Less/Sass should have their own files,
|
||||||
|
// but for just a single override, here should be fine too
|
||||||
|
|
||||||
|
.syntax--source.syntax--less,
|
||||||
|
.syntax--source.syntax--scss {
|
||||||
|
.syntax--keyword.syntax--unit {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
286
packages/solarized-light-syntax/styles/syntax/base.less
Normal file
286
packages/solarized-light-syntax/styles/syntax/base.less
Normal file
@ -0,0 +1,286 @@
|
|||||||
|
/*
|
||||||
|
This defines styling rules for syntax classes.
|
||||||
|
|
||||||
|
See the naming conventions for a list of syntax classes:
|
||||||
|
https://flight-manual.atom.io/hacking-atom/sections/syntax-naming-conventions
|
||||||
|
|
||||||
|
When styling rules conflict:
|
||||||
|
- The last rule overrides previous rules.
|
||||||
|
- The rule with most classes and pseudo-classes overrides the last rule.
|
||||||
|
*/
|
||||||
|
|
||||||
|
// if for return global let and int
|
||||||
|
.syntax--keyword {
|
||||||
|
color: @green;
|
||||||
|
|
||||||
|
// super
|
||||||
|
&.syntax--function {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// this self
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// = + && | << ?
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// identifier
|
||||||
|
.syntax--entity {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// self cls iota
|
||||||
|
&.syntax--support {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @entity.decorator
|
||||||
|
&.syntax--decorator:last-child {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// label:
|
||||||
|
&.syntax--label {
|
||||||
|
text-decoration: underline;
|
||||||
|
}
|
||||||
|
|
||||||
|
// function method
|
||||||
|
&.syntax--function {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// add
|
||||||
|
&.syntax--operator {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// %>% <=>
|
||||||
|
&.syntax--symbolic {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// String Enum Class
|
||||||
|
&.syntax--type {
|
||||||
|
color: @blue;
|
||||||
|
|
||||||
|
// int dict char map
|
||||||
|
&.syntax--fundamental {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// () [] {} => @
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
.syntax--string {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// ${variable} %().2f
|
||||||
|
&.syntax--part {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// /^reg[ex]?p/
|
||||||
|
&.syntax--regexp {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// ^ $ \b ? + i
|
||||||
|
&.syntax--language {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <variable> \1
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
|
||||||
|
// ( ) [^ ] (?= ) | r" /
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @orange;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// literal 4 1.3 0x29
|
||||||
|
.syntax--constant {
|
||||||
|
color: @magenta;
|
||||||
|
|
||||||
|
// < 'a'
|
||||||
|
&.syntax--character {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
// \" \' \g \.
|
||||||
|
&.syntax--escape {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// \u2661 \n \t \W .
|
||||||
|
&.syntax--code {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// true false nil
|
||||||
|
&.syntax--language {
|
||||||
|
color: @magenta;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// text
|
||||||
|
.syntax--text {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// __formatted__
|
||||||
|
.syntax--markup {
|
||||||
|
|
||||||
|
// # Heading
|
||||||
|
&.syntax--heading {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// >
|
||||||
|
&.syntax--quote.syntax--punctuation {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
&.syntax--list.syntax--punctuation {
|
||||||
|
|
||||||
|
// 1.
|
||||||
|
&.syntax--ordered {
|
||||||
|
color: @green;
|
||||||
|
}
|
||||||
|
|
||||||
|
// * -
|
||||||
|
&.syntax--unordered {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// **bold**
|
||||||
|
&.syntax--bold {
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// *italic*
|
||||||
|
&.syntax--italic {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// `raw`
|
||||||
|
&.syntax--raw {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
|
// url.com (path)
|
||||||
|
&.syntax--link {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// [alt] ![alt]
|
||||||
|
&.syntax--alt {
|
||||||
|
color: @violet;
|
||||||
|
}
|
||||||
|
|
||||||
|
// {++ inserted ++}
|
||||||
|
&.syntax--inserted {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {== highlighted ==}
|
||||||
|
&.syntax--highlighted {
|
||||||
|
color: @cyan;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {-- deleted --}
|
||||||
|
&.syntax--deleted {
|
||||||
|
color: @red;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @red;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {~~ from~>to ~~}
|
||||||
|
&.syntax--changed {
|
||||||
|
color: @yellow;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// {>> commented <<}
|
||||||
|
&.syntax--commented {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// /* comment */
|
||||||
|
.syntax--comment {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
font-style: italic;
|
||||||
|
|
||||||
|
// @param TODO NOTE
|
||||||
|
&.syntax--caption {
|
||||||
|
color: @syntax-subtle-color;
|
||||||
|
font-weight: bold;
|
||||||
|
}
|
||||||
|
|
||||||
|
// variable function type
|
||||||
|
&.syntax--term {
|
||||||
|
color: @syntax-subtle-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// { } / .
|
||||||
|
&.syntax--punctuation {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
font-weight: normal;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// 0invalid
|
||||||
|
.syntax--invalid:not(.syntax--punctuation) {
|
||||||
|
|
||||||
|
// §illegal
|
||||||
|
&.syntax--illegal {
|
||||||
|
color: @red !important;
|
||||||
|
text-decoration: underline !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
// obsolete()
|
||||||
|
&.syntax--deprecated {
|
||||||
|
color: @yellow !important;
|
||||||
|
text-decoration: underline !important;
|
||||||
|
}
|
||||||
|
}
|
@ -1,63 +1,128 @@
|
|||||||
.syntax--source.syntax--css {
|
.syntax--source.syntax--css {
|
||||||
|
|
||||||
.syntax--punctuation {
|
// @media and or
|
||||||
&.syntax--separator,
|
.syntax--keyword {
|
||||||
&.syntax--terminator {
|
color: @green;
|
||||||
|
|
||||||
|
// + = *=
|
||||||
|
&.syntax--symbolic {
|
||||||
color: @syntax-text-color;
|
color: @syntax-text-color;
|
||||||
}
|
}
|
||||||
&.syntax--property-list.syntax--begin,
|
|
||||||
&.syntax--property-list.syntax--end {
|
// !important
|
||||||
color: @red;
|
&.syntax--important {
|
||||||
}
|
color: @green;
|
||||||
&.syntax--section.syntax--function {
|
|
||||||
color: @cyan;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.syntax--entity.syntax--name {
|
.syntax--entity {
|
||||||
color: @green;
|
|
||||||
}
|
|
||||||
.syntax--attribute-name.syntax--class,
|
|
||||||
.syntax--id {
|
|
||||||
color: @blue;
|
|
||||||
}
|
|
||||||
.syntax--pseudo-element,
|
|
||||||
.syntax--pseudo-class {
|
|
||||||
color: @orange;
|
|
||||||
}
|
|
||||||
|
|
||||||
.syntax--property-value {
|
// function()
|
||||||
color: @cyan;
|
&.syntax--function {
|
||||||
}
|
|
||||||
.syntax--constant.syntax--numeric {
|
|
||||||
color: @cyan;
|
|
||||||
.syntax--unit {
|
|
||||||
color: @cyan;
|
color: @cyan;
|
||||||
|
|
||||||
|
// url rgb
|
||||||
|
&.syntax--support {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// #id .class
|
||||||
|
&.syntax--selector {
|
||||||
|
color: @magenta;
|
||||||
|
|
||||||
|
// div span
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// :pseudo-class ::pseudo-element
|
||||||
|
&.syntax--pseudo-class,
|
||||||
|
&.syntax--pseudo-element {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// href src alt
|
||||||
|
&.syntax--attribute {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
|
||||||
|
// property: constant
|
||||||
|
&.syntax--property {
|
||||||
|
color: @syntax-subtle-color;
|
||||||
|
|
||||||
|
// height position border
|
||||||
|
&.syntax--support {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// --variable
|
||||||
|
&.syntax--variable {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// @keyframes keyframe
|
||||||
|
&.syntax--keyframe {
|
||||||
|
color: @syntax-text-color;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.syntax--rgb-value {
|
|
||||||
color: @cyan;
|
// property: constant
|
||||||
}
|
.syntax--constant {
|
||||||
.syntax--support.syntax--constant {
|
|
||||||
color: @cyan;
|
color: @cyan;
|
||||||
|
|
||||||
|
// tv tty
|
||||||
&.syntax--media {
|
&.syntax--media {
|
||||||
color: @red;
|
color: @yellow;
|
||||||
|
|
||||||
|
// print screen
|
||||||
|
&.syntax--support {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// from to 50%
|
||||||
|
&.syntax--offset {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// %
|
||||||
|
&.syntax--unit {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.syntax--keyword.syntax--important {
|
.syntax--punctuation {
|
||||||
color: @red;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
&.syntax--selector {
|
||||||
|
|
||||||
|
// *
|
||||||
|
&.syntax--wildcard {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
// Less/Sass should have their own files,
|
// #
|
||||||
// but for just a single override, here should be fine too
|
&.syntax--id {
|
||||||
|
color: @magenta;
|
||||||
|
}
|
||||||
|
|
||||||
.syntax--source.syntax--less,
|
// .
|
||||||
.syntax--source.syntax--scss {
|
&.syntax--class {
|
||||||
.syntax--keyword.syntax--unit {
|
color: @magenta;
|
||||||
color: @cyan;
|
}
|
||||||
|
|
||||||
|
// : ::
|
||||||
|
&.syntax--pseudo-class,
|
||||||
|
&.syntax--pseudo-element {
|
||||||
|
color: @yellow;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// ()
|
||||||
|
&.syntax--arguments {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
23
packages/solarized-light-syntax/styles/syntax/html.less
Normal file
23
packages/solarized-light-syntax/styles/syntax/html.less
Normal file
@ -0,0 +1,23 @@
|
|||||||
|
.syntax--source.syntax--html {
|
||||||
|
|
||||||
|
.syntax--punctuation {
|
||||||
|
|
||||||
|
// < />
|
||||||
|
&.syntax--tag {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
|
||||||
|
// =
|
||||||
|
&.syntax--pair.syntax--attribute-value {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.syntax--meta {
|
||||||
|
|
||||||
|
// <!doctype html>
|
||||||
|
&.syntax--doctype {
|
||||||
|
color: @syntax-comment-color;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
21
packages/solarized-light-syntax/styles/syntax/js.less
Normal file
21
packages/solarized-light-syntax/styles/syntax/js.less
Normal file
@ -0,0 +1,21 @@
|
|||||||
|
.syntax--source.syntax--js {
|
||||||
|
|
||||||
|
.syntax--jsx {
|
||||||
|
color: @syntax-text-color;
|
||||||
|
|
||||||
|
// Component
|
||||||
|
&.syntax--entity.syntax--type {
|
||||||
|
color: @blue;
|
||||||
|
}
|
||||||
|
|
||||||
|
// "string"
|
||||||
|
&.syntax--string {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
|
||||||
|
// <div>text</div>
|
||||||
|
&.syntax--text {
|
||||||
|
color: @cyan;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
Loading…
Reference in New Issue
Block a user