theme.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121
  1. /* Provided by the Sphinx base theme template at build time */
  2. @import "../basic.css";
  3. :root {
  4. /*****************************************************************************
  5. * Theme config
  6. **/
  7. --pst-header-height: 60px;
  8. /*****************************************************************************
  9. * Font size
  10. **/
  11. --pst-font-size-base: 15px; /* base font size - applied at body / html level */
  12. /* heading font sizes */
  13. --pst-font-size-h1: 36px;
  14. --pst-font-size-h2: 32px;
  15. --pst-font-size-h3: 26px;
  16. --pst-font-size-h4: 21px;
  17. --pst-font-size-h5: 18px;
  18. --pst-font-size-h6: 16px;
  19. /* smaller then heading font sizes*/
  20. --pst-font-size-milli: 12px;
  21. --pst-sidebar-font-size: .9em;
  22. --pst-sidebar-caption-font-size: .9em;
  23. /*****************************************************************************
  24. * Font family
  25. **/
  26. /* These are adapted from https://systemfontstack.com/ */
  27. --pst-font-family-base-system: -apple-system, BlinkMacSystemFont, Segoe UI, "Helvetica Neue",
  28. Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
  29. --pst-font-family-monospace-system: "SFMono-Regular", Menlo, Consolas, Monaco,
  30. Liberation Mono, Lucida Console, monospace;
  31. --pst-font-family-base: var(--pst-font-family-base-system);
  32. --pst-font-family-heading: var(--pst-font-family-base);
  33. --pst-font-family-monospace: var(--pst-font-family-monospace-system);
  34. /*****************************************************************************
  35. * Color
  36. *
  37. * Colors are defined in rgb string way, "red, green, blue"
  38. **/
  39. --pst-color-primary: 19, 6, 84;
  40. --pst-color-success: 40, 167, 69;
  41. --pst-color-info: 0, 123, 255; /*23, 162, 184;*/
  42. --pst-color-warning: 255, 193, 7;
  43. --pst-color-danger: 220, 53, 69;
  44. --pst-color-text-base: 51, 51, 51;
  45. --pst-color-h1: var(--pst-color-primary);
  46. --pst-color-h2: var(--pst-color-primary);
  47. --pst-color-h3: var(--pst-color-text-base);
  48. --pst-color-h4: var(--pst-color-text-base);
  49. --pst-color-h5: var(--pst-color-text-base);
  50. --pst-color-h6: var(--pst-color-text-base);
  51. --pst-color-paragraph: var(--pst-color-text-base);
  52. --pst-color-link: 0, 91, 129;
  53. --pst-color-link-hover: 227, 46, 0;
  54. --pst-color-headerlink: 198, 15, 15;
  55. --pst-color-headerlink-hover: 255, 255, 255;
  56. --pst-color-preformatted-text: 34, 34, 34;
  57. --pst-color-preformatted-background: 250, 250, 250;
  58. --pst-color-inline-code: 232, 62, 140;
  59. --pst-color-active-navigation: 19, 6, 84;
  60. --pst-color-navbar-link: 77, 77, 77;
  61. --pst-color-navbar-link-hover: var(--pst-color-active-navigation);
  62. --pst-color-navbar-link-active: var(--pst-color-active-navigation);
  63. --pst-color-sidebar-link: 77, 77, 77;
  64. --pst-color-sidebar-link-hover: var(--pst-color-active-navigation);
  65. --pst-color-sidebar-link-active: var(--pst-color-active-navigation);
  66. --pst-color-sidebar-expander-background-hover: 244, 244, 244;
  67. --pst-color-sidebar-caption: 77, 77, 77;
  68. --pst-color-toc-link: 119, 117, 122;
  69. --pst-color-toc-link-hover: var(--pst-color-active-navigation);
  70. --pst-color-toc-link-active: var(--pst-color-active-navigation);
  71. /*****************************************************************************
  72. * Icon
  73. **/
  74. /* font awesome icons*/
  75. --pst-icon-check-circle: '\f058';
  76. --pst-icon-info-circle: '\f05a';
  77. --pst-icon-exclamation-triangle: '\f071';
  78. --pst-icon-exclamation-circle: '\f06a';
  79. --pst-icon-times-circle: '\f057';
  80. --pst-icon-lightbulb: '\f0eb';
  81. /*****************************************************************************
  82. * Admonitions
  83. **/
  84. --pst-color-admonition-default: var(--pst-color-info);
  85. --pst-color-admonition-note: var(--pst-color-info);
  86. --pst-color-admonition-attention: var(--pst-color-warning);
  87. --pst-color-admonition-caution: var(--pst-color-warning);
  88. --pst-color-admonition-warning: var(--pst-color-warning);
  89. --pst-color-admonition-danger: var(--pst-color-danger);
  90. --pst-color-admonition-error: var(--pst-color-danger);
  91. --pst-color-admonition-hint: var(--pst-color-success);
  92. --pst-color-admonition-tip: var(--pst-color-success);
  93. --pst-color-admonition-important: var(--pst-color-success);
  94. --pst-icon-admonition-default: var(--pst-icon-info-circle);
  95. --pst-icon-admonition-note: var(--pst-icon-info-circle);
  96. --pst-icon-admonition-attention: var(--pst-icon-exclamation-circle);
  97. --pst-icon-admonition-caution: var(--pst-icon-exclamation-triangle);
  98. --pst-icon-admonition-warning: var(--pst-icon-exclamation-triangle);
  99. --pst-icon-admonition-danger: var(--pst-icon-exclamation-triangle);
  100. --pst-icon-admonition-error: var(--pst-icon-times-circle);
  101. --pst-icon-admonition-hint: var(--pst-icon-lightbulb);
  102. --pst-icon-admonition-tip: var(--pst-icon-lightbulb);
  103. --pst-icon-admonition-important: var(--pst-icon-exclamation-circle);
  104. }