tech-blue.scss 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. /* 科技蓝大屏主题变量 */
  2. $primary-color: #1890ff;
  3. $background-color: #001529;
  4. $text-color: #ffffff;
  5. $bgopacity-color: rgba(0, 170, 255, 0.12);
  6. :root {
  7. --primary-color: #1890ff;
  8. --primary-hover: #40a9ff;
  9. --background-color: #001529;
  10. --text-color: #ffffff;
  11. --text-cyan: #b7dff5;
  12. --text-muted: #3f4755;
  13. --bgopacity-color: rgba(0, 170, 255, 0.12);
  14. --header-bg: #001529;
  15. --content-bg: #000510;
  16. --panel-bg: #000c17;
  17. --panel-border: rgba(0, 170, 255, 0.45);
  18. --panel-glow: 0 0 15px rgba(0, 120, 255, 0.12),
  19. inset 0 0 30px rgba(0, 40, 100, 0.08);
  20. --table-header-bg: #001a33;
  21. --table-row-bg: #020810;
  22. --table-row-stripe: rgba(0, 24, 48, 0.55);
  23. --table-border: rgba(0, 80, 140, 0.28);
  24. --table-frame-bg: #00050a;
  25. --table-frame-border: rgba(0, 170, 255, 0.48);
  26. --table-accent: #00aaff;
  27. --table-cell-text: #c8d4df;
  28. --table-header-text: #ffffff;
  29. /* hover:略提亮深色底,不用浅灰/高亮青(避免扎眼) */
  30. --table-row-hover-bg: #071525;
  31. --table-row-hover-text: #c8d4df;
  32. --table-row-hover-line: rgba(0, 140, 200, 0.28);
  33. --input-bg: #000c17;
  34. --input-border: rgba(0, 170, 255, 0.35);
  35. --sidebar-bg: #141414;
  36. --success-color: #52c41a;
  37. /* 按钮:克制的大屏风格(无霓虹发光) */
  38. --btn-radius: 4px;
  39. --btn-outline-bg: rgba(0, 16, 32, 0.92);
  40. --btn-outline-bg-hover: rgba(0, 28, 52, 0.96);
  41. --btn-outline-border: rgba(0, 120, 200, 0.42);
  42. --btn-outline-border-hover: rgba(0, 160, 255, 0.55);
  43. --btn-outline-text: #b7dff5;
  44. --btn-primary-bg: #177ddc;
  45. --btn-primary-bg-hover: #1d8cff;
  46. --btn-primary-border: #177ddc;
  47. }