variables.css 3.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. /* Globals */
  2. :root {
  3. /* mdBook 0.5:拖动侧边栏改的是 --sidebar-target-width,--sidebar-width 由它推导 */
  4. --sidebar-target-width: 300px;
  5. --sidebar-width: min(var(--sidebar-target-width), 80vw);
  6. --sidebar-resize-indicator-width: 8px;
  7. --sidebar-resize-indicator-space: 2px;
  8. --page-padding: 15px;
  9. --content-max-width: 750px;
  10. --menu-bar-height: 50px;
  11. /* mdBook 0.5 新增:搜索框上边距、帮助弹层遮罩 */
  12. --searchbar-margin-block-start: 5px;
  13. --overlay-bg: rgba(33, 40, 48, 0.4);
  14. }
  15. /* Themes */
  16. .all,.tai,.roman,.han,.zh{
  17. --bg: hsl(0, 0%, 100%);
  18. --fg: hsl(0, 0%, 0%);
  19. --sidebar-bg: #fafafa;
  20. --sidebar-fg: hsl(0, 0%, 0%);
  21. --sidebar-non-existant: #aaaaaa;
  22. --sidebar-active: #1f1fff;
  23. --sidebar-spacer: #f4f4f4;
  24. --scrollbar: #8F8F8F;
  25. --icons: #747474;
  26. --icons-hover: #000000;
  27. --links: #20609f;
  28. --inline-code-color: #301900;
  29. --theme-popup-bg: #fafafa;
  30. --theme-popup-border: #cccccc;
  31. --theme-hover: #e6e6e6;
  32. --quote-bg: hsl(197, 37%, 96%);
  33. --quote-border: hsl(197, 37%, 91%);
  34. --table-border-color: hsl(0, 0%, 95%);
  35. --table-header-bg: hsl(0, 0%, 80%);
  36. --table-alternate-bg: hsl(0, 0%, 97%);
  37. --searchbar-border-color: #aaa;
  38. --searchbar-bg: #fafafa;
  39. --searchbar-fg: #000;
  40. --searchbar-shadow-color: #aaa;
  41. --searchresults-header-fg: #666;
  42. --searchresults-border-color: #888;
  43. --searchresults-li-bg: #e4f2fe;
  44. --search-mark-bg: #a2cff5;
  45. }
  46. tai{
  47. display: none;
  48. }
  49. my{
  50. display: none;
  51. }
  52. roman{
  53. display: none;
  54. }
  55. han{
  56. display: none;
  57. }
  58. .tai tai{
  59. font-weight: lighter;
  60. display: block;
  61. }
  62. .my my{
  63. font-weight: lighter;
  64. display: block;
  65. }
  66. .roman roman{
  67. font-family:"Times New Roman";
  68. font-weight: 500;
  69. display: block;
  70. /*font-size: 1.8rem;*/
  71. }
  72. .han han{
  73. /*font-weight: bolder;*/
  74. display: block;
  75. }
  76. .zh zh{
  77. /*font-weight: bolder;*/
  78. display: block;
  79. margin-bottom: 1rem;
  80. }
  81. .all tai{
  82. display: block;
  83. }
  84. .all roman{
  85. display: block;
  86. }
  87. .all zh{
  88. display: block;
  89. margin-bottom: 1rem;
  90. }
  91. strong{
  92. font-weight: 800;
  93. }
  94. @media (prefers-color-scheme: dark) {
  95. .all.no-js {
  96. --bg: hsl(200, 7%, 8%);
  97. --fg: #98a3ad;
  98. --sidebar-bg: #292c2f;
  99. --sidebar-fg: #a1adb8;
  100. --sidebar-non-existant: #505254;
  101. --sidebar-active: #3473ad;
  102. --sidebar-spacer: #393939;
  103. --scrollbar: var(--sidebar-fg);
  104. --icons: #43484d;
  105. --icons-hover: #b3c0cc;
  106. --links: #2b79a2;
  107. --inline-code-color: #c5c8c6;
  108. --theme-popup-bg: #141617;
  109. --theme-popup-border: #43484d;
  110. --theme-hover: #1f2124;
  111. --quote-bg: hsl(234, 21%, 18%);
  112. --quote-border: hsl(234, 21%, 23%);
  113. --table-border-color: hsl(200, 7%, 13%);
  114. --table-header-bg: hsl(200, 7%, 28%);
  115. --table-alternate-bg: hsl(200, 7%, 11%);
  116. --searchbar-border-color: #aaa;
  117. --searchbar-bg: #b7b7b7;
  118. --searchbar-fg: #000;
  119. --searchbar-shadow-color: #aaa;
  120. --searchresults-header-fg: #666;
  121. --searchresults-border-color: #98a3ad;
  122. --searchresults-li-bg: #2b2b2f;
  123. --search-mark-bg: #355c7d;
  124. }
  125. }