วิธีแก้ไขธีมสีเข้มเริ่มต้นสำหรับ Visual Studio Code

ฉันใช้ Windows 7 64 บิต

มีวิธีแก้ไขธีมสีเข้มเริ่มต้นใน Visual Studio Code หรือไม่? ใน%USERPROFILE%\.vscodeโฟลเดอร์มีเฉพาะธีมจากส่วนขยายในขณะที่ในเส้นทางการติดตั้ง (ฉันใช้ค่าเริ่มต้นC:\Program Files (x86)\Microsoft VS Code) จะมีไฟล์ของธีมมาตรฐานบางอย่างใน\resources\app\extensionsเช่น Kimbie Dark, Solarized Dark / Light หรือ Monokai ที่แตกต่างกัน แต่ไม่มีธีมสีเข้มเริ่มต้น

แต่ถ้าหลังจากนั้นมีความเป็นไปได้ที่จะแก้ไขบล็อกของโค้ดใดที่รับผิดชอบต่อสีของสมาชิกของอ็อบเจ็กต์สมาชิกของตัวชี้และชื่อคลาสและโครงสร้างในภาษา C ++?

ไฟล์ที่คุณกำลังค้นหาอยู่ที่

Microsoft VS Code \ resources \ app \ extensions \ theme-defaults \ themes

บน Windows และค้นหาชื่อไฟล์dark_vs.jsonเพื่อค้นหาในระบบอื่น ๆ

อัปเดต:

ด้วย VSCode เวอร์ชันใหม่คุณไม่จำเป็นต้องค้นหาไฟล์การตั้งค่าเพื่อปรับแต่งธีม ตอนนี้คุณสามารถปรับแต่งธีมสีของคุณด้วยการตั้งค่าworkbench.colorCustomizationsและeditor.tokenColorCustomizationsผู้ใช้ เอกสารเกี่ยวกับเรื่องนี้สามารถพบได้ที่นี่

ในรหัส VS 'การตั้งค่าผู้ใช้' คุณสามารถแก้ไขสีที่มองเห็นได้โดยใช้แท็กต่อไปนี้ (นี่คือตัวอย่างและมีแท็กอื่น ๆ อีกมากมาย)

"workbench.colorCustomizations": {
    "list.inactiveSelectionBackground": "#C5DEF0",
    "sideBar.background": "#F8F6F6",
    "sideBar.foreground": "#000000",
    "editor.background": "#FFFFFF",
    "editor.foreground": "#000000",
    "sideBarSectionHeader.background": "#CAC9C9",
    "sideBarSectionHeader.foreground": "#000000",
    "activityBar.border": "#FFFFFF",
    "statusBar.background": "#102F97",
    "scrollbarSlider.activeBackground": "#77D4CB",
    "scrollbarSlider.hoverBackground": "#8CE6DA",
    "badge.background": "#81CA91"}

หากคุณต้องการแก้ไขโทเค็นสี C ++ บางส่วนให้ใช้แท็กต่อไปนี้

"editor.tokenColorCustomizations": {
    "numbers": "#2247EB",
    "comments": "#6D929C",
    "functions": "#0D7C28"
}

เท่าที่ธีม VS Code สามารถแก้ไขได้เช่นเดียวกับ Sublime คุณสามารถแก้ไขธีมเริ่มต้นใด ๆ ที่มาพร้อมกับรหัส VS คุณต้องรู้ว่าจะหาไฟล์ธีมได้ที่ไหน

หมายเหตุด้านข้าง: ฉันชอบธีม Monokai อย่างไรก็ตามทั้งหมดที่ฉันต้องการเปลี่ยนแปลงเกี่ยวกับเรื่องนี้คือพื้นหลัง ฉันไม่ชอบพื้นหลังสีเทาเข้ม แต่ฉันคิดว่าความคมชัดจะดีกว่าด้วยพื้นหลังสีดำทึบ โค้ดปรากฏขึ้นอีกมากมาย

อย่างไรก็ตามฉันตามล่าหาไฟล์ธีมและพบมัน (ใน windows) ที่:

c: \ Program Files (x86) \ Microsoft VS Code \ resources \ app \ extensions \ theme-monokai \ themes \

