color.scss 16 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331
  1. /* Light global css variable */
  2. :root {
  3. /* Color styles */
  4. --lj-color-primary-000: rgb(235, 244, 255);
  5. --lj-color-primary-100: rgba(189, 221, 255, 1);
  6. --lj-color-primary-200: rgba(144, 197, 255, 1);
  7. --lj-color-primary-300: rgba(98, 173, 255, 1);
  8. --lj-color-primary-400: rgba(53, 150, 255, 1);
  9. --lj-color-primary-500: rgba(35, 131, 235, 1);
  10. --lj-color-primary-600: rgba(18, 106, 201, 1);
  11. --lj-color-primary-700: rgba(5, 83, 167, 1);
  12. --lj-color-primary-800: rgba(0, 64, 133, 1);
  13. --lj-color-primary-900: rgba(0, 48, 99, 1);
  14. --lj-color-black: rgba(0, 0, 0, 1);
  15. --lj-color-white: rgba(255, 255, 255, 1);
  16. --lj-color-background: rgba(246, 246, 249, 1);
  17. --lj-color-gray-1: rgba(255, 255, 255, 1);
  18. --lj-color-gray-2: rgba(250, 250, 250, 1);
  19. --lj-color-gray-3: rgba(245, 245, 245, 1);
  20. --lj-color-gray-4: rgba(240, 240, 240, 1);
  21. --lj-color-gray-5: rgba(217, 217, 217, 1);
  22. --lj-color-gray-6: rgba(191, 191, 191, 1);
  23. --lj-color-gray-7: rgba(140, 140, 140, 1);
  24. --lj-color-gray-8: rgba(89, 89, 89, 1);
  25. --lj-color-gray-9: rgba(67, 67, 67, 1);
  26. --lj-color-gray-10: rgba(38, 38, 38, 1);
  27. --lj-color-gray-11: rgba(31, 31, 31, 1);
  28. --lj-color-gray-12: rgba(20, 20, 20, 1);
  29. --lj-color-gray-13: rgba(0, 0, 0, 1);
  30. // --lj-color-primary-000: rgba(255, 245, 229, 1);
  31. // --lj-color-primary-100: rgba(255, 235, 204, 1);
  32. // --lj-color-primary-200: rgba(255, 214, 153, 1);
  33. // --lj-color-primary-300: rgba(255, 194, 102, 1);
  34. // --lj-color-primary-400: rgba(255, 173, 51, 1);
  35. // --lj-color-primary-500: rgba(255, 153, 0, 1);
  36. // --lj-color-primary-600: rgba(204, 122, 0, 1);
  37. // --lj-color-primary-700: rgba(153, 92, 0, 1);
  38. // --lj-color-primary-800: rgba(102, 61, 0, 1);
  39. // --lj-color-primary-900: rgba(51, 31, 0, 1);
  40. --lj-color-dust-red-1-8: rgba(255, 241, 240, 0.8);
  41. --lj-color-dust-red-1: rgba(255, 241, 240, 1);
  42. --lj-color-dust-red-2: rgba(255, 204, 199, 1);
  43. --lj-color-dust-red-3: rgba(255, 163, 158, 1);
  44. --lj-color-dust-red-4: rgba(255, 120, 117, 1);
  45. --lj-color-dust-red-5: rgba(255, 77, 79, 1);
  46. --lj-color-dust-red-6: rgba(245, 34, 45, 1);
  47. --lj-color-dust-red-7: rgba(207, 19, 34, 1);
  48. --lj-color-dust-red-8: rgba(168, 7, 26, 1);
  49. --lj-color-dust-red-9: rgba(130, 0, 20, 1);
  50. --lj-color-dust-red-10: rgba(92, 0, 17, 1);
  51. --lj-color-calendula-gold-1: rgba(255, 251, 230, 1);
  52. --lj-color-calendula-gold-2: rgba(255, 241, 184, 1);
  53. --lj-color-calendula-gold-3: rgba(255, 229, 143, 1);
  54. --lj-color-calendula-gold-4: rgba(255, 214, 102, 1);
  55. --lj-color-calendula-gold-5: rgba(255, 197, 61, 1);
  56. --lj-color-calendula-gold-6: rgba(250, 173, 20, 1);
  57. --lj-color-calendula-gold-7: rgba(212, 136, 6, 1);
  58. --lj-color-calendula-gold-8: rgba(173, 104, 0, 1);
  59. --lj-color-calendula-gold-9: rgba(135, 77, 0, 1);
  60. --lj-color-calendula-gold-10: rgba(97, 52, 0, 1);
  61. --lj-color-cyan-1: rgba(230, 255, 251, 1);
  62. --lj-color-cyan-2: rgba(181, 245, 236, 1);
  63. --lj-color-cyan-3: rgba(135, 232, 222, 1);
  64. --lj-color-cyan-4: rgba(92, 219, 211, 1);
  65. --lj-color-cyan-5: rgba(54, 207, 201, 1);
  66. --lj-color-cyan-6: rgba(19, 194, 194, 1);
  67. --lj-color-cyan-7: rgba(8, 151, 156, 1);
  68. --lj-color-cyan-8: rgba(0, 109, 117, 1);
  69. --lj-color-cyan-9: rgba(0, 71, 79, 1);
  70. --lj-color-cyan-10: rgba(0, 35, 41, 1);
  71. --lj-color-geek-blue-1-8: rgba(240, 245, 255, 0.8);
  72. --lj-color-geek-blue-1: rgba(240, 245, 255, 1);
  73. --lj-color-geek-blue-2: rgba(214, 228, 255, 1);
  74. --lj-color-geek-blue-3: rgba(173, 198, 255, 1);
  75. --lj-color-geek-blue-4: rgba(133, 165, 255, 1);
  76. --lj-color-geek-blue-5: rgba(89, 126, 247, 1);
  77. --lj-color-geek-blue-6: rgba(47, 84, 235, 1);
  78. --lj-color-geek-blue-7: rgba(29, 57, 196, 1);
  79. --lj-color-geek-blue-8: rgba(16, 35, 158, 1);
  80. --lj-color-geek-blue-9: rgba(6, 17, 120, 1);
  81. --lj-color-geek-blue-10: rgba(3, 8, 82, 1);
  82. --lj-color-golden-purple-1: rgba(249, 240, 255, 1);
  83. --lj-color-golden-purple-2: rgba(239, 219, 255, 1);
  84. --lj-color-golden-purple-3: rgba(211, 173, 247, 1);
  85. --lj-color-golden-purple-4: rgba(179, 127, 235, 1);
  86. --lj-color-golden-purple-5: rgba(146, 84, 222, 1);
  87. --lj-color-golden-purple-6: rgba(114, 46, 209, 1);
  88. --lj-color-golden-purple-7: rgba(83, 29, 171, 1);
  89. --lj-color-golden-purple-8: rgba(57, 16, 133, 1);
  90. --lj-color-golden-purple-9: rgba(34, 7, 94, 1);
  91. --lj-color-golden-purple-10: rgba(18, 3, 56, 1);
  92. --lj-color-lime-1: rgba(252, 255, 230, 1);
  93. --lj-color-lime-2: rgba(244, 255, 184, 1);
  94. --lj-color-lime-3: rgba(234, 255, 143, 1);
  95. --lj-color-lime-4: rgba(211, 242, 97, 1);
  96. --lj-color-lime-5: rgba(186, 230, 55, 1);
  97. --lj-color-lime-6: rgba(160, 217, 17, 1);
  98. --lj-color-lime-7: rgba(124, 179, 5, 1);
  99. --lj-color-lime-8: rgba(91, 140, 0, 1);
  100. --lj-color-lime-9: rgba(63, 102, 0, 1);
  101. --lj-color-lime-10: rgba(37, 64, 0, 1);
  102. --lj-color-magenta-1: rgba(255, 240, 246, 1);
  103. --lj-color-magenta-2: rgba(255, 214, 231, 1);
  104. --lj-color-magenta-3: rgba(255, 173, 210, 1);
  105. --lj-color-magenta-4: rgba(255, 133, 192, 1);
  106. --lj-color-magenta-5: rgba(247, 89, 171, 1);
  107. --lj-color-magenta-6: rgba(235, 47, 150, 1);
  108. --lj-color-magenta-7: rgba(196, 29, 127, 1);
  109. --lj-color-magenta-8: rgba(158, 16, 104, 1);
  110. --lj-color-magenta-9: rgba(120, 6, 80, 1);
  111. --lj-color-magenta-10: rgba(82, 3, 57, 1);
  112. --lj-color-polar-green-1-8: rgba(246, 255, 237, 0.8);
  113. --lj-color-polar-green-1: rgba(246, 255, 237, 1);
  114. --lj-color-polar-green-2: rgba(217, 247, 190, 1);
  115. --lj-color-polar-green-3: rgba(183, 235, 143, 1);
  116. --lj-color-polar-green-4: rgba(149, 222, 100, 1);
  117. --lj-color-polar-green-5: rgba(115, 209, 61, 1);
  118. --lj-color-polar-green-6: rgba(82, 196, 26, 1);
  119. --lj-color-polar-green-7: rgba(56, 158, 13, 1);
  120. --lj-color-polar-green-8: rgba(35, 120, 4, 1);
  121. --lj-color-polar-green-9: rgba(19, 82, 0, 1);
  122. --lj-color-polar-green-10: rgba(9, 43, 0, 1);
  123. --lj-color-sunrise-yellow-1: rgba(254, 255, 230, 1);
  124. --lj-color-sunrise-yellow-2: rgba(255, 255, 184, 1);
  125. --lj-color-sunrise-yellow-3: rgba(255, 251, 143, 1);
  126. --lj-color-sunrise-yellow-4: rgba(255, 245, 102, 1);
  127. --lj-color-sunrise-yellow-5: rgba(255, 236, 61, 1);
  128. --lj-color-sunrise-yellow-6: rgba(250, 219, 20, 1);
  129. --lj-color-sunrise-yellow-7: rgba(212, 177, 6, 1);
  130. --lj-color-sunrise-yellow-8: rgba(173, 139, 0, 1);
  131. --lj-color-sunrise-yellow-9: rgba(135, 104, 0, 1);
  132. --lj-color-sunrise-yellow-10: rgba(97, 71, 0, 1);
  133. --lj-color-sunset-orange-1: rgba(255, 247, 230, 1);
  134. --lj-color-sunset-orange-2: rgba(255, 231, 186, 1);
  135. --lj-color-sunset-orange-3: rgba(255, 213, 145, 1);
  136. --lj-color-sunset-orange-4: rgba(255, 192, 105, 1);
  137. --lj-color-sunset-orange-5: rgba(255, 169, 64, 1);
  138. --lj-color-sunset-orange-6: rgba(250, 140, 22, 1);
  139. --lj-color-sunset-orange-7: rgba(212, 107, 8, 1);
  140. --lj-color-sunset-orange-8: rgba(173, 78, 0, 1);
  141. --lj-color-sunset-orange-9: rgba(135, 56, 0, 1);
  142. --lj-color-sunset-orange-10: rgba(97, 37, 0, 1);
  143. --lj-color-volcano-1: rgba(255, 242, 232, 1);
  144. --lj-color-volcano-2: rgba(255, 216, 191, 1);
  145. --lj-color-volcano-3: rgba(255, 187, 150, 1);
  146. --lj-color-volcano-4: rgba(255, 156, 110, 1);
  147. --lj-color-volcano-5: rgba(255, 122, 69, 1);
  148. --lj-color-volcano-6: rgba(250, 84, 28, 1);
  149. --lj-color-volcano-7: rgba(212, 56, 13, 1);
  150. --lj-color-volcano-8: rgba(173, 33, 2, 1);
  151. --lj-color-volcano-9: rgba(135, 20, 0, 1);
  152. --lj-color-volcano-10: rgba(97, 11, 0, 1);
  153. --lj-color-text-table-header: rgba(0, 0, 0, 0.02);
  154. --lj-color-text-background: rgba(0, 0, 0, 0.04);
  155. --lj-color-text-dividers: rgba(0, 0, 0, 0.06);
  156. --lj-color-text-border: rgba(0, 0, 0, 0.15);
  157. --lj-color-text-disable: rgba(0, 0, 0, 0.25);
  158. --lj-color-text-secondary-text: rgba(0, 0, 0, 0.45);
  159. --lj-color-text-primary-text: rgba(0, 0, 0, 0.85);
  160. --lj-color-text-title: rgba(0, 0, 0, 0.85);
  161. --lj-color-bg-overlay: rgba(255, 255, 255, 0.5);
  162. // --li-linear-gradient-1: linear-gradient(180deg, var(--lj-color-sunset-orange-1) 0%, var(--lj-color-sunset-orange-2) 100%);
  163. --li-linear-gradient-1: linear-gradient(120deg, var(--lj-color-geek-blue-4), var(--lj-color-geek-blue-5) 80%);
  164. --li-linear-gradient-primary: linear-gradient(120deg, var(--lj-color-primary-800), var(--lj-color-primary-900) 90%);
  165. --li-linear-gradient-primary-1: linear-gradient(120deg, var(--lj-color-primary-200), var(--lj-color-primary-500) 90%);
  166. }
  167. /* Dark global css variable */
  168. html.dark {
  169. --lj-color-black: rgba(0, 0, 0, 1);
  170. --lj-color-white: rgba(255, 255, 255, 1);
  171. --lj-color-background: rgba(20, 20, 20, 1);
  172. --lj-color-gray-1: rgba(0, 0, 0, 1);
  173. --lj-color-gray-2: rgba(20, 20, 20, 1);
  174. --lj-color-gray-3: rgba(31, 31, 31, 1);
  175. --lj-color-gray-4: rgba(38, 38, 38, 1);
  176. --lj-color-gray-5: rgba(67, 67, 67, 1);
  177. --lj-color-gray-6: rgba(89, 89, 89, 1);
  178. --lj-color-gray-7: rgba(140, 140, 140, 1);
  179. --lj-color-gray-8: rgba(191, 191, 191, 1);
  180. --lj-color-gray-9: rgba(217, 217, 217, 1);
  181. --lj-color-gray-10: rgba(240, 240, 240, 1);
  182. --lj-color-gray-11: rgba(245, 245, 245, 1);
  183. --lj-color-gray-12: rgba(250, 250, 250, 1);
  184. --lj-color-gray-13: rgba(255, 255, 255, 1);
  185. --lj-color-primary-000: rgba(47, 28, 0, 1);
  186. --lj-color-primary-100: rgba(94, 57, 1, 1);
  187. --lj-color-primary-200: rgba(141, 85, 1, 1);
  188. --lj-color-primary-300: rgba(188, 113, 2, 1);
  189. --lj-color-primary-400: rgba(235, 142, 2, 1);
  190. --lj-color-primary-500: rgba(239, 164, 53, 1);
  191. --lj-color-primary-600: rgba(243, 187, 103, 1);
  192. --lj-color-primary-700: rgba(247, 210, 154, 1);
  193. --lj-color-primary-800: rgba(251, 232, 204, 1);
  194. --lj-color-primary-900: rgba(255, 243, 225, 1);
  195. --lj-color-calendula-gold-1: rgba(43, 33, 17, 1);
  196. --lj-color-calendula-gold-2: rgba(68, 49, 17, 1);
  197. --lj-color-calendula-gold-3: rgba(89, 66, 20, 1);
  198. --lj-color-calendula-gold-4: rgba(124, 89, 20, 1);
  199. --lj-color-calendula-gold-5: rgba(170, 119, 20, 1);
  200. --lj-color-calendula-gold-6: rgba(216, 150, 20, 1);
  201. --lj-color-calendula-gold-7: rgba(232, 179, 57, 1);
  202. --lj-color-calendula-gold-8: rgba(243, 204, 98, 1);
  203. --lj-color-calendula-gold-9: rgba(248, 223, 139, 1);
  204. --lj-color-calendula-gold-10: rgba(250, 237, 181, 1);
  205. --lj-color-cyan-1: rgba(17, 33, 35, 1);
  206. --lj-color-cyan-2: rgba(17, 53, 54, 1);
  207. --lj-color-cyan-3: rgba(20, 72, 72, 1);
  208. --lj-color-cyan-4: rgba(20, 98, 98, 1);
  209. --lj-color-cyan-5: rgba(19, 133, 133, 1);
  210. --lj-color-cyan-6: rgba(19, 168, 168, 1);
  211. --lj-color-cyan-7: rgba(51, 188, 183, 1);
  212. --lj-color-cyan-8: rgba(88, 209, 201, 1);
  213. --lj-color-cyan-9: rgba(132, 226, 216, 1);
  214. --lj-color-cyan-10: rgba(178, 241, 232, 1);
  215. --lj-color-daybreak-blue-1: rgba(17, 29, 44, 1);
  216. --lj-color-daybreak-blue-2: rgba(17, 42, 69, 1);
  217. --lj-color-daybreak-blue-3: rgba(21, 57, 91, 1);
  218. --lj-color-daybreak-blue-4: rgba(22, 76, 126, 1);
  219. --lj-color-daybreak-blue-5: rgba(23, 101, 173, 1);
  220. --lj-color-daybreak-blue-6: rgba(23, 125, 220, 1);
  221. --lj-color-daybreak-blue-7: rgba(60, 154, 232, 1);
  222. --lj-color-daybreak-blue-8: rgba(101, 183, 243, 1);
  223. --lj-color-daybreak-blue-9: rgba(141, 207, 248, 1);
  224. --lj-color-daybreak-blue-10: rgba(183, 227, 250, 1);
  225. --lj-color-dust-red-1-8: rgba(42, 18, 21, 0.8);
  226. --lj-color-dust-red-1: rgba(42, 18, 21, 1);
  227. --lj-color-dust-red-2: rgba(67, 20, 24, 1);
  228. --lj-color-dust-red-3: rgba(88, 24, 28, 1);
  229. --lj-color-dust-red-4: rgba(121, 26, 31, 1);
  230. --lj-color-dust-red-5: rgba(166, 29, 36, 1);
  231. --lj-color-dust-red-6: rgba(211, 32, 41, 1);
  232. --lj-color-dust-red-7: rgba(232, 71, 73, 1);
  233. --lj-color-dust-red-8: rgba(243, 115, 112, 1);
  234. --lj-color-dust-red-9: rgba(248, 159, 154, 1);
  235. --lj-color-dust-red-10: rgba(250, 200, 195, 1);
  236. --lj-color-geek-blue-1-8: rgba(19, 22, 41, 0.8);
  237. --lj-color-geek-blue-1: rgba(19, 22, 41, 1);
  238. --lj-color-geek-blue-2: rgba(22, 29, 64, 1);
  239. --lj-color-geek-blue-3: rgba(28, 39, 85, 1);
  240. --lj-color-geek-blue-4: rgba(32, 49, 117, 1);
  241. --lj-color-geek-blue-5: rgba(38, 62, 160, 1);
  242. --lj-color-geek-blue-6: rgba(43, 74, 203, 1);
  243. --lj-color-geek-blue-7: rgba(82, 115, 224, 1);
  244. --lj-color-geek-blue-8: rgba(127, 158, 243, 1);
  245. --lj-color-geek-blue-9: rgba(168, 193, 248, 1);
  246. --lj-color-geek-blue-10: rgba(210, 224, 250, 1);
  247. --lj-color-golden-purple-1: rgba(26, 19, 37, 1);
  248. --lj-color-golden-purple-2: rgba(36, 22, 58, 1);
  249. --lj-color-golden-purple-3: rgba(48, 28, 77, 1);
  250. --lj-color-golden-purple-4: rgba(62, 32, 105, 1);
  251. --lj-color-golden-purple-5: rgba(81, 37, 143, 1);
  252. --lj-color-golden-purple-6: rgba(100, 42, 181, 1);
  253. --lj-color-golden-purple-7: rgba(133, 78, 202, 1);
  254. --lj-color-golden-purple-8: rgba(171, 122, 224, 1);
  255. --lj-color-golden-purple-9: rgba(205, 168, 240, 1);
  256. --lj-color-golden-purple-10: rgba(235, 215, 250, 1);
  257. --lj-color-lime-1: rgba(31, 38, 17, 1);
  258. --lj-color-lime-2: rgba(46, 60, 16, 1);
  259. --lj-color-lime-3: rgba(62, 79, 19, 1);
  260. --lj-color-lime-4: rgba(83, 109, 19, 1);
  261. --lj-color-lime-5: rgba(111, 148, 18, 1);
  262. --lj-color-lime-6: rgba(139, 187, 17, 1);
  263. --lj-color-lime-7: rgba(169, 209, 52, 1);
  264. --lj-color-lime-8: rgba(201, 231, 93, 1);
  265. --lj-color-lime-9: rgba(228, 248, 139, 1);
  266. --lj-color-lime-10: rgba(240, 250, 181, 1);
  267. --lj-color-magenta-1: rgba(41, 19, 33, 1);
  268. --lj-color-magenta-2: rgba(64, 22, 47, 1);
  269. --lj-color-magenta-3: rgba(85, 28, 59, 1);
  270. --lj-color-magenta-4: rgba(117, 32, 79, 1);
  271. --lj-color-magenta-5: rgba(160, 38, 105, 1);
  272. --lj-color-magenta-6: rgba(203, 43, 131, 1);
  273. --lj-color-magenta-7: rgba(224, 82, 156, 1);
  274. --lj-color-magenta-8: rgba(243, 127, 183, 1);
  275. --lj-color-magenta-9: rgba(248, 168, 204, 1);
  276. --lj-color-magenta-10: rgba(250, 210, 227, 1);
  277. --lj-color-polar-green-1-8: rgba(22, 35, 18, 0.8);
  278. --lj-color-polar-green-1: rgba(22, 35, 18, 1);
  279. --lj-color-polar-green-2: rgba(29, 55, 18, 1);
  280. --lj-color-polar-green-3: rgba(39, 73, 22, 1);
  281. --lj-color-polar-green-4: rgba(48, 99, 23, 1);
  282. --lj-color-polar-green-5: rgba(60, 134, 24, 1);
  283. --lj-color-polar-green-6: rgba(73, 170, 25, 1);
  284. --lj-color-polar-green-7: rgba(106, 190, 57, 1);
  285. --lj-color-polar-green-8: rgba(143, 212, 96, 1);
  286. --lj-color-polar-green-9: rgba(178, 229, 139, 1);
  287. --lj-color-polar-green-10: rgba(213, 242, 187, 1);
  288. --lj-color-sunrise-yellow-1: rgba(43, 38, 17, 1);
  289. --lj-color-sunrise-yellow-2: rgba(68, 59, 17, 1);
  290. --lj-color-sunrise-yellow-3: rgba(89, 80, 20, 1);
  291. --lj-color-sunrise-yellow-4: rgba(124, 110, 20, 1);
  292. --lj-color-sunrise-yellow-5: rgba(170, 149, 20, 1);
  293. --lj-color-sunrise-yellow-6: rgba(216, 189, 20, 1);
  294. --lj-color-sunrise-yellow-7: rgba(232, 214, 57, 1);
  295. --lj-color-sunrise-yellow-8: rgba(243, 234, 98, 1);
  296. --lj-color-sunrise-yellow-9: rgba(248, 244, 139, 1);
  297. --lj-color-sunrise-yellow-10: rgba(250, 250, 181, 1);
  298. --lj-color-sunset-orange-1: rgba(43, 29, 17, 1);
  299. --lj-color-sunset-orange-2: rgba(68, 42, 17, 1);
  300. --lj-color-sunset-orange-3: rgba(89, 56, 21, 1);
  301. --lj-color-sunset-orange-4: rgba(124, 74, 21, 1);
  302. --lj-color-sunset-orange-5: rgba(170, 98, 21, 1);
  303. --lj-color-sunset-orange-6: rgba(216, 122, 22, 1);
  304. --lj-color-sunset-orange-7: rgba(232, 154, 60, 1);
  305. --lj-color-sunset-orange-8: rgba(243, 183, 101, 1);
  306. --lj-color-sunset-orange-9: rgba(248, 207, 141, 1);
  307. --lj-color-sunset-orange-10: rgba(250, 227, 183, 1);
  308. --lj-color-volcano-1: rgba(43, 22, 17, 1);
  309. --lj-color-volcano-2: rgba(68, 29, 18, 1);
  310. --lj-color-volcano-3: rgba(89, 39, 22, 1);
  311. --lj-color-volcano-4: rgba(124, 49, 24, 1);
  312. --lj-color-volcano-5: rgba(170, 62, 25, 1);
  313. --lj-color-volcano-6: rgba(216, 74, 27, 1);
  314. --lj-color-volcano-7: rgba(232, 112, 64, 1);
  315. --lj-color-volcano-8: rgba(243, 149, 106, 1);
  316. --lj-color-volcano-9: rgba(248, 182, 146, 1);
  317. --lj-color-volcano-10: rgba(250, 212, 188, 1);
  318. --lj-color-text-table-header: rgba(255, 255, 255, 0.04);
  319. --lj-color-text-background: rgba(255, 255, 255, 0.08);
  320. --lj-color-text-dividers: rgba(255, 255, 255, 0.12);
  321. --lj-color-text-border: rgba(255, 255, 255, 0.2);
  322. --lj-color-text-disable: rgba(255, 255, 255, 0.3);
  323. --lj-color-text-secondary-text: rgba(255, 255, 255, 0.45);
  324. --lj-color-text-primary-text: rgba(255, 255, 255, 0.85);
  325. --lj-color-text-title: rgba(255, 255, 255, 0.85);
  326. --lj-color-ui-color-primary: rgba(103, 80, 163, 1);
  327. --lj-color-bg-overlay: rgba(0, 0, 0, 0.5);
  328. }