現在下記手順、サイトを参考にvscodeのマークダウンプレビューの背景色を白くしたいと考えています。
- 設定(settings.json)を変更してCSSを読み込ませる
- 指定したフォルダにCSSファイルを置く。
- 再起動、反映
VS Code のMarkdownプレビューをCSSでカスタマイズする
bash
1#--settings.jsonファイル 2 "editor.detectIndentation": false, 3 // ウィンドウの端で改行する 4 "editor.wordWrap": "on", 5 // 既定の改行文字 \n => Unix, \r\n => Windows 6 "files.eol": "\n", 7 // 既定の文字コード 8 "files.encoding": "utf8", 9 // 文字コードを自動で推測する 10 "files.autoGuessEncoding": false, 11 // タブのプレビュー機能を使用しない 12 "workbench.editor.enablePreview": false, 13 // インデントガイドを表示する 14 "editor.renderIndentGuides": true, 15 // 制御文字を表示をしない 16 "editor.renderControlCharacters": true, 17 // 自動で閉じ文字を挿入をしない 18 "editor.autoClosingBrackets": false, 19 // 折りたたみ機能を使用しない 20 "editor.folding": false, 21 // カーソル点滅 22 "editor.cursorBlinking": "smooth", 23 // 現在行のハイライト 24 "editor.renderLineHighlight": "all", 25 // ファイルの末尾は改行で終わらせる 26 "files.insertFinalNewline": true, 27 // エディターの末尾でスクロールを止めない 28 "editor.scrollBeyondLastLine": false, 29 // 文字の区切り 30 "editor.wordSeparators": "`~!#%^&*()-=+[{]}\\|;:'\",.<>/?", 31 // スクロール量 32 "editor.mouseWheelScrollSensitivity": 3, 33 // HTML 1 行あたりの最大文字数 (0 = 無効にする) 34 "html.format.wrapLineLength": 0, 35 // ミニマップを非表示 36 "editor.minimap.enabled": true, 37 // アクティビティバーを表示する 38 "workbench.activityBar.visible": true, 39 // ステータスバーを表示する 40 "workbench.statusBar.visible": true, 41 // ブレークポイントを使用しない 42 "editor.glyphMargin": false, 43 // 配色テーマ (v1.10から設定可能) 44 "workbench.colorTheme": "Monokai", 45 // ファイルアイコンテーマ (v1.10から設定可能) 46 "workbench.iconheme": "material-icon-theme", 47 // マークダウンプレビューcss 48 "markdown.styles": [ 49 "C:/Users/ユーザ名/.vscode/md_preview.css" 50 ] 51} 52 53 54 55#--.vscode直下にcssファイルを設置 56~/.vscode/md_preview.css 57
この操作を行なった後に再起動してもうまく反映されません。
原因わかるかたいましたら教えていただけると助かります。
よろしくお願いします。
回答1件
あなたの回答
tips
プレビュー