ในโฟลเดอร์นั้นฉันพบไฟล์ Monokai.tmTheme และแก้ไขคีย์พื้นหลังแรกดังนี้:

<key>background</key>
<string>#000000</string>

ไฟล์ธีมมีคีย์ 'พื้นหลัง' อยู่ไม่กี่คีย์ตรวจสอบให้แน่ใจว่าคุณได้แก้ไขคีย์ที่ถูกต้อง สิ่งที่ฉันแก้ไขอยู่ที่ด้านบนสุด บรรทัดที่ 12 ฉันคิดว่า

คุณไม่สามารถ "แก้ไข" ธีมเริ่มต้นได้เนื่องจาก "ถูกล็อก"

อย่างไรก็ตามคุณสามารถคัดลอกลงในธีมที่คุณกำหนดเองได้โดยมีการปรับเปลี่ยนตามที่คุณต้องการ

สำหรับข้อมูลเพิ่มเติมโปรดดูบทความเหล่านี้: https://code.visualstudio.com/Docs/customization/themes https://code.visualstudio.com/docs/extensions/install-extension#_your-extensions-folder

หากสิ่งที่คุณต้องการเปลี่ยนคือสีของรหัส C ++ คุณควรดูที่การเขียนทับ colorizer สนับสนุน c ++ ดูข้อมูลเพิ่มเติมได้ที่นี่: https://code.visualstudio.com/docs/customization/colorizer

แก้ไข: พบธีมสีเข้มที่นี่: https://github.com/Microsoft/vscode/tree/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults

EDIT2: เพื่อชี้แจง:

• ดาวน์โหลดไฟล์นี้: https://github.com/Microsoft/vscode/blob/80f8000c10b4234c7b027dccfd627442623902d2/extensions/theme-colorful-defaults/themes/dark_plus.tmTheme
• ปรับเปลี่ยนตามที่คุณต้องการ
• สร้างธีมโดยใช้ Yo Code https://code.visualstudio.com/docs/tools/yocode
• คัดลอกธีมนั้นลงในโฟลเดอร์ส่วนขยายของคุณ หรือหากคุณรู้สึกอยากแบ่งปันให้เผยแพร่ในตลาด VS Code

วิธีที่ง่ายที่สุดคือแก้ไขการตั้งค่าของผู้ใช้และปรับแต่ง workbench.colorCustomizations

หากคุณต้องการสร้างธีมของคุณ

นอกจากนี้ยังมีตัวเลือกแก้ไขธีมปัจจุบันซึ่งจะคัดลอกการตั้งค่าธีมปัจจุบันและให้คุณบันทึกเป็น*.color-theme.jsonไฟล์ JSON5

ชุดรูปแบบสีใด ๆ สามารถเปลี่ยนแปลงได้ในส่วนการตั้งค่านี้ใน VS Code เวอร์ชัน 1.12 หรือสูงกว่า:

 // Overrides colors from the currently selected color theme.
  "workbench.colorCustomizations": {}

ดูhttps://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

ค่าที่สามารถแก้ไขได้: https://code.visualstudio.com/docs/getstarted/theme-color-reference

แก้ไข: หากต้องการเปลี่ยนสีไวยากรณ์โปรดดูที่นี่: https://code.visualstudio.com/docs/extensions/themes-snippets-colorizers#_syntax-highlighting-colorsและที่นี่: https://www.sublimetext.com/docs/ 3 / scope_naming.html

ตามที่คนอื่น ๆ ระบุไว้คุณจะต้องลบล้างeditor.tokenColorCustomizationsหรือการworkbench.colorCustomizationsตั้งค่าในไฟล์ settings.json ที่นี่คุณสามารถเลือกธีมพื้นฐานเช่น Abyss และลบล้างเฉพาะสิ่งที่คุณต้องการเปลี่ยนแปลงเท่านั้น คุณสามารถลบล้างบางสิ่งบางอย่างเช่นฟังก์ชันสีสตริง ฯลฯ ได้อย่างง่ายดาย

เช่นสำหรับ workbench.colorCustomizations

"workbench.colorCustomizations": {
    "[Default Dark+]": {
        "editor.background": "#130e293f",
    }
}

