123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312 |
- /*
- 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;
- }
- }
|