theme.css 9.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376
  1. /* 默认主题 */
  2. :root {
  3. --m-grey0: #364048 ;
  4. --m-grey1: #7a8a94;
  5. --m-grey2: #88a0ae;
  6. --m-grey5: #363F45;
  7. --m-grey6: #272F36;
  8. --m-grey7: #171A1B;
  9. --m-grey8: #272E32;
  10. --m-grey9: #252D34;
  11. --m-grey10: #394753;
  12. --m-grey11: #0F1A25;
  13. --m-grey12: #343D46;
  14. --m-grey12-hover: rgba(52, 61, 70, .8);
  15. --m-grey13: #38444F;
  16. --m-grey13-hover: rgba(56, 68, 79, .8);
  17. --m-grey14: #2B3F52;
  18. --m-grey15: #455773;
  19. --m-grey15-hover: rgba(69, 87, 115, .8);
  20. --m-grey16: #405066;
  21. --m-grey16-hover: rgba(64, 80, 102, .8);
  22. --m-grey18: #1D2327;
  23. --m-grey19: #162534;
  24. --m-grey20: #1B2A38;
  25. --m-grey21: #15202B;
  26. --m-grey22: #424E59;
  27. --m-grey22-hover: rgba(66, 78, 89, .8);
  28. --m-grey23: #48545F;
  29. --m-grey26: #343e48;
  30. --m-grey31: #212629;
  31. --m-grey32: #7a8a94;
  32. --m-grey33: #88a0ae;
  33. --m-grey34: #88A0AE;
  34. --m-grey35: #343D46;
  35. --m-grey36: #38444F;
  36. --m-grey37: transpant;
  37. --m-grey38: #88a0ae;
  38. --m-grey39: #455773;
  39. --m-grey39-hover: rgba(69, 87, 115, .8);
  40. --m-grey40: #405066;
  41. --m-grey40-hover: rgba(64, 80, 102, .8);
  42. /* --m-green1: #e8ffef; */
  43. --m-black0: #242a2e;
  44. --m-black1: #181e22;
  45. --m-black2: #0E0E0F;
  46. --m-black3: #4D5A64;
  47. --m-black4: #14181B;
  48. --m-black5: #121415;
  49. --m-black6: #1B2F41;
  50. --m-black7: #15293A;
  51. --m-black7-hover: rgba(21, 41, 58, .8);
  52. --m-black8: #212629;
  53. --m-black9: #161A1C;
  54. --m-black10: #121618;
  55. --m-black11: #0B1620;
  56. --m-black12: #13202D;
  57. --m-black13: #08131F;
  58. --m-black14: #1F262B;
  59. --m-black15: #0f161c;
  60. --m-black16: #181d1f;
  61. --m-black17: #2E3539;
  62. --m-black18: rgba(18, 22, 24, 0.36);
  63. --m-black19: rgb(26 187 207 / 20%);
  64. --m-black20: #4b5861;
  65. --m-black21: #182635;
  66. --m-black22: #1d2f3f;
  67. --m-black23: #173025;
  68. --m-black24: #2c3e50;
  69. --m-black25: #282e34;
  70. --m-black26: #192125;
  71. --m-black27: #0E1A25;
  72. --m-black28: #000c17;
  73. --m-black29: #2B3F52;
  74. --m-black30: #15202B;
  75. --m-black31: #0E0E0F;
  76. --m-black32: #0E0E0F;
  77. --m-blue0: #3a87f7;
  78. --m-blue0-hover: rgba(58, 135, 247, .8);
  79. --m-blue2: #3270d2;
  80. --m-blue2-hover: rgba(58, 135, 247, .8);
  81. --m-blue3: #172B56;
  82. --m-blue4: #112C43;
  83. --m-blue5: #084258;
  84. --m-blue6: #26487C;
  85. --m-blue6-hover: rgba(38, 72, 124,.8);
  86. --m-blue7: #29538C;
  87. --m-blue7-hover: rgba(41, 83, 140, .8);
  88. --m-blue8: #3163BA;
  89. --m-blue8-hover: rgba(49, 99, 186, .8);
  90. --m-blue9: #4179DB;
  91. --m-blue9-hover: rgba(65, 121, 219, .8);
  92. --m-blue10: #0C95FF;
  93. --m-blue10-hover: rgba(12, 149, 255, .8);
  94. --m-blue11: #1271BA;
  95. --m-blue12: #1556B5;
  96. --m-blue13: #193778;
  97. --m-blue14: #1D2F3F;
  98. --m-blue15: #0D8AEB;
  99. --m-blue16: #334c5c;
  100. --m-blue17: #1F3245;
  101. --m-blue18:#1b3356;
  102. --m-blue19: #102442;
  103. --m-blue20: #122d55;
  104. --m-blue21: #102e45;
  105. --body-bg: #e9eef3;
  106. --m-white0: #ffffff;
  107. --m-white0-hover: rgba(255, 255, 255, .8);
  108. --m-white1: #E5E5E5;
  109. --m-white5: #fffefe;
  110. --m-white6: #ffffff;
  111. --m-white7: #ffffff;
  112. --m-white8: #ffffff;
  113. --m-green0: #1FF195;
  114. --m-green1: #10251d;
  115. --m-red2: #271112;
  116. --m-nodata: url("../images/nodata.png");
  117. }
  118. /* 白色主题 */
  119. /* :root[theme="light"] { */
  120. :root[theme="light"] {
  121. --m-grey0: #5179E2;
  122. --m-grey1: #7A8A94;
  123. --m-grey2: #7A8A94;
  124. --m-grey5: #B2C4DD;
  125. --m-grey6: #ffffff;
  126. --m-grey7: #F5FAFC;
  127. --m-grey8: #D2DAEF;
  128. --m-grey9: #FFFFFF;
  129. --m-grey10: #99B5FF;
  130. --m-grey11: #ffffff;
  131. --m-grey12: #727C98;
  132. --m-grey12-hover: rgba(114, 124, 152, .8);
  133. --m-grey13: #727C98;
  134. --m-grey13-hover: rgba(114, 124, 152, .8);
  135. --m-grey14: #ECF2F5;
  136. --m-grey15: #727C98;
  137. --m-grey15-hover: rgba(114, 124, 152, .8);
  138. --m-grey16: #727C98;
  139. --m-grey16-hover: rgba(114, 124, 152, .8);
  140. --m-grey17: #808E97;
  141. --m-grey18: #FFFFFF; /* #ECF2F5 */
  142. --m-grey19: #F6F8FA;
  143. --m-grey20: #DAE5EC;
  144. --m-grey21: #F6F8FA;
  145. --m-grey22: #E4F5FF;
  146. --m-grey22-hover: rgba(228, 245, 255, .8);
  147. --m-grey23: #A5CDFF;
  148. --m-grey26: #5179E2;
  149. --m-grey31: #D6DEE3;
  150. --m-grey32: #FEFFFF;
  151. --m-grey33: #5E6E78;
  152. --m-grey34: #808E97;
  153. --m-grey35: #ffffff;
  154. --m-grey36: #ffffff;
  155. --m-grey37: #CBD7DD;
  156. --m-grey38: #7A8A94;
  157. --m-grey39: #5179E2;
  158. --m-grey39-hover: rgba(81, 121, 226, .8);
  159. --m-grey40: #5179E2;
  160. --m-grey40-hover: rgba(81, 121, 226, .8);
  161. --m-black0: #F8FBFF;
  162. --m-black1: #ECF2F5;
  163. --m-black2: #FFFFFF;
  164. --m-black3: #718FAE;
  165. --m-black4: #EDF2F7;
  166. --m-black5: #ECF2F5;
  167. --m-black6: #DAE5EC;
  168. --m-black7: #D4E0FF;
  169. --m-black7-hover: rgba(212, 224, 255, .8);
  170. --m-black8: #DAE5EC;
  171. --m-black9: #e3ebf1;
  172. --m-black10: #ddebed;
  173. --m-black11: #ECF2F5;
  174. --m-black12: #ECF2F5;
  175. --m-black13: #ECF2F5;
  176. --m-black14: #FFFFFF;
  177. --m-black15: #F6F8FA;
  178. --m-black16: #CBD7DD;
  179. --m-black17: #DAE5EC;
  180. --m-black18: rgba(18, 22, 24, 0.15);
  181. --m-black19: rgba(246 248 250 / 20%);
  182. --m-black20: #EDF2F7;
  183. --m-black21: #182635;
  184. --m-black22: #ffffff;
  185. --m-black23: #173025;
  186. --m-black24: #2c3e50;
  187. --m-black25: #E4F5FF;
  188. --m-black26: #3A87F7;
  189. --m-black27: #ffffff;
  190. --m-black28: #DDE3E8;
  191. --m-black29: #2B3F52;
  192. --m-black30: #15202B;
  193. --m-black31: #FFFFFF;
  194. --m-black32: #CED8E6;
  195. --m-blue0: #5179E2;
  196. --m-blue0-hover: rgba(81, 121, 226, .8);
  197. --m-blue2: #5179E2;
  198. --m-blue2-hover: rgba(81, 121, 226, .8);
  199. --m-blue3: #DEEFFF;
  200. --m-blue4: #5179E2;
  201. --m-blue5: #7497F4;
  202. --m-blue6: #5179E2;
  203. --m-blue6-hover: rgba(81, 121, 226, .8);
  204. --m-blue7: #5179E2;
  205. --m-blue7-hover: rgba(81, 121, 226, .8);
  206. --m-blue8: #5179E2;
  207. --m-blue8-hover: rgba(81, 121, 226, .8);
  208. --m-blue9: #5179E2;
  209. --m-blue9-hover: rgba(81, 121, 226, .8);
  210. --m-blue10: #0C95FF;
  211. --m-blue10-hover: rgba(12, 149, 255, .8);
  212. --m-blue11: #ffffff;
  213. --m-blue12: #D4E0FF;
  214. --m-blue13: #DEEFFF;
  215. --m-blue14: #ECF2F5;
  216. --m-blue15: #0D8AEB;
  217. --m-blue16: #ADBCC5;
  218. --m-blue17: #3A87F7;
  219. --m-blue18:#5179E2;
  220. --m-blue19: #ECF2F5;
  221. --m-blue20: #D6E0F0;
  222. --m-blue21: #5179E2;
  223. --body-bg: #FFFFFF;
  224. --m-white0: #ffffff;
  225. --m-white0-hover: rgba(255, 255, 255, .8);
  226. --m-white1: #333333;
  227. --m-white5: #FFFFFF;
  228. --m-white6: #333333;
  229. --m-white7: #718FAE;
  230. --m-white8: #ffffff;
  231. --m-green0: #00A843;
  232. --m-green1: #e8ffef;
  233. --m-red2: #ffe2e2;
  234. --m-nodata: url("../images/nodata_white.png");
  235. }
  236. /* 黑色主题 */
  237. :root[theme="black"] {
  238. --m-grey0: #364048 ;
  239. --m-grey1: #7a8a94;
  240. --m-grey2: #88a0ae;
  241. --m-grey5: #363F45;
  242. --m-grey6: #272F36;
  243. --m-grey7: #171A1B;
  244. --m-grey8: #272E32;
  245. --m-grey9: #252D34;
  246. --m-grey10: #394753;
  247. --m-grey11: #0F1A25;
  248. --m-grey12: #343D46;
  249. --m-grey12-hover: rgba(52, 61, 70, .8);
  250. --m-grey13: #38444F;
  251. --m-grey13-hover: rgba(56, 68, 79, .8);
  252. --m-grey14: #2B3F52;
  253. --m-grey15: #455773;
  254. --m-grey15-hover: rgba(69, 87, 115, .8);
  255. --m-grey16: #405066;
  256. --m-grey16-hover: rgba(64, 80, 102, .8);
  257. --m-grey17: #556772;
  258. --m-grey18: #1D2327;
  259. --m-grey19: #162534;
  260. --m-grey20: #1B2A38;
  261. --m-grey21: #15202B;
  262. --m-grey22: #424E59;
  263. --m-grey22-hover: rgba(66, 78, 89, .8);
  264. --m-grey23: #48545F;
  265. --m-grey26: #343e48;
  266. --m-grey31: #212629;
  267. --m-grey32: #7a8a94;
  268. --m-grey33: #88a0ae;
  269. --m-grey34: #88A0AE;
  270. --m-grey35: #343D46;
  271. --m-grey36: #38444F;
  272. --m-grey37: transpant;
  273. --m-grey38: #88a0ae;
  274. --m-grey39: #455773;
  275. --m-grey39-hover: rgba(69, 87, 115, .8);
  276. --m-grey40: #405066;
  277. --m-grey40-hover: rgba(64, 80, 102, .8);
  278. /* --m-green1: #e8ffef; */
  279. --m-black0: #242a2e;
  280. --m-black1: #181e22;
  281. --m-black2: #0E0E0F;
  282. --m-black3: #4D5A64;
  283. --m-black4: #14181B;
  284. --m-black5: #121415;
  285. --m-black6: #1B2F41;
  286. --m-black7: #15293A;
  287. --m-black7-hover: rgba(21, 41, 58, .8);
  288. --m-black8: #212629;
  289. --m-black9: #161A1C;
  290. --m-black10: #121618;
  291. --m-black11: #0B1620;
  292. --m-black12: #13202D;
  293. --m-black13: #08131F;
  294. --m-black14: #1F262B;
  295. --m-black15: #0f161c;
  296. --m-black16: #181d1f;
  297. --m-black17: #2E3539;
  298. --m-black18: rgba(18, 22, 24, 0.36);
  299. --m-black19: rgb(26 187 207 / 20%);
  300. --m-black20: #4b5861;
  301. --m-black21: #182635;
  302. --m-black22: #1d2f3f;
  303. --m-black23: #173025;
  304. --m-black24: #2c3e50;
  305. --m-black25: #282e34;
  306. --m-black26: #192125;
  307. --m-black27: #0E1A25;
  308. --m-black28: #000c17;
  309. --m-black29: #2B3F52;
  310. --m-black30: #15202B;
  311. --m-black31: #0E0E0F;
  312. --m-black32: #0E0E0F;
  313. --m-blue0: #3a87f7;
  314. --m-blue0-hover: rgba(58, 135, 247, .8);
  315. --m-blue2: #3270d2;
  316. --m-blue2-hover: rgba(58, 135, 247, .8);
  317. --m-blue3: #172B56;
  318. --m-blue4: #112C43;
  319. --m-blue5: #084258;
  320. --m-blue6: #26487C;
  321. --m-blue6-hover: rgba(38, 72, 124,.8);
  322. --m-blue7: #29538C;
  323. --m-blue7-hover: rgba(41, 83, 140, .8);
  324. --m-blue8: #3163BA;
  325. --m-blue8-hover: rgba(49, 99, 186, .8);
  326. --m-blue9: #4179DB;
  327. --m-blue9-hover: rgba(65, 121, 219, .8);
  328. --m-blue10: #0C95FF;
  329. --m-blue10-hover: rgba(12, 149, 255, .8);
  330. --m-blue11: #1271BA;
  331. --m-blue12: #1556B5;
  332. --m-blue13: #193778;
  333. --m-blue14: #1D2F3F;
  334. --m-blue15: #0D8AEB;
  335. --m-blue16: #334c5c;
  336. --m-blue17: #1F3245;
  337. --m-blue18:#1b3356;
  338. --m-blue19: #102442;
  339. --m-blue20: #122d55;
  340. --m-blue21: #102e45;
  341. --body-bg: #e9eef3;
  342. --m-white0: #ffffff;
  343. --m-white0-hover: rgba(255, 255, 255, .8);
  344. --m-white1: #E5E5E5;
  345. --m-white5: #fffefe;
  346. --m-white6: #ffffff;
  347. --m-white7: #ffffff;
  348. --m-white8: #ffffff;
  349. --m-green0: #1FF195;
  350. --m-green1: #10251d;
  351. --m-red2: #271112;
  352. --m-nodata: url("../images/nodata.png");
  353. }