custom.css 1.4 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182
  1. /* Allure报告自定义样式 */
  2. .hero__title {
  3. color: #2c3e50;
  4. font-size: 2.5rem;
  5. font-weight: 700;
  6. }
  7. .hero__subtitle {
  8. color: #7f8c8d;
  9. font-size: 1.2rem;
  10. }
  11. .status-button--passed {
  12. background-color: #27ae60;
  13. border-color: #27ae60;
  14. }
  15. .status-button--failed {
  16. background-color: #e74c3c;
  17. border-color: #e74c3c;
  18. }
  19. .status-button--broken {
  20. background-color: #f39c12;
  21. border-color: #f39c12;
  22. }
  23. .status-button--skipped {
  24. background-color: #95a5a6;
  25. border-color: #95a5a6;
  26. }
  27. .timeline__item--selected {
  28. border-color: #3498db;
  29. }
  30. .widget__title {
  31. color: #2c3e50;
  32. border-bottom: 2px solid #3498db;
  33. padding-bottom: 10px;
  34. }
  35. .test-case__header {
  36. background-color: #ecf0f1;
  37. padding: 15px;
  38. border-radius: 5px;
  39. margin-bottom: 15px;
  40. }
  41. .step__title {
  42. color: #2c3e50;
  43. font-weight: 600;
  44. }
  45. .attachment__text {
  46. background-color: #f8f9fa;
  47. border: 1px solid #dee2e6;
  48. border-radius: 5px;
  49. padding: 15px;
  50. font-family: 'Courier New', monospace;
  51. font-size: 0.9rem;
  52. }
  53. /* 深色模式支持 */
  54. @media (prefers-color-scheme: dark) {
  55. :root {
  56. --color-background: #2c3e50;
  57. --color-text: #ecf0f1;
  58. --color-border: #34495e;
  59. }
  60. .test-case__header {
  61. background-color: #34495e;
  62. color: #ecf0f1;
  63. }
  64. .attachment__text {
  65. background-color: #2c3e50;
  66. border-color: #34495e;
  67. color: #ecf0f1;
  68. }
  69. }