colors.txt 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214
  1. --background-base: #f8f7f7;
  2. --background-weak: var(--smoke-light-3);
  3. --background-strong: var(--smoke-light-1);
  4. --background-stronger: #fcfcfc;
  5. --base: var(--smoke-light-alpha-2);
  6. --surface-base: var(--smoke-light-alpha-2);
  7. --base2: var(--smoke-light-alpha-2);
  8. --base3: var(--smoke-light-alpha-2);
  9. --surface-inset-base: var(--smoke-light-alpha-3);
  10. --surface-inset-base-hover: var(--smoke-light-alpha-3);
  11. --surface-inset-strong: #1f000017;
  12. --surface-inset-strong-hover: #1f000017;
  13. --surface-raised-base: var(--smoke-light-alpha-1);
  14. --surface-float-base: var(--smoke-dark-1);
  15. --surface-float-base-hover: var(--smoke-dark-2);
  16. --surface-raised-base-hover: var(--smoke-light-alpha-2);
  17. --surface-raised-strong: var(--smoke-light-1);
  18. --surface-raised-strong-hover: var(--white);
  19. --surface-raised-stronger: var(--white);
  20. --surface-raised-stronger-hover: var(--white);
  21. --surface-weak: var(--smoke-light-alpha-3);
  22. --surface-weaker: var(--smoke-light-alpha-4);
  23. --surface-strong: #ffffff;
  24. --surface-raised-stronger-non-alpha: var(--white);
  25. --surface-brand-base: var(--yuzu-light-9);
  26. --surface-brand-hover: var(--yuzu-light-10);
  27. --surface-interactive-base: var(--cobalt-light-3);
  28. --surface-interactive-hover: var(--cobalt-light-4);
  29. --surface-interactive-weak: var(--cobalt-light-2);
  30. --surface-interactive-weak-hover: var(--cobalt-light-3);
  31. --surface-success-base: var(--apple-light-3);
  32. --surface-success-weak: var(--apple-light-2);
  33. --surface-success-strong: var(--apple-light-9);
  34. --surface-warning-base: var(--solaris-light-3);
  35. --surface-warning-weak: var(--solaris-light-2);
  36. --surface-warning-strong: var(--solaris-light-9);
  37. --surface-critical-base: var(--ember-light-3);
  38. --surface-critical-weak: var(--ember-light-2);
  39. --surface-critical-strong: var(--ember-light-9);
  40. --surface-info-base: var(--lilac-light-3);
  41. --surface-info-weak: var(--lilac-light-2);
  42. --surface-info-strong: var(--lilac-light-9);
  43. --surface-diff-skip-base: var(--smoke-light-3);
  44. --surface-diff-unchanged-base: #ffffff00;
  45. --surface-diff-hidden-base: var(--blue-light-3);
  46. --surface-diff-hidden-weak: var(--blue-light-2);
  47. --surface-diff-hidden-weaker: var(--blue-light-1);
  48. --surface-diff-hidden-strong: var(--blue-light-5);
  49. --surface-diff-hidden-stronger: var(--blue-light-9);
  50. --surface-diff-add-base: var(--mint-light-3);
  51. --surface-diff-add-weak: var(--mint-light-2);
  52. --surface-diff-add-weaker: var(--mint-light-1);
  53. --surface-diff-add-strong: var(--mint-light-5);
  54. --surface-diff-add-stronger: var(--mint-light-9);
  55. --surface-diff-delete-base: var(--ember-light-3);
  56. --surface-diff-delete-weak: var(--ember-light-2);
  57. --surface-diff-delete-weaker: var(--ember-light-1);
  58. --surface-diff-delete-strong: var(--ember-light-6);
  59. --surface-diff-delete-stronger: var(--ember-light-9);
  60. --text-base: var(--smoke-light-11);
  61. --input-base: var(--smoke-light-1);
  62. --input-hover: var(--smoke-light-2);
  63. --input-active: var(--cobalt-light-1);
  64. --input-selected: var(--cobalt-light-4);
  65. --input-focus: var(--cobalt-light-1);
  66. --input-disabled: var(--smoke-light-4);
  67. --text-weak: var(--smoke-light-9);
  68. --text-weaker: var(--smoke-light-8);
  69. --text-strong: var(--smoke-light-12);
  70. --text-on-brand-base: var(--smoke-light-alpha-11);
  71. --text-on-interactive-base: var(--smoke-light-1);
  72. --text-on-success-base: var(--smoke-dark-alpha-11);
  73. --text-on-warning-base: var(--smoke-dark-alpha-11);
  74. --text-on-info-base: var(--smoke-dark-alpha-11);
  75. --text-diff-add-base: var(--mint-light-11);
  76. --text-diff-delete-base: var(--ember-light-11);
  77. --text-diff-delete-strong: var(--ember-light-12);
  78. --text-diff-add-strong: var(--mint-light-12);
  79. --text-on-info-weak: var(--smoke-dark-alpha-9);
  80. --text-on-info-strong: var(--smoke-dark-alpha-12);
  81. --text-on-warning-weak: var(--smoke-dark-alpha-9);
  82. --text-on-warning-strong: var(--smoke-dark-alpha-12);
  83. --text-on-success-weak: var(--smoke-dark-alpha-9);
  84. --text-on-success-strong: var(--smoke-dark-alpha-12);
  85. --text-on-brand-weak: var(--smoke-light-alpha-9);
  86. --text-on-brand-weaker: var(--smoke-light-alpha-8);
  87. --text-on-brand-strong: var(--smoke-light-alpha-12);
  88. --button-secondary-base: #fdfcfc;
  89. --border-base: var(--smoke-light-alpha-7);
  90. --border-hover: var(--smoke-light-alpha-8);
  91. --border-active: var(--smoke-light-alpha-9);
  92. --border-selected: var(--cobalt-light-alpha-9);
  93. --border-disabled: var(--smoke-light-alpha-8);
  94. --border-focus: var(--smoke-light-alpha-9);
  95. --border-weak-base: var(--smoke-light-alpha-5);
  96. --border-strong-base: var(--smoke-light-alpha-7);
  97. --border-strong-hover: var(--smoke-light-alpha-8);
  98. --border-strong-active: var(--smoke-light-alpha-7);
  99. --border-strong-selected: var(--cobalt-light-alpha-6);
  100. --border-strong-disabled: var(--smoke-light-alpha-6);
  101. --border-strong-focus: var(--smoke-light-alpha-7);
  102. --border-weak-hover: var(--smoke-light-alpha-6);
  103. --border-weak-active: var(--smoke-light-alpha-7);
  104. --border-weak-selected: var(--cobalt-light-alpha-6);
  105. --border-weak-disabled: var(--smoke-light-alpha-6);
  106. --border-weak-focus: var(--smoke-light-alpha-7);
  107. --border-interactive-base: var(--cobalt-light-7);
  108. --border-interactive-hover: var(--cobalt-light-8);
  109. --border-interactive-active: var(--cobalt-light-9);
  110. --border-interactive-selected: var(--cobalt-light-9);
  111. --border-interactive-disabled: var(--smoke-light-8);
  112. --border-interactive-focus: var(--cobalt-light-9);
  113. --border-success-base: var(--apple-light-6);
  114. --border-success-hover: var(--apple-light-7);
  115. --border-success-selected: var(--apple-light-9);
  116. --border-warning-base: var(--solaris-light-6);
  117. --border-warning-hover: var(--solaris-light-7);
  118. --border-warning-selected: var(--solaris-light-9);
  119. --border-critical-base: var(--ember-light-6);
  120. --border-critical-hover: var(--ember-light-7);
  121. --border-critical-selected: var(--ember-light-9);
  122. --border-info-base: var(--lilac-light-6);
  123. --border-info-hover: var(--lilac-light-7);
  124. --border-info-selected: var(--lilac-light-9);
  125. --icon-base: var(--smoke-light-9);
  126. --icon-hover: var(--smoke-light-11);
  127. --icon-active: var(--smoke-light-12);
  128. --icon-selected: var(--smoke-light-12);
  129. --icon-disabled: var(--smoke-light-8);
  130. --icon-focus: var(--smoke-light-12);
  131. --icon-weak-base: var(--smoke-light-7);
  132. --icon-invert-base: #ffffff;
  133. --icon-weak-hover: var(--smoke-light-8);
  134. --icon-weak-active: var(--smoke-light-9);
  135. --icon-weak-selected: var(--smoke-light-10);
  136. --icon-weak-disabled: var(--smoke-light-6);
  137. --icon-weak-focus: var(--smoke-light-9);
  138. --icon-strong-base: var(--smoke-light-12);
  139. --icon-strong-hover: var(--smoke-light-12);
  140. --icon-strong-active: var(--smoke-light-12);
  141. --icon-strong-selected: var(--smoke-light-12);
  142. --icon-strong-disabled: var(--smoke-light-8);
  143. --icon-strong-focus: var(--smoke-light-12);
  144. --icon-brand-base: var(--smoke-light-12);
  145. --icon-interactive-base: var(--cobalt-light-9);
  146. --icon-success-base: var(--apple-light-7);
  147. --icon-success-hover: var(--apple-light-8);
  148. --icon-success-active: var(--apple-light-11);
  149. --icon-warning-base: var(--amber-light-7);
  150. --icon-warning-hover: var(--amber-light-8);
  151. --icon-warning-active: var(--amber-light-11);
  152. --icon-critical-base: var(--ember-light-7);
  153. --icon-critical-hover: var(--ember-light-8);
  154. --icon-critical-active: var(--ember-light-11);
  155. --icon-info-base: var(--lilac-light-7);
  156. --icon-info-hover: var(--lilac-light-8);
  157. --icon-info-active: var(--lilac-light-11);
  158. --icon-on-brand-base: var(--smoke-light-alpha-11);
  159. --icon-on-brand-hover: var(--smoke-light-alpha-12);
  160. --icon-on-brand-selected: var(--smoke-light-alpha-12);
  161. --icon-on-interactive-base: var(--smoke-light-alpha-9);
  162. --icon-on-interactive-hover: var(--smoke-light-alpha-10);
  163. --icon-on-interactive-selected: var(--smoke-light-alpha-11);
  164. --icon-agent-plan-base: var(--purple-light-9);
  165. --icon-agent-docs-base: var(--amber-light-9);
  166. --icon-agent-ask-base: var(--cyan-light-9);
  167. --icon-agent-build-base: var(--blue-light-9);
  168. --icon-on-success-base: var(--apple-light-alpha-9);
  169. --icon-on-success-hover: var(--apple-light-alpha-10);
  170. --icon-on-success-selected: var(--apple-light-alpha-11);
  171. --icon-on-warning-base: var(--amber-lightalpha-9);
  172. --icon-on-warning-hover: var(--amber-lightalpha-10);
  173. --icon-on-warning-selected: var(--amber-lightalpha-11);
  174. --icon-on-critical-base: var(--ember-light-alpha-9);
  175. --icon-on-critical-hover: var(--ember-light-alpha-10);
  176. --icon-on-critical-selected: var(--ember-light-alpha-11);
  177. --icon-on-info-base: var(--lilac-light-9);
  178. --icon-on-info-hover: var(--lilac-light-alpha-10);
  179. --icon-on-info-selected: var(--lilac-light-alpha-11);
  180. --icon-diff-add-base: var(--mint-light-11);
  181. --icon-diff-add-hover: var(--mint-light-12);
  182. --icon-diff-add-active: var(--mint-light-12);
  183. --icon-diff-delete-base: var(--ember-light-9);
  184. --icon-diff-delete-hover: var(--ember-light-10);
  185. --icon-diff-delete-active: var(--ember-light-11);
  186. --syntax-comment: #ffffff;
  187. --syntax-string: #ffffff;
  188. --syntax-keyword: #ffffff;
  189. --syntax-function: #ffffff;
  190. --syntax-number: #ffffff;
  191. --syntax-operator: #ffffff;
  192. --syntax-variable: #ffffff;
  193. --syntax-type: #ffffff;
  194. --syntax-constant: #ffffff;
  195. --syntax-punctuation: #ffffff;
  196. --syntax-success: #ffffff;
  197. --syntax-warning: #ffffff;
  198. --syntax-critical: #ffffff;
  199. --syntax-info: #ffffff;
  200. --markdown-heading: #ffffff;
  201. --markdown-text: #ffffff;
  202. --markdown-link: #ffffff;
  203. --markdown-link-text: #ffffff;
  204. --markdown-code: #ffffff;
  205. --markdown-block-quote: #ffffff;
  206. --markdown-emph: #ffffff;
  207. --markdown-strong: #ffffff;
  208. --markdown-horizontal-rule: #ffffff;
  209. --markdown-list-item: #ffffff;
  210. --markdown-list-enumeration: #ffffff;
  211. --markdown-image: #ffffff;
  212. --markdown-image-text: #ffffff;
  213. --markdown-code-block: #ffffff;
  214. --border-color: #ffffff;