Thay đổi màu văn bản đánh dấu trong Visual Studio Code

Bây giờ, nó là một lớp phủ màu xám mờ, rất khó nhìn thấy. Có cách nào để thay đổi màu mặc định không?

Cập nhật Xem câu trả lời của @Jakub Zawiślak cho VScode 1.12+

Câu trả lời cũ

Visual Studio Code gọi đây là phần đánh dấu lựa chọn và rất tiếc, tôi không nghĩ rằng màu sắc hiện có thể tùy chỉnh được. Chủ đề có thể kiểm soát màu 'lựa chọn', nhưng màu 'đánh dấu vùng chọn' được mã hóa cứng.

Xem sự cố này theo dõi một giải pháp khả thi: https://github.com/Microsoft/vscode/issues/1636

(Một lưu ý nhỏ là bạn có thể bật / tắt tính năng này với editor.selectionHighlightcài đặt.)

Thêm các dòng sau vào cài đặt "Editor: Token Color Customizations", bên trong tệp settings.json.

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#135564",
    "editor.selectionHighlightBackground": "#135564"
},

Xem Tham khảo màu chủ đề để có thêm tùy chọn

Các câu trả lời trên bao gồm Selected textvà areas with same content as selection, nhưng chúng bỏ sót Current Search Matchvà Other Search Matches- có cùng một vấn đề .

"workbench.colorCustomizations": {
    "editor.findMatchBackground": "#00cc44a8", //Current SEARCH MATCH
    "editor.findMatchHighlightBackground": "#ff7b00a1" //Other SEARCH MATCHES
}

Lưu ý rằng các cài đặt trên cũng sẽ ảnh hưởng đến màu sắc khi sử dụng Change All Occurrences CtrlF2 (một lệnh siêu hữu ích chọn thông minh tất cả các lần xuất hiện của một chuỗi, đặt con trỏ tại mỗi vị trí để chỉnh sửa nhiều trường hợp) .

CẬP NHẬT:

Đối với những người đang sử dụng tiện ích mở rộng phổ biến là Dấu trang được Đánh số - giờ đây bạn có thể thay đổi màu nền của các dòng được đánh dấu - giúp bạn dễ dàng nhận thấy chúng. Thêm dòng này vào settings.json của bạn (cũng trong workbench.colorCustomizations ):

        "numberedBookmarks.lineBackground": "#007700"

Và đừng bỏ lỡ mẹo hữu ích của Henry Zhu trong câu trả lời của anh ấy bên dưới (hãy nhớ ủng hộ câu trả lời của anh ấy nếu bạn thấy nó hữu ích) . Tôi đã thêm mẹo của Henry vào cài đặt ở trên và thấy hiệu quả tổng thể được cải thiện.

Ví dụ về tệp cài đặt điển hình, đăng mod:

    {
        "git.enableSmartCommit": true,
        "git.autofetch": true,
        "breadcrumbs.enabled": true,
        "git.confirmSync": sai,
        "explorer.confirmDelete": sai,
        "code-runner.saveFileBeforeRun": true,
        "code-runner.saveAllFilesBeforeRun": true,
        "workbench.activityBar.vosystem": true,
        "files.trimTrailingWhitespace": true,
        "telemetry.enableTelemetry": false,
        "scm.providers.vosystem": 0, // 0 cho phép thay đổi kích thước thủ công của Bảng điều khiển nguồn
        "workbench.colorCustomizations": {
            "editor.selectionBackground": "# e788ff7c", // Văn bản hiện được CHỌN
            "editor.selectionHighlightBackground": "# ff00005b", // Nội dung giống như lựa chọn
            "editor.findMatchBackground": "# 00cc44a8", // TRẬN ĐẤU TÌM KIẾM Hiện tại
            "editor.findMatchHighlightBackground": "# ff7b00a1", // CÁC TRẬN ĐẤU TÌM KIẾM Khác
            "numbereredBookmarks.lineBackground": "# 007700"
            // Mẹo của Henry ở đây ... (đừng quên thêm dấu phẩy vào dòng trên)
        }
    }

Nơi để tìm tệp settings.json:

Depending on your platform, the user settings file is located here:

Windows %APPDATA%\Code\User\settings.json
macOS $HOME/Library/Application Support/Code/User/settings.json
Linux $HOME/.config/Code/User/settings.json

Phương thức ALTERNATE để mở tệp settings.json:

1. Ctrl +, (dấu phẩy) để mở Cài đặt

2. Bàn làm việc

3. Trình chỉnh sửa cài đặt

4. Trong hộp tìm kiếm ở trên cùng, hãy dán workbench.colorCustomizations

5. Ở bên trái, nhấp Workbenchvà sau đóAppearance

6. Nhấp vào liên kết bên phải: Edit in settings.json

Người giới thiệu:

https://code.visualstudio.com/api/references/theme-color#editor-colors

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

https://code.visualstudio.com/docs/getstarted/settings

