tipsmemo:tips:vscode

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

--- tipsmemo:tips:vscode [2025/02/03 08:34] – admin
+++ tipsmemo:tips:vscode [2025/12/22 07:47] (現在) – [PuppeteerのPDF出力で用紙設定を行う] hayashi
@@ 行 37: / 行 37: @@
 </code>
+「ctrl+shift+p」でcssを呼び出して設定も可能
+<code>
+  // modify your style here
+  // eg: background-color: blue;
+  font-size: 20px;      // change font size
+  line-height: 2.2;     // change line height
+  pre {
+    position: relative;
+    background-color: #ffffff; /* コードブロックの背景色 */
+    border: 1px solid #ddd;
+    /* 右下方向に 8px ずつずらしたグレーのボックスを作成 */
+    box-shadow: 8px 8px 0px 0px #f0f0f0;
+    margin-bottom: 20px; /* 下の要素との隙間 */
+  }
+  code {
+    font-family: 'Fira Code', monospace;  // change code font family
+    font-size: 18px;    // change code font size
+  }
+  :not(pre) > code {
+      background-color: #f2f2f2 !important; /* インラインの背景色 */
+      // color: #d63384 !important;           /* 文字色（お好みで） */
+      padding: 2px 5px !important;
+      margin: 0 3px !important;
+      border: 1px solid #ccc !important;
+      border-radius: 3px;
+      /* インライン用の小さな「後ろのボックス」 */
+      box-shadow: 2px 2px 0px 0px #dddddd !important;
+      font-family: var(--vscode-editor-font-family, "Consolas", monospace);
+  }
+</code>
 ==== 参考 ====

tipsmemo/tips/vscode.txt · 最終更新: 2025/12/22 07:47 by hayashi