dark.css 33 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737
  1. /* Attention: Generate by code. Don't update by hand!!! */
  2. html[data-theme="dark"] {
  3. --color-components-input-bg-normal: #FFFFFF14;
  4. --color-components-input-text-placeholder: #C8CEDA4D;
  5. --color-components-input-bg-hover: #FFFFFF08;
  6. --color-components-input-bg-active: #FFFFFF0D;
  7. --color-components-input-border-active: #747481;
  8. --color-components-input-border-destructive: #F97066;
  9. --color-components-input-text-filled: #F4F4F5;
  10. --color-components-input-bg-destructive: #FFFFFF03;
  11. --color-components-input-bg-disabled: #FFFFFF08;
  12. --color-components-input-text-disabled: #C8CEDA4D;
  13. --color-components-input-text-filled-disabled: #C8CEDA99;
  14. --color-components-input-border-hover: #3A3A40;
  15. --color-components-input-border-active-prompt-1: #36BFFA;
  16. --color-components-input-border-active-prompt-2: #296DFF;
  17. --color-components-kbd-bg-gray: #FFFFFF08;
  18. --color-components-kbd-bg-white: #FFFFFF1F;
  19. --color-components-tooltip-bg: #18181BF2;
  20. --color-components-button-primary-text: #FFFFFFF2;
  21. --color-components-button-primary-bg: #155AEF;
  22. --color-components-button-primary-border: #FFFFFF1F;
  23. --color-components-button-primary-bg-hover: #296DFF;
  24. --color-components-button-primary-border-hover: #FFFFFF33;
  25. --color-components-button-primary-bg-disabled: #FFFFFF08;
  26. --color-components-button-primary-border-disabled: #FFFFFF14;
  27. --color-components-button-primary-text-disabled: #FFFFFF33;
  28. --color-components-button-secondary-text: #FFFFFFCC;
  29. --color-components-button-secondary-text-disabled: #FFFFFF33;
  30. --color-components-button-secondary-bg: #FFFFFF1F;
  31. --color-components-button-secondary-bg-hover: #FFFFFF33;
  32. --color-components-button-secondary-bg-disabled: #FFFFFF08;
  33. --color-components-button-secondary-border: #FFFFFF14;
  34. --color-components-button-secondary-border-hover: #FFFFFF1F;
  35. --color-components-button-secondary-border-disabled: #FFFFFF0D;
  36. --color-components-button-tertiary-text: #D9D9DE;
  37. --color-components-button-tertiary-text-disabled: #FFFFFF33;
  38. --color-components-button-tertiary-bg: #FFFFFF14;
  39. --color-components-button-tertiary-bg-hover: #FFFFFF1F;
  40. --color-components-button-tertiary-bg-disabled: #FFFFFF08;
  41. --color-components-button-ghost-text: #D9D9DE;
  42. --color-components-button-ghost-text-disabled: #FFFFFF33;
  43. --color-components-button-ghost-bg-hover: #C8CEDA14;
  44. --color-components-button-destructive-primary-text: #FFFFFFF2;
  45. --color-components-button-destructive-primary-text-disabled: #FFFFFF33;
  46. --color-components-button-destructive-primary-bg: #D92D20;
  47. --color-components-button-destructive-primary-bg-hover: #F04438;
  48. --color-components-button-destructive-primary-bg-disabled: #F0443824;
  49. --color-components-button-destructive-primary-border: #FFFFFF1F;
  50. --color-components-button-destructive-primary-border-hover: #FFFFFF33;
  51. --color-components-button-destructive-primary-border-disabled: #FFFFFF14;
  52. --color-components-button-destructive-secondary-text: #F97066;
  53. --color-components-button-destructive-secondary-text-disabled: #F0443833;
  54. --color-components-button-destructive-secondary-bg: #FFFFFF1F;
  55. --color-components-button-destructive-secondary-bg-hover: #F0443824;
  56. --color-components-button-destructive-secondary-bg-disabled: #F0443814;
  57. --color-components-button-destructive-secondary-border: #FFFFFF14;
  58. --color-components-button-destructive-secondary-border-hover: #FFFFFF1F;
  59. --color-components-button-destructive-secondary-border-disabled: #F0443814;
  60. --color-components-button-destructive-tertiary-text: #F97066;
  61. --color-components-button-destructive-tertiary-text-disabled: #F0443833;
  62. --color-components-button-destructive-tertiary-bg: #F0443824;
  63. --color-components-button-destructive-tertiary-bg-hover: #F0443840;
  64. --color-components-button-destructive-tertiary-bg-disabled: #F0443814;
  65. --color-components-button-destructive-ghost-text: #F97066;
  66. --color-components-button-destructive-ghost-text-disabled: #F0443833;
  67. --color-components-button-destructive-ghost-bg-hover: #F0443824;
  68. --color-components-button-secondary-accent-text: #FFFFFFCC;
  69. --color-components-button-secondary-accent-text-disabled: #FFFFFF33;
  70. --color-components-button-secondary-accent-bg: #FFFFFF0D;
  71. --color-components-button-secondary-accent-bg-hover: #FFFFFF14;
  72. --color-components-button-secondary-accent-bg-disabled: #FFFFFF08;
  73. --color-components-button-secondary-accent-border: #FFFFFF14;
  74. --color-components-button-secondary-accent-border-hover: #FFFFFF1F;
  75. --color-components-button-secondary-accent-border-disabled: #FFFFFF0D;
  76. --color-components-button-indigo-bg: #444CE7;
  77. --color-components-button-indigo-bg-hover: #6172F3;
  78. --color-components-button-indigo-bg-disabled: #FFFFFF08;
  79. --color-components-checkbox-icon: #FFFFFFF2;
  80. --color-components-checkbox-icon-disabled: #FFFFFF33;
  81. --color-components-checkbox-bg: #296DFF;
  82. --color-components-checkbox-bg-hover: #5289FF;
  83. --color-components-checkbox-bg-disabled: #FFFFFF08;
  84. --color-components-checkbox-border: #FFFFFF66;
  85. --color-components-checkbox-border-hover: #FFFFFF99;
  86. --color-components-checkbox-border-disabled: #FFFFFF03;
  87. --color-components-checkbox-bg-unchecked: #FFFFFF08;
  88. --color-components-checkbox-bg-unchecked-hover: #FFFFFF0D;
  89. --color-components-checkbox-bg-disabled-checked: #155AEF33;
  90. --color-components-radio-border-checked: #296DFF;
  91. --color-components-radio-border-checked-hover: #5289FF;
  92. --color-components-radio-border-checked-disabled: #155AEF33;
  93. --color-components-radio-bg-disabled: #FFFFFF08;
  94. --color-components-radio-border: #FFFFFF66;
  95. --color-components-radio-border-hover: #FFFFFF99;
  96. --color-components-radio-border-disabled: #FFFFFF03;
  97. --color-components-radio-bg: #FFFFFF00;
  98. --color-components-radio-bg-hover: #FFFFFF0D;
  99. --color-components-toggle-knob: #F4F4F5;
  100. --color-components-toggle-knob-disabled: #FFFFFF33;
  101. --color-components-toggle-bg: #296DFF;
  102. --color-components-toggle-bg-hover: #5289FF;
  103. --color-components-toggle-bg-disabled: #FFFFFF14;
  104. --color-components-toggle-bg-unchecked: #FFFFFF33;
  105. --color-components-toggle-bg-unchecked-hover: #FFFFFF4D;
  106. --color-components-toggle-bg-unchecked-disabled: #FFFFFF14;
  107. --color-components-toggle-knob-hover: #FEFEFE;
  108. --color-components-card-bg: #222225;
  109. --color-components-card-border: #FFFFFF08;
  110. --color-components-card-bg-alt: #27272B;
  111. --color-components-menu-item-text: #C8CEDA99;
  112. --color-components-menu-item-text-active: #FFFFFFF2;
  113. --color-components-menu-item-text-hover: #C8CEDACC;
  114. --color-components-menu-item-text-active-accent: #FFFFFFF2;
  115. --color-components-panel-bg: #222225;
  116. --color-components-panel-bg-blur: #2C2C30F2;
  117. --color-components-panel-border: #C8CEDA24;
  118. --color-components-panel-border-subtle: #C8CEDA14;
  119. --color-components-panel-gradient-2: #222225;
  120. --color-components-panel-gradient-1: #27272B;
  121. --color-components-panel-bg-alt: #222225;
  122. --color-components-panel-on-panel-item-bg: #27272B;
  123. --color-components-panel-on-panel-item-bg-hover: #3A3A40;
  124. --color-components-panel-on-panel-item-bg-alt: #3A3A40;
  125. --color-components-panel-on-panel-item-bg-transparent: #2C2C30F2;
  126. --color-components-panel-on-panel-item-bg-hover-transparent: #3A3A4000;
  127. --color-components-panel-on-panel-item-bg-destructive-hover-transparent: #FFFBFA00;
  128. --color-components-panel-bg-transparent: #22222500;
  129. --color-components-main-nav-nav-button-text: #C8CEDA99;
  130. --color-components-main-nav-nav-button-text-active: #F4F4F5;
  131. --color-components-main-nav-nav-button-bg: #FFFFFF00;
  132. --color-components-main-nav-nav-button-bg-active: #C8CEDA24;
  133. --color-components-main-nav-nav-button-border: #FFFFFF14;
  134. --color-components-main-nav-nav-button-bg-hover: #C8CEDA0A;
  135. --color-components-main-nav-nav-user-border: #FFFFFF0D;
  136. --color-components-slider-knob: #F4F4F5;
  137. --color-components-slider-knob-hover: #FEFEFE;
  138. --color-components-slider-knob-disabled: #FFFFFF33;
  139. --color-components-slider-range: #296DFF;
  140. --color-components-slider-track: #FFFFFF33;
  141. --color-components-slider-knob-border-hover: #1018284D;
  142. --color-components-slider-knob-border: #10182833;
  143. --color-components-segmented-control-item-active-bg: #FFFFFF14;
  144. --color-components-segmented-control-item-active-border: #C8CEDA14;
  145. --color-components-segmented-control-bg-normal: #18181BB2;
  146. --color-components-segmented-control-item-active-accent-bg: #155AEF33;
  147. --color-components-segmented-control-item-active-accent-border: #155AEF4D;
  148. --color-components-option-card-option-bg: #C8CEDA0A;
  149. --color-components-option-card-option-selected-bg: #FFFFFF0D;
  150. --color-components-option-card-option-selected-border: #5289FF;
  151. --color-components-option-card-option-border: #C8CEDA33;
  152. --color-components-option-card-option-bg-hover: #C8CEDA24;
  153. --color-components-option-card-option-border-hover: #C8CEDA4D;
  154. --color-components-tab-active: #296DFF;
  155. --color-components-badge-white-to-dark: #18181BCC;
  156. --color-components-badge-status-light-success-bg: #17B26A;
  157. --color-components-badge-status-light-success-border-inner: #47CD89;
  158. --color-components-badge-status-light-success-halo: #17B26A4D;
  159. --color-components-badge-status-light-border-outer: #222225;
  160. --color-components-badge-status-light-high-light: #FFFFFF4D;
  161. --color-components-badge-status-light-warning-bg: #F79009;
  162. --color-components-badge-status-light-warning-border-inner: #FDB022;
  163. --color-components-badge-status-light-warning-halo: #F790094D;
  164. --color-components-badge-status-light-error-bg: #F04438;
  165. --color-components-badge-status-light-error-border-inner: #F97066;
  166. --color-components-badge-status-light-error-halo: #F044384D;
  167. --color-components-badge-status-light-normal-bg: #0BA5EC;
  168. --color-components-badge-status-light-normal-border-inner: #36BFFA;
  169. --color-components-badge-status-light-normal-halo: #0BA5EC4D;
  170. --color-components-badge-status-light-disabled-bg: #676F83;
  171. --color-components-badge-status-light-disabled-border-inner: #98A2B2;
  172. --color-components-badge-status-light-disabled-halo: #C8CEDA14;
  173. --color-components-badge-bg-green-soft: #17B26A24;
  174. --color-components-badge-bg-orange-soft: #F7900924;
  175. --color-components-badge-bg-red-soft: #F0443824;
  176. --color-components-badge-bg-blue-light-soft: #0BA5EC24;
  177. --color-components-badge-bg-gray-soft: #C8CEDA14;
  178. --color-components-chart-line: #5289FF;
  179. --color-components-chart-area-1: #155AEF33;
  180. --color-components-chart-area-2: #155AEF0A;
  181. --color-components-chart-current-1: #5289FF;
  182. --color-components-chart-current-2: #155AEF4D;
  183. --color-components-chart-bg: #18181BF2;
  184. --color-components-actionbar-bg: #222225;
  185. --color-components-actionbar-border: #C8CEDA14;
  186. --color-components-actionbar-bg-accent: #27272B;
  187. --color-components-actionbar-border-accent: #5289FF;
  188. --color-components-dropzone-bg-alt: #18181BCC;
  189. --color-components-dropzone-bg: #18181B66;
  190. --color-components-dropzone-bg-accent: #155AEF33;
  191. --color-components-dropzone-border: #C8CEDA24;
  192. --color-components-dropzone-border-alt: #C8CEDA33;
  193. --color-components-dropzone-border-accent: #84ABFF;
  194. --color-components-progress-brand-progress: #5289FF;
  195. --color-components-progress-brand-border: #5289FF;
  196. --color-components-progress-brand-bg: #155AEF0A;
  197. --color-components-progress-white-progress: #FFFFFF;
  198. --color-components-progress-white-border: #FFFFFFF2;
  199. --color-components-progress-white-bg: #FFFFFF03;
  200. --color-components-progress-gray-progress: #98A2B2;
  201. --color-components-progress-gray-border: #98A2B2;
  202. --color-components-progress-gray-bg: #C8CEDA05;
  203. --color-components-progress-warning-progress: #FDB022;
  204. --color-components-progress-warning-border: #FDB022;
  205. --color-components-progress-warning-bg: #F790090A;
  206. --color-components-progress-error-progress: #F97066;
  207. --color-components-progress-error-border: #F97066;
  208. --color-components-progress-error-bg: #F044380A;
  209. --color-components-chat-input-audio-bg: #155AEF33;
  210. --color-components-chat-input-audio-wave-default: #C8CEDA24;
  211. --color-components-chat-input-bg-mask-1: #18181B0A;
  212. --color-components-chat-input-bg-mask-2: #18181B99;
  213. --color-components-chat-input-border: #C8CEDA33;
  214. --color-components-chat-input-audio-wave-active: #84ABFF;
  215. --color-components-chat-input-audio-bg-alt: #18181BE5;
  216. --color-components-avatar-shape-fill-stop-0: #FFFFFFF2;
  217. --color-components-avatar-shape-fill-stop-100: #FFFFFFCC;
  218. --color-components-avatar-bg-mask-stop-0: #FFFFFF33;
  219. --color-components-avatar-bg-mask-stop-100: #FFFFFF08;
  220. --color-components-avatar-default-avatar-bg: #222225;
  221. --color-components-avatar-mask-darkmode-dimmed: #0000001F;
  222. --color-components-label-gray: #C8CEDA24;
  223. --color-components-premium-badge-blue-bg-stop-0: #5289FF;
  224. --color-components-premium-badge-blue-bg-stop-100: #296DFF;
  225. --color-components-premium-badge-blue-stroke-stop-0: #FFFFFF33;
  226. --color-components-premium-badge-blue-stroke-stop-100: #296DFF;
  227. --color-components-premium-badge-blue-text-stop-0: #EFF4FF;
  228. --color-components-premium-badge-blue-text-stop-100: #B2CAFF;
  229. --color-components-premium-badge-blue-glow: #004AEB;
  230. --color-components-premium-badge-blue-bg-stop-0-hover: #84ABFF;
  231. --color-components-premium-badge-blue-bg-stop-100-hover: #004AEB;
  232. --color-components-premium-badge-blue-glow-hover: #D1E0FF;
  233. --color-components-premium-badge-blue-stroke-stop-0-hover: #FFFFFF80;
  234. --color-components-premium-badge-blue-stroke-stop-100-hover: #296DFF;
  235. --color-components-premium-badge-highlight-stop-0: #FFFFFF1F;
  236. --color-components-premium-badge-highlight-stop-100: #FFFFFF33;
  237. --color-components-premium-badge-indigo-bg-stop-0: #6172F3;
  238. --color-components-premium-badge-indigo-bg-stop-100: #3538CD;
  239. --color-components-premium-badge-indigo-stroke-stop-0: #FFFFFF33;
  240. --color-components-premium-badge-indigo-stroke-stop-100: #444CE7;
  241. --color-components-premium-badge-indigo-text-stop-0: #EEF4FF;
  242. --color-components-premium-badge-indigo-text-stop-100: #C7D7FE;
  243. --color-components-premium-badge-indigo-glow: #3538CD;
  244. --color-components-premium-badge-indigo-glow-hover: #E0EAFF;
  245. --color-components-premium-badge-indigo-bg-stop-0-hover: #A4BCFD;
  246. --color-components-premium-badge-indigo-bg-stop-100-hover: #3538CD;
  247. --color-components-premium-badge-indigo-stroke-stop-0-hover: #FFFFFF80;
  248. --color-components-premium-badge-indigo-stroke-stop-100-hover: #444CE7;
  249. --color-components-premium-badge-grey-bg-stop-0: #676F83;
  250. --color-components-premium-badge-grey-bg-stop-100: #495464;
  251. --color-components-premium-badge-grey-stroke-stop-0: #FFFFFF1F;
  252. --color-components-premium-badge-grey-stroke-stop-100: #495464;
  253. --color-components-premium-badge-grey-text-stop-0: #F9FAFB;
  254. --color-components-premium-badge-grey-text-stop-100: #E9EBF0;
  255. --color-components-premium-badge-grey-glow: #354052;
  256. --color-components-premium-badge-grey-glow-hover: #F2F4F7;
  257. --color-components-premium-badge-grey-bg-stop-0-hover: #98A2B2;
  258. --color-components-premium-badge-grey-bg-stop-100-hover: #354052;
  259. --color-components-premium-badge-grey-stroke-stop-0-hover: #FFFFFF80;
  260. --color-components-premium-badge-grey-stroke-stop-100-hover: #676F83;
  261. --color-components-premium-badge-orange-bg-stop-0: #FF692E;
  262. --color-components-premium-badge-orange-bg-stop-100: #E04F16;
  263. --color-components-premium-badge-orange-stroke-stop-0: #FFFFFF33;
  264. --color-components-premium-badge-orange-stroke-stop-100: #FF4405;
  265. --color-components-premium-badge-orange-text-stop-0: #FEF6EE;
  266. --color-components-premium-badge-orange-text-stop-100: #F9DBAF;
  267. --color-components-premium-badge-orange-glow: #B93815;
  268. --color-components-premium-badge-orange-glow-hover: #FDEAD7;
  269. --color-components-premium-badge-orange-bg-stop-0-hover: #FF692E;
  270. --color-components-premium-badge-orange-bg-stop-100-hover: #B93815;
  271. --color-components-premium-badge-orange-stroke-stop-0-hover: #FFFFFF80;
  272. --color-components-premium-badge-orange-stroke-stop-100-hover: #FF4405;
  273. --color-components-progress-bar-bg: #C8CEDA14;
  274. --color-components-progress-bar-progress: #C8CEDA24;
  275. --color-components-progress-bar-border: #FFFFFF08;
  276. --color-components-progress-bar-progress-solid: #FFFFFFF2;
  277. --color-components-progress-bar-progress-highlight: #C8CEDA33;
  278. --color-components-icon-bg-red-solid: #D92D20;
  279. --color-components-icon-bg-rose-solid: #E31B54;
  280. --color-components-icon-bg-pink-solid: #DD2590;
  281. --color-components-icon-bg-orange-dark-solid: #FF4405;
  282. --color-components-icon-bg-yellow-solid: #EAAA08;
  283. --color-components-icon-bg-green-solid: #4CA30D;
  284. --color-components-icon-bg-teal-solid: #0E9384;
  285. --color-components-icon-bg-blue-light-solid: #0BA5EC;
  286. --color-components-icon-bg-blue-solid: #155AEF;
  287. --color-components-icon-bg-indigo-solid: #444CE7;
  288. --color-components-icon-bg-violet-solid: #7839EE;
  289. --color-components-icon-bg-midnight-solid: #5D698D;
  290. --color-components-icon-bg-rose-soft: #F63D6833;
  291. --color-components-icon-bg-pink-soft: #EE46BC33;
  292. --color-components-icon-bg-orange-dark-soft: #FF440533;
  293. --color-components-icon-bg-yellow-soft: #EAAA0833;
  294. --color-components-icon-bg-green-soft: #66C61C33;
  295. --color-components-icon-bg-teal-soft: #15B79E33;
  296. --color-components-icon-bg-blue-light-soft: #0BA5EC33;
  297. --color-components-icon-bg-blue-soft: #155AEF33;
  298. --color-components-icon-bg-indigo-soft: #6172F333;
  299. --color-components-icon-bg-violet-soft: #875BF733;
  300. --color-components-icon-bg-midnight-soft: #828DAD33;
  301. --color-components-icon-bg-red-soft: #F0443833;
  302. --color-components-icon-bg-orange-solid: #F79009;
  303. --color-components-icon-bg-orange-soft: #F7900933;
  304. --color-text-primary: #FBFBFC;
  305. --color-text-secondary: #D9D9DE;
  306. --color-text-tertiary: #C8CEDA99;
  307. --color-text-quaternary: #C8CEDA66;
  308. --color-text-destructive: #F97066;
  309. --color-text-success: #17B26A;
  310. --color-text-warning: #F79009;
  311. --color-text-destructive-secondary: #F97066;
  312. --color-text-success-secondary: #47CD89;
  313. --color-text-warning-secondary: #FDB022;
  314. --color-text-accent: #5289FF;
  315. --color-text-primary-on-surface: #FFFFFFF2;
  316. --color-text-placeholder: #C8CEDA4D;
  317. --color-text-disabled: #C8CEDA4D;
  318. --color-text-accent-secondary: #84ABFF;
  319. --color-text-accent-light-mode-only: #D9D9DE;
  320. --color-text-text-selected: #155AEF4D;
  321. --color-text-secondary-on-surface: #FFFFFFE5;
  322. --color-text-logo-text: #E9E9EC;
  323. --color-text-empty-state-icon: #C8CEDA4D;
  324. --color-text-inverted: #FFFFFF;
  325. --color-text-inverted-dimmed: #FFFFFFCC;
  326. --color-background-body: #1D1D20;
  327. --color-background-default-subtle: #222225;
  328. --color-background-neutral-subtle: #1D1D20;
  329. --color-background-sidenav-bg: #27272AEB;
  330. --color-background-default: #222225;
  331. --color-background-soft: #18181B40;
  332. --color-background-gradient-bg-fill-chat-bg-1: #222225;
  333. --color-background-gradient-bg-fill-chat-bg-2: #1D1D20;
  334. --color-background-gradient-bg-fill-chat-bubble-bg-1: #C8CEDA14;
  335. --color-background-gradient-bg-fill-chat-bubble-bg-2: #C8CEDA05;
  336. --color-background-gradient-bg-fill-debug-bg-1: #C8CEDA14;
  337. --color-background-gradient-bg-fill-debug-bg-2: #18181B0A;
  338. --color-background-gradient-mask-gray: #18181B14;
  339. --color-background-gradient-mask-transparent: #00000000;
  340. --color-background-gradient-mask-input-clear-2: #393A3E00;
  341. --color-background-gradient-mask-input-clear-1: #393A3E;
  342. --color-background-gradient-mask-transparent-dark: #00000000;
  343. --color-background-gradient-mask-side-panel-2: #18181BE5;
  344. --color-background-gradient-mask-side-panel-1: #18181B0A;
  345. --color-background-default-burn: #1D1D20;
  346. --color-background-overlay-fullscreen: #27272AF7;
  347. --color-background-default-lighter: #C8CEDA0A;
  348. --color-background-section: #18181B66;
  349. --color-background-interaction-from-bg-1: #18181B66;
  350. --color-background-interaction-from-bg-2: #18181B24;
  351. --color-background-section-burn: #18181B99;
  352. --color-background-default-dodge: #3A3A40;
  353. --color-background-overlay: #18181BCC;
  354. --color-background-default-dimmed: #27272B;
  355. --color-background-default-hover: #27272B;
  356. --color-background-overlay-alt: #18181B66;
  357. --color-background-surface-white: #FFFFFFE5;
  358. --color-background-overlay-destructive: #F044384D;
  359. --color-background-overlay-backdrop: #18181BF2;
  360. --color-shadow-shadow-1: #0000000D;
  361. --color-shadow-shadow-3: #0000001A;
  362. --color-shadow-shadow-4: #0000001F;
  363. --color-shadow-shadow-5: #00000029;
  364. --color-shadow-shadow-6: #00000033;
  365. --color-shadow-shadow-7: #0000003D;
  366. --color-shadow-shadow-8: #00000047;
  367. --color-shadow-shadow-9: #0000005C;
  368. --color-shadow-shadow-2: #00000014;
  369. --color-shadow-shadow-10: #00000066;
  370. --color-workflow-block-border: #FFFFFF14;
  371. --color-workflow-block-parma-bg: #FFFFFF0D;
  372. --color-workflow-block-bg: #27272B;
  373. --color-workflow-block-bg-transparent: #27272BF5;
  374. --color-workflow-block-border-highlight: #C8CEDA33;
  375. --color-workflow-canvas-workflow-dot-color: #8585AD26;
  376. --color-workflow-canvas-workflow-bg: #1D1D20;
  377. --color-workflow-link-line-active: #5289FF;
  378. --color-workflow-link-line-normal: #676F83;
  379. --color-workflow-link-line-handle: #5289FF;
  380. --color-workflow-link-line-normal-transparent: #676F8333;
  381. --color-workflow-link-line-failure-active: #FDB022;
  382. --color-workflow-link-line-failure-handle: #FDB022;
  383. --color-workflow-link-line-failure-button-bg: #F79009;
  384. --color-workflow-link-line-failure-button-hover: #DC6803;
  385. --color-workflow-link-line-success-active: #47CD89;
  386. --color-workflow-link-line-success-handle: #47CD89;
  387. --color-workflow-link-line-error-active: #F97066;
  388. --color-workflow-link-line-error-handle: #F97066;
  389. --color-workflow-minimap-bg: #27272B;
  390. --color-workflow-minimap-block: #C8CEDA14;
  391. --color-workflow-display-success-bg: #17B26A33;
  392. --color-workflow-display-success-border-1: #17B26AE5;
  393. --color-workflow-display-success-border-2: #17B26ACC;
  394. --color-workflow-display-success-vignette-color: #17B26A40;
  395. --color-workflow-display-success-bg-line-pattern: #18181BCC;
  396. --color-workflow-display-glass-1: #FFFFFF08;
  397. --color-workflow-display-glass-2: #FFFFFF0D;
  398. --color-workflow-display-vignette-dark: #00000066;
  399. --color-workflow-display-highlight: #FFFFFF1F;
  400. --color-workflow-display-outline: #18181BF2;
  401. --color-workflow-display-error-bg: #F0443833;
  402. --color-workflow-display-error-bg-line-pattern: #18181BCC;
  403. --color-workflow-display-error-border-1: #F04438E5;
  404. --color-workflow-display-error-border-2: #F04438CC;
  405. --color-workflow-display-error-vignette-color: #F0443840;
  406. --color-workflow-display-warning-bg: #F7900933;
  407. --color-workflow-display-warning-bg-line-pattern: #18181BCC;
  408. --color-workflow-display-warning-border-1: #F79009E5;
  409. --color-workflow-display-warning-border-2: #F79009CC;
  410. --color-workflow-display-warning-vignette-color: #F7900940;
  411. --color-workflow-display-normal-bg: #0BA5EC33;
  412. --color-workflow-display-normal-bg-line-pattern: #18181BCC;
  413. --color-workflow-display-normal-border-1: #0BA5ECE5;
  414. --color-workflow-display-normal-border-2: #0BA5ECCC;
  415. --color-workflow-display-normal-vignette-color: #0BA5EC40;
  416. --color-workflow-display-disabled-bg: #C8CEDA33;
  417. --color-workflow-display-disabled-bg-line-pattern: #18181BCC;
  418. --color-workflow-display-disabled-border-1: #C8CEDA99;
  419. --color-workflow-display-disabled-border-2: #C8CEDA40;
  420. --color-workflow-display-disabled-vignette-color: #C8CEDA40;
  421. --color-workflow-display-disabled-outline: #18181BF2;
  422. --color-workflow-workflow-progress-bg-1: #18181B40;
  423. --color-workflow-workflow-progress-bg-2: #18181B0A;
  424. --color-divider-subtle: #C8CEDA14;
  425. --color-divider-regular: #C8CEDA24;
  426. --color-divider-deep: #C8CEDA33;
  427. --color-divider-burn: #18181BF2;
  428. --color-divider-intense: #C8CEDA66;
  429. --color-divider-solid: #3A3A40;
  430. --color-divider-solid-alt: #747481;
  431. --color-state-base-hover: #C8CEDA14;
  432. --color-state-base-active: #C8CEDA33;
  433. --color-state-base-hover-alt: #C8CEDA24;
  434. --color-state-base-handle: #C8CEDA4D;
  435. --color-state-base-handle-hover: #C8CEDA80;
  436. --color-state-accent-hover: #155AEF24;
  437. --color-state-accent-active: #155AEF24;
  438. --color-state-accent-hover-alt: #155AEF40;
  439. --color-state-accent-solid: #5289FF;
  440. --color-state-accent-active-alt: #155AEF33;
  441. --color-state-destructive-hover: #F0443824;
  442. --color-state-destructive-hover-alt: #F0443840;
  443. --color-state-destructive-active: #F044384D;
  444. --color-state-destructive-solid: #F97066;
  445. --color-state-destructive-border: #F97066;
  446. --color-state-success-hover: #17B26A24;
  447. --color-state-success-hover-alt: #17B26A40;
  448. --color-state-success-active: #17B26A4D;
  449. --color-state-success-solid: #47CD89;
  450. --color-state-warning-hover: #F7900924;
  451. --color-state-warning-hover-alt: #F7900940;
  452. --color-state-warning-active: #F790094D;
  453. --color-state-warning-solid: #F79009;
  454. --color-effects-highlight: #C8CEDA14;
  455. --color-effects-highlight-lightmode-off: #C8CEDA14;
  456. --color-effects-image-frame: #FFFFFF;
  457. --color-util-colors-orange-dark-orange-dark-50: #57130A;
  458. --color-util-colors-orange-dark-orange-dark-100: #771A0D;
  459. --color-util-colors-orange-dark-orange-dark-200: #97180C;
  460. --color-util-colors-orange-dark-orange-dark-300: #BC1B06;
  461. --color-util-colors-orange-dark-orange-dark-400: #E62E05;
  462. --color-util-colors-orange-dark-orange-dark-500: #FF4405;
  463. --color-util-colors-orange-dark-orange-dark-600: #FF692E;
  464. --color-util-colors-orange-dark-orange-dark-700: #FF9C66;
  465. --color-util-colors-orange-orange-50: #511C10;
  466. --color-util-colors-orange-orange-100: #772917;
  467. --color-util-colors-orange-orange-200: #932F19;
  468. --color-util-colors-orange-orange-300: #B93815;
  469. --color-util-colors-orange-orange-400: #E04F16;
  470. --color-util-colors-orange-orange-500: #EF6820;
  471. --color-util-colors-orange-orange-600: #F38744;
  472. --color-util-colors-orange-orange-700: #F7B27A;
  473. --color-util-colors-orange-orange-100-transparent: #77291700;
  474. --color-util-colors-pink-pink-50: #4E0D30;
  475. --color-util-colors-pink-pink-100: #851651;
  476. --color-util-colors-pink-pink-200: #9E165F;
  477. --color-util-colors-pink-pink-300: #C11574;
  478. --color-util-colors-pink-pink-400: #DD2590;
  479. --color-util-colors-pink-pink-500: #EE46BC;
  480. --color-util-colors-pink-pink-600: #F670C7;
  481. --color-util-colors-pink-pink-700: #FAA7E0;
  482. --color-util-colors-fuchsia-fuchsia-50: #47104C;
  483. --color-util-colors-fuchsia-fuchsia-100: #6F1877;
  484. --color-util-colors-fuchsia-fuchsia-200: #821890;
  485. --color-util-colors-fuchsia-fuchsia-300: #9F1AB1;
  486. --color-util-colors-fuchsia-fuchsia-400: #BA24D5;
  487. --color-util-colors-fuchsia-fuchsia-500: #D444F1;
  488. --color-util-colors-fuchsia-fuchsia-600: #E478FA;
  489. --color-util-colors-fuchsia-fuchsia-700: #EEAAFD;
  490. --color-util-colors-purple-purple-50: #27115F;
  491. --color-util-colors-purple-purple-100: #3E1C96;
  492. --color-util-colors-purple-purple-200: #4A1FB8;
  493. --color-util-colors-purple-purple-300: #5925DC;
  494. --color-util-colors-purple-purple-400: #6938EF;
  495. --color-util-colors-purple-purple-500: #7A5AF8;
  496. --color-util-colors-purple-purple-600: #9B8AFB;
  497. --color-util-colors-purple-purple-700: #BDB4FE;
  498. --color-util-colors-indigo-indigo-50: #1F235B;
  499. --color-util-colors-indigo-indigo-100: #2D3282;
  500. --color-util-colors-indigo-indigo-200: #2D31A6;
  501. --color-util-colors-indigo-indigo-300: #3538CD;
  502. --color-util-colors-indigo-indigo-400: #444CE7;
  503. --color-util-colors-indigo-indigo-500: #6172F3;
  504. --color-util-colors-indigo-indigo-600: #8098F9;
  505. --color-util-colors-indigo-indigo-700: #A4BCFD;
  506. --color-util-colors-blue-blue-50: #102A56;
  507. --color-util-colors-blue-blue-100: #194185;
  508. --color-util-colors-blue-blue-200: #1849A9;
  509. --color-util-colors-blue-blue-300: #175CD3;
  510. --color-util-colors-blue-blue-400: #1570EF;
  511. --color-util-colors-blue-blue-500: #2E90FA;
  512. --color-util-colors-blue-blue-600: #53B1FD;
  513. --color-util-colors-blue-blue-700: #84CAFF;
  514. --color-util-colors-blue-light-blue-light-50: #062C41;
  515. --color-util-colors-blue-light-blue-light-100: #0B4A6F;
  516. --color-util-colors-blue-light-blue-light-200: #065986;
  517. --color-util-colors-blue-light-blue-light-300: #026AA2;
  518. --color-util-colors-blue-light-blue-light-400: #0086C9;
  519. --color-util-colors-blue-light-blue-light-500: #0BA5EC;
  520. --color-util-colors-blue-light-blue-light-600: #36BFFA;
  521. --color-util-colors-blue-light-blue-light-700: #7CD4FD;
  522. --color-util-colors-gray-blue-gray-blue-50: #0D0F1C;
  523. --color-util-colors-gray-blue-gray-blue-100: #101323;
  524. --color-util-colors-gray-blue-gray-blue-200: #293056;
  525. --color-util-colors-gray-blue-gray-blue-300: #363F72;
  526. --color-util-colors-gray-blue-gray-blue-400: #3E4784;
  527. --color-util-colors-gray-blue-gray-blue-500: #4E5BA6;
  528. --color-util-colors-gray-blue-gray-blue-600: #717BBC;
  529. --color-util-colors-gray-blue-gray-blue-700: #B3B8DB;
  530. --color-util-colors-blue-brand-blue-brand-50: #002066;
  531. --color-util-colors-blue-brand-blue-brand-100: #00329E;
  532. --color-util-colors-blue-brand-blue-brand-200: #003DC1;
  533. --color-util-colors-blue-brand-blue-brand-300: #004AEB;
  534. --color-util-colors-blue-brand-blue-brand-400: #155AEF;
  535. --color-util-colors-blue-brand-blue-brand-500: #296DFF;
  536. --color-util-colors-blue-brand-blue-brand-600: #5289FF;
  537. --color-util-colors-blue-brand-blue-brand-700: #84ABFF;
  538. --color-util-colors-red-red-50: #55160C;
  539. --color-util-colors-red-red-100: #7A271A;
  540. --color-util-colors-red-red-200: #912018;
  541. --color-util-colors-red-red-300: #B42318;
  542. --color-util-colors-red-red-400: #D92D20;
  543. --color-util-colors-red-red-500: #F04438;
  544. --color-util-colors-red-red-600: #F97066;
  545. --color-util-colors-red-red-700: #FDA29B;
  546. --color-util-colors-green-green-50: #053321;
  547. --color-util-colors-green-green-100: #074D31;
  548. --color-util-colors-green-green-200: #085D3A;
  549. --color-util-colors-green-green-300: #067647;
  550. --color-util-colors-green-green-400: #079455;
  551. --color-util-colors-green-green-500: #17B26A;
  552. --color-util-colors-green-green-600: #47CD89;
  553. --color-util-colors-green-green-700: #75E0A7;
  554. --color-util-colors-warning-warning-50: #4E1D09;
  555. --color-util-colors-warning-warning-100: #7A2E0E;
  556. --color-util-colors-warning-warning-200: #93370D;
  557. --color-util-colors-warning-warning-300: #B54708;
  558. --color-util-colors-warning-warning-400: #DC6803;
  559. --color-util-colors-warning-warning-500: #F79009;
  560. --color-util-colors-warning-warning-600: #FDB022;
  561. --color-util-colors-warning-warning-700: #FEC84B;
  562. --color-util-colors-yellow-yellow-50: #542C0D;
  563. --color-util-colors-yellow-yellow-100: #713B12;
  564. --color-util-colors-yellow-yellow-200: #854A0E;
  565. --color-util-colors-yellow-yellow-300: #A15C07;
  566. --color-util-colors-yellow-yellow-400: #CA8504;
  567. --color-util-colors-yellow-yellow-500: #EAAA08;
  568. --color-util-colors-yellow-yellow-600: #FAC515;
  569. --color-util-colors-yellow-yellow-700: #FDE272;
  570. --color-util-colors-teal-teal-50: #0A2926;
  571. --color-util-colors-teal-teal-100: #134E48;
  572. --color-util-colors-teal-teal-200: #125D56;
  573. --color-util-colors-teal-teal-300: #107569;
  574. --color-util-colors-teal-teal-400: #0E9384;
  575. --color-util-colors-teal-teal-500: #15B79E;
  576. --color-util-colors-teal-teal-600: #2ED3B7;
  577. --color-util-colors-teal-teal-700: #5FE9D0;
  578. --color-util-colors-cyan-cyan-50: #0D2D3A;
  579. --color-util-colors-cyan-cyan-100: #164C63;
  580. --color-util-colors-cyan-cyan-200: #155B75;
  581. --color-util-colors-cyan-cyan-300: #0E7090;
  582. --color-util-colors-cyan-cyan-400: #088AB2;
  583. --color-util-colors-cyan-cyan-500: #06AED4;
  584. --color-util-colors-cyan-cyan-600: #22CCEE;
  585. --color-util-colors-cyan-cyan-700: #67E3F9;
  586. --color-util-colors-violet-violet-50: #2E125E;
  587. --color-util-colors-violet-violet-100: #491C96;
  588. --color-util-colors-violet-violet-200: #5720B7;
  589. --color-util-colors-violet-violet-300: #6927DA;
  590. --color-util-colors-violet-violet-400: #7839EE;
  591. --color-util-colors-violet-violet-500: #875BF7;
  592. --color-util-colors-violet-violet-600: #A48AFB;
  593. --color-util-colors-violet-violet-700: #C3B5FD;
  594. --color-util-colors-gray-gray-50: #0C111C;
  595. --color-util-colors-gray-gray-100: #101828;
  596. --color-util-colors-gray-gray-200: #18222F;
  597. --color-util-colors-gray-gray-300: #354052;
  598. --color-util-colors-gray-gray-400: #495464;
  599. --color-util-colors-gray-gray-500: #676F83;
  600. --color-util-colors-gray-gray-600: #98A2B2;
  601. --color-util-colors-gray-gray-700: #D0D5DC;
  602. --color-util-colors-green-light-green-light-50: #15290A;
  603. --color-util-colors-green-light-green-light-100: #2B5314;
  604. --color-util-colors-green-light-green-light-200: #326212;
  605. --color-util-colors-green-light-green-light-300: #3B7C0F;
  606. --color-util-colors-green-light-green-light-500: #66C61C;
  607. --color-util-colors-green-light-green-light-400: #4CA30D;
  608. --color-util-colors-green-light-green-light-600: #85E13A;
  609. --color-util-colors-green-light-green-light-700: #A6EF67;
  610. --color-util-colors-rose-rose-50: #510B24;
  611. --color-util-colors-rose-rose-100: #89123E;
  612. --color-util-colors-rose-rose-200: #A11043;
  613. --color-util-colors-rose-rose-300: #C01048;
  614. --color-util-colors-rose-rose-400: #E31B54;
  615. --color-util-colors-rose-rose-500: #F63D68;
  616. --color-util-colors-rose-rose-600: #FD6F8E;
  617. --color-util-colors-rose-rose-700: #FEA3B4;
  618. --color-util-colors-midnight-midnight-50: #171C22;
  619. --color-util-colors-midnight-midnight-100: #202431;
  620. --color-util-colors-midnight-midnight-200: #2F3648;
  621. --color-util-colors-midnight-midnight-300: #3E465E;
  622. --color-util-colors-midnight-midnight-400: #5D698D;
  623. --color-util-colors-midnight-midnight-500: #828DAD;
  624. --color-util-colors-midnight-midnight-600: #A7AEC5;
  625. --color-util-colors-midnight-midnight-700: #C6CBD9;
  626. --color-third-party-LangChain: #FFFFFF;
  627. --color-third-party-Langfuse: #FFFFFF;
  628. --color-third-party-Github: #FFFFFF;
  629. --color-third-party-Github-tertiary: #C8CEDA99;
  630. --color-third-party-Github-secondary: #D9D9DE;
  631. --color-third-party-model-bg-openai: #121212;
  632. --color-third-party-model-bg-anthropic: #1D1917;
  633. --color-third-party-model-bg-default: #0B0B0E;
  634. --color-third-party-aws: #141F2E;
  635. --color-third-party-aws-alt: #192639;
  636. --color-saas-background: #0B0B0E;
  637. --color-saas-pricing-grid-bg: #C8CEDA33;
  638. }