เช่นสำหรับeditor.tokenColorCustomizations:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "functions": "#FF0000",
        "strings": "#FF0000"
    }
}
// Don't do this, looks horrible.

อย่างไรก็ตามการปรับแต่งในระดับลึกเช่นการเปลี่ยนสีของvarคำหลักจะทำให้คุณต้องระบุค่าการลบล้างใต้textMateRulesคีย์

เช่นด้านล่าง:

"editor.tokenColorCustomizations": {
    "[Abyss]": {
        "textMateRules": [
            {
                "scope": "keyword.operator",
                "settings": {
                    "foreground": "#FFFFFF"
                }
            },
            {
                "scope": "keyword.var",
                "settings": {
                    "foreground": "#2871bb",
                    "fontStyle": "bold"
                }
            }
        ]
    }
}

นอกจากนี้คุณยังสามารถลบล้างธีมได้ทั่วโลก:

"editor.tokenColorCustomizations": {
    "textMateRules": [
        {
            "scope": [
                //following will be in italics (=Pacifico)
                "comment",
                "entity.name.type.class", //class names
                "keyword", //import, export, return…
                //"support.class.builtin.js", //String, Number, Boolean…, this, super
                "storage.modifier", //static keyword
                "storage.type.class.js", //class keyword
                "storage.type.function.js", // function keyword
                "storage.type.js", // Variable declarations
                "keyword.control.import.js", // Imports
                "keyword.control.from.js", // From-Keyword
                //"entity.name.type.js", // new … Expression
                "keyword.control.flow.js", // await
                "keyword.control.conditional.js", // if
                "keyword.control.loop.js", // for
                "keyword.operator.new.js", // new
            ],
            "settings": {
                "fontStyle": "italic"
            }
        }
    ]
}

รายละเอียดเพิ่มเติมที่นี่: https://code.visualstudio.com/api/language-extensions/syntax-highlight-guide

โซลูชันสำหรับ MAC OS

ฉันไม่แน่ใจว่าคำตอบนี้เหมาะกับที่นี่หรือไม่ แต่ฉันต้องการแบ่งปันวิธีแก้ปัญหาสำหรับผู้ใช้ MAC และมันดูอึดอัดถ้าฉันเริ่มคำถามใหม่และตอบตัวเองที่นั่น

มองหาเส้นทางธีม VSCode ของคุณด้านล่าง:

..your_install_location / Visual Studio Code.app/Contents/Resources/app/extensions/theme-name/themes/theme_file.json

เปิดไฟล์. json และมองหารูปแบบเป้าหมายของคุณเพื่อเปลี่ยนแปลง
สำหรับกรณีของฉันฉันต้องการเปลี่ยนสีการเรนเดอร์ช่องว่าง
และฉันพบว่ามันเป็นเช่น
"editorWhitespace.foreground"
นั้นsettings.jsonใน Visual Studio Code
ฉันได้เพิ่มบรรทัดต่อไปนี้ (ฉันทำในการตั้งค่าพื้นที่ทำงาน)

"workbench.colorCustomizations": {
    "editorWhitespace.foreground": "#93A1A130" // stand as #RRGGBBAA
}

แนวทางแก้ไขจาก: https://code.visualstudio.com/docs/getstarted/themes#_customize-a-color-theme

อย่าลืม⌘ Command+ Sบันทึกการตั้งค่าเพื่อให้มีผล

เอกสารในขณะนี้มีทั้งส่วนเกี่ยวกับเรื่องนี้

โดยทั่วไปใช้npmเพื่อติดตั้งyoและเรียกใช้คำสั่งyo codeและคุณจะได้รับตัวช่วยสร้างข้อความเล็ก ๆ ซึ่งหนึ่งในตัวเลือกที่จะสร้างและแก้ไขสำเนาของชุดรูปแบบสีเข้มเริ่มต้น

ฉันมาที่นี่เพื่อค้นหาวิธีแก้ไขธีม แต่ไม่พบบน Mac หลังจากดำน้ำลึกในที่สุดฉันก็พบสถานที่ติดตั้ง:

~/.vscode/extensions

ส่วนขยายทั้งหมดในนั้น!