builtin_themes.html 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>xmake</title>
  6. <link rel="icon" href="/assets/img/favicon.ico">
  7. <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  8. <meta name="description" content="Description">
  9. <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  10. <link href="/assets/npm/github-markdown/github-markdown.min.css" rel="stylesheet">
  11. <style>
  12. .markdown-body {
  13. box-sizing: border-box;
  14. min-width: 200px;
  15. max-width: 980px;
  16. margin: 0 auto;
  17. padding: 45px;
  18. }
  19. @media (max-width: 767px) {
  20. .markdown-body {
  21. padding: 15px;
  22. }
  23. }
  24. </style>
  25. </head>
  26. <body>
  27. <article class="markdown-body">
  28. <h4>This is a mirror page, please see the original page: </h4><a href="https://xmake.io/#/theme/builtin_themes">https://xmake.io/#/theme/builtin_themes</a>
  29. <div id="wwads-panel" class="wwads-cn wwads-vertical wwads-sticky" data-id="239" style="max-width:180px;bottom:20px;right:20px;width:200px;height:260px;background:#fff;position:fixed"></div>
  30. </br>
  31. <script type="text/javascript" charset="UTF-8" src="https://cdn.wwads.cn/js/makemoney.js" async></script>
  32. <script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CE7I52QU&placement=xmakeio" id="_carbonads_js"></script>
  33. <style>
  34. #carbonads {
  35. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu,
  36. Cantarell, "Helvetica Neue", Helvetica, Arial, sans-serif;
  37. }
  38. #carbonads {
  39. display: flex;
  40. max-width: 330px;
  41. background-color: hsl(0, 0%, 98%);
  42. box-shadow: 0 1px 4px 1px hsla(0, 0%, 0%, .1);
  43. }
  44. #carbonads a {
  45. color: inherit;
  46. text-decoration: none;
  47. }
  48. #carbonads a:hover {
  49. color: inherit;
  50. }
  51. #carbonads span {
  52. position: relative;
  53. display: block;
  54. overflow: hidden;
  55. }
  56. #carbonads .carbon-wrap {
  57. display: flex;
  58. }
  59. .carbon-img {
  60. display: block;
  61. margin: 0;
  62. line-height: 1;
  63. }
  64. .carbon-img img {
  65. display: block;
  66. }
  67. .carbon-text {
  68. font-size: 13px;
  69. padding: 10px;
  70. line-height: 1.5;
  71. text-align: left;
  72. }
  73. .carbon-poweredby {
  74. display: block;
  75. padding: 8px 10px;
  76. background: repeating-linear-gradient(-45deg, transparent, transparent 5px, hsla(0, 0%, 0%, .025) 5px, hsla(0, 0%, 0%, .025) 10px) hsla(203, 11%, 95%, .4);
  77. text-align: center;
  78. text-transform: uppercase;
  79. letter-spacing: .5px;
  80. font-weight: 600;
  81. font-size: 9px;
  82. line-height: 1;
  83. }
  84. </style>
  85. <h2 id="defaulttheme">Default theme</h2>
  86. <p>This is the default display theme after we install xmake. Theme name: default, which will provide color output by default, suitable for some dark background terminals.</p>
  87. <p><img src="/assets/img/theme/default.png" width="60%" /></p>
  88. <p>We can also switch back to the default theme with the following command:</p>
  89. <pre><code class="lang-bash">$ xmake g --theme=default
  90. </code></pre>
  91. <h2 id="ninjatheme">Ninja Theme</h2>
  92. <p>This is the theme provided by the version after v2.3.4. The construction progress style is similar to ninja. It uses a single-line progress bar, and the progress is no longer rolled back.</p>
  93. <p>The configuration of the default theme is the same except that the progress is displayed differently.</p>
  94. <pre><code class="lang-bash">$ xmake g --theme=ninja
  95. </code></pre>
  96. <p><img src="/assets/img/theme/ninja.png" width="60%" /></p>
  97. <h2 id="emojitheme">Emoji Theme</h2>
  98. <p>This theme part output uses emoji characters instead of the previous color output.</p>
  99. <pre><code class="lang-bash">$ xmake g --theme=emoji
  100. </code></pre>
  101. <p><img src="/assets/img/theme/emoji.png" width="60%" /></p>
  102. <h2 id="darktheme">Dark Theme</h2>
  103. <p>This theme is mainly for some terminal backgrounds with a light color system (such as light yellow, etc.), which causes some warning outputs (the default is also yellow) to be invisible, so the theme color is changed to a dark system to improve visibility.</p>
  104. <pre><code class="lang-bash">$ xmake g --theme=dark
  105. </code></pre>
  106. <h2 id="lighttheme">Light theme</h2>
  107. <p>This theme is mainly for the dark background of some terminals, which makes some outputs overlap invisible, so change the theme color to light color to improve visibility.</p>
  108. <pre><code class="lang-bash">$ xmake g --theme=light
  109. </code></pre>
  110. <h2 id="plaintheme">Plain Theme</h2>
  111. <p>In fact, this theme is to completely disable color and emoji output, mainly to deal with the problem of garbled display caused by some terminals that do not support colors code, and it is also the most simple theme style.</p>
  112. <p>!> Some win terminals may not support colors, you can set this theme to solve the problem of garbled display</p>
  113. <pre><code class="lang-bash">$ xmake g --theme=plain
  114. </code></pre>
  115. <h2 id="powershelltheme">Powershell theme</h2>
  116. <p>The background of the powershell terminal under win is blue, and its palette configuration seems to be changed. The magenta color is actually displayed as the background blue, which is very strange, resulting in the local output of xmake&#39;s default output will be invisible Overlapped)</p>
  117. <p>Therefore, this theme is to better adapt the display output under the powershell terminal.</p>
  118. <pre><code class="lang-bash">$ xmake g --theme=powershell
  119. </code></pre>
  120. </article>
  121. </body>
  122. </html>