Nếu bất kỳ ai tìm thấy điều này và, giống như tôi, không thể làm cho cấu hình trên hoạt động, hãy thử làm điều này.

1. đi tới tệp> Tùy chọn> cài đặt
2. nhập các tùy chỉnh màu mã thông báo của Trình chỉnh sửa tìm kiếm
3. trong tiêu đề tùy chỉnh màu mã thông báo Editor
4. nhấp vào chỉnh sửa trong settings.json
5. ở cột bên phải chọn cài đặt người dùng
6. dán cái này vào đối tượng json

Đảm bảo thay thế chữ # bằng màu bạn muốn xem.

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#<color1>",
    "editor.selectionBackground": "#<color2>",
    "editor.wordHighlightBackground": "#<color3>",
    "editorCursor.foreground": "#<color4>"
},

Sự hiểu biết của tôi về cấu hình trên.

editor.lineHighlightBackground - khi bạn nhấp vào một dòng, đây là màu nền của dòng sẽ có.

"editor.selectionBackground" - Đây là nền của các lựa chọn phù hợp ở những nơi khác trong bộ đệm. Hãy nghĩ về một biến có tên foo và nó được sử dụng trên một tệp. Sau đó, bạn đánh dấu văn bản đó và tất cả các foos khác trên trang sẽ có màu này.

"editor.wordHighlightBackground" - Đây là màu của văn bản đã chọn nếu từ đánh dấu mặc định khi nhấp chuột không có hiệu lực. Tôi chỉ thấy giá trị này tạo ra sự khác biệt nếu bạn nhấp vào một từ không tự động chọn.

editorCursor.foreground - đây là màu con trỏ của bạn.

Như tôi đã thử nghiệm, thiết lập màu đường viền giúp dễ đọc hơn so với thiết lập màu nền, đó là những gì Sublime Text thực hiện.

Ví dụ: thêm các dòng này vào settings.json:

"workbench.colorCustomizations": {
    "editor.selectionHighlightBorder": "#FFFA",
},

Các từ đã chọn sẽ được hiển thị như sau:

bạn có thể thay đổi nó bằng màu yêu thích của bạn bằng cách:

Các bước

1. Mở mã trực quan
2. Goto menu tệp
3. Tùy chọn -> Cài đặt

sau khi mở cài đặt, bạn sẽ cập nhật cài đặt của mình trên cột bên phải, sao chép và dán mã này vào bên trong dấu ngoặc chính { ... }

"workbench.colorCustomizations": {
    "editor.selectionBackground": "#f00", // red color hexadecimal code
    "editor.selectionHighlightBackground": "#fff" // white hex code
},

Nếu ai đó thấy mình đang đọc câu trả lời của @ FujiRoyale mà không ai trong số những người khác hoạt động và tự hỏi tại sao câu trả lời của anh ấy / cô ấy cũng không hoạt động, nhưng vì gần đây hơn tự hỏi tại sao, tôi đã làm theo câu trả lời của họ và đã (với v1.18 của vscode ) đây là một user settingsthiết lập:

{
    // Is git enabled
    "git.enabled": true,
    // Path to the git executable
    "git.path": "C:\\Users\\t606964\\AppData\\Local\\Programs\\Git\\mingw64\\bin\\git.exe",
    "workbench.startupEditor": "newUntitledFile",
    // other settings
    //
    "editor.fontSize": 12,
    "editor.tabSize": 2,
    "git.confirmSync": false,
    "workbench.colorTheme": "Monokai",
    "editor.fontWeight": "bold",
    "editor.formatOnSave": true,
    "editor.formatOnPaste": true,
    "workbench.iconTheme": "vscode-icons",
    "explorer.confirmDelete": false,
    "files.autoSave": "off",
    "workbench.colorCustomizations": {
        "editor.lineHighlightBackground": "#f00",
        "editor.selectionBackground": "#0f0",
        "editor.wordHighlightBackground": "#00f",
        "editorCursor.foreground": "#ff0"
    }
}

Lưu ý thụt lề và dấu phẩy và loại bỏ dấu ngoặc kép khỏi câu trả lời của họ (mà tôi phải thử để làm đúng, điều này không rõ ràng trong câu trả lời). Không cần phải khởi động lại vscode, nhưng có thể đáng để truy cập File > Autosavevà xem liệu bạn có bắt đầu nhận được các điểm nổi bật màu chính hay không. Và sau đó chọn màu sắc tốt hơn cho điểm nổi bật của bạn.

Bạn cũng có thể làm cho nó hoạt động workspace settingsbằng cách dán

"workbench.colorCustomizations": {
    "editor.lineHighlightBackground": "#f00",
    "editor.selectionBackground": "#0f0",
    "editor.wordHighlightBackground": "#00f",
    "editorCursor.foreground": "#ff0"
}

ở giữa hiện có {}trong ngăn cài đặt bên phải đó.