A color scheme for you to love. ♡ https://love.holllo.cc
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

216 lines
3.2 KiB

  1. /* @variables-insert */
  2. @import "styles/syntax-variables.less";
  3. atom-text-editor {
  4. background-color: @syntax-background-color;
  5. color: @syntax-text-color;
  6. .wrap-guide {
  7. background-color: @syntax-wrap-guide-color;
  8. }
  9. .indent-guide {
  10. color: @syntax-indent-guide-color;
  11. }
  12. .invisible-character {
  13. color: @syntax-invisible-character-color;
  14. }
  15. .gutter {
  16. background-color: @syntax-gutter-background-color;
  17. color: @syntax-gutter-text-color;
  18. .line-number {
  19. &.cursor-line {
  20. background-color: @foreground-1;
  21. color: @background-1;
  22. }
  23. &.cursor-line-no-selection {
  24. color: @background-1;
  25. }
  26. }
  27. }
  28. .gutter .line-number.folded,
  29. .gutter .line-number::after,
  30. .fold-marker::after {
  31. color: @foreground-2;
  32. }
  33. .invisible {
  34. color: @syntax-text-color;
  35. }
  36. .cursor {
  37. color: @syntax-cursor-color;
  38. }
  39. .selection .region {
  40. background-color: @syntax-selection-color;
  41. }
  42. }
  43. // Syntax styles
  44. .syntax--comment {
  45. color: fade(@foreground-1, 40%);
  46. }
  47. .syntax--keyword {
  48. color: @accent-10;
  49. &.syntax--control {
  50. color: @accent-5;
  51. }
  52. &.syntax--operator {
  53. color: @accent-9;
  54. }
  55. &.syntax--other.syntax--unit {
  56. color: @accent-3;
  57. }
  58. }
  59. .syntax--storage {
  60. color: @accent-10;
  61. }
  62. .syntax--constant {
  63. color: @accent-3;
  64. &.syntax--character.syntax--escape {
  65. color: @accent-5;
  66. }
  67. &.syntax--numeric {
  68. color: @accent-3;
  69. }
  70. }
  71. .syntax--variable {
  72. color: @foreground-1;
  73. &.syntax--interpolation {
  74. color: @accent-5;
  75. }
  76. &.syntax--parameter.syntax--function {
  77. color: @accent-2;
  78. }
  79. }
  80. .syntax--invalid.syntax--illegal {
  81. background-color: @accent-1;
  82. color: @background-1;
  83. }
  84. .syntax--string {
  85. color: @accent-4;
  86. }
  87. .syntax--punctuation {
  88. &.syntax--definition {
  89. &.syntax--comment {
  90. color: fade(@foreground-1, 40%);
  91. }
  92. &.syntax--string,
  93. &.syntax--variable,
  94. &.syntax--parameters,
  95. &.syntax--array {
  96. color: @foreground-1;
  97. }
  98. }
  99. }
  100. .syntax--support {
  101. &.syntax--function {
  102. color: @foreground-1;
  103. }
  104. }
  105. .syntax--entity {
  106. &.syntax--name.syntax--function {
  107. color: @accent-6;
  108. }
  109. &.syntax--name.syntax--tag {
  110. color: @accent-2;
  111. text-decoration: underline;
  112. }
  113. &.syntax--other.syntax--attribute-name {
  114. color: @accent-9;
  115. }
  116. }
  117. .syntax--meta {
  118. &.syntax--class {
  119. color: @foreground-1;
  120. }
  121. &.syntax--link {
  122. color: @foreground-1;
  123. }
  124. &.syntax--require {
  125. color: @foreground-1;
  126. }
  127. }
  128. .syntax--none {
  129. color: @foreground-1;
  130. }
  131. .syntax--markup {
  132. &.syntax--bold {
  133. color: @accent-2;
  134. font-weight: bold;
  135. }
  136. &.syntax--changed {
  137. color: @accent-7;
  138. }
  139. &.syntax--deleted {
  140. color: @accent-1;
  141. }
  142. &.syntax--italic {
  143. color: @accent-2;
  144. font-style: italic;
  145. }
  146. &.syntax--heading .syntax--punctuation.syntax--definition.syntax--heading {
  147. color: @accent-7;
  148. }
  149. &.syntax--inserted {
  150. color: @accent-5;
  151. }
  152. &.syntax--list {
  153. color: @accent-1;
  154. }
  155. &.syntax--quote {
  156. color: @accent-2;
  157. }
  158. &.syntax--raw.syntax--inline {
  159. color: @accent-5;
  160. }
  161. }
  162. .syntax--source.syntax--gfm .syntax--markup {
  163. -webkit-font-smoothing: auto;
  164. &.syntax--heading {
  165. color: @accent-5;
  166. }
  167. }