ভিজ্যুয়াল স্টুডিও কোডে হাইলাইট পাঠ্যের রঙ পরিবর্তন করুন


114

এই মুহূর্তে, এটি একটি অদ্ভুত ধূসর রঙের ওভারলে, যা দেখতে পাওয়া শক্ত। ডিফল্ট রঙ পরিবর্তন করার কোনও উপায়?

এখানে চিত্র বর্ণনা লিখুন


সরঞ্জাম -> বিকল্পগুলি, সাধারণভাবে: হরফ এবং রং
অস্টিন টি ফরাসী

10
ভিজ্যুয়াল স্টুডিও কোড, ভিএস 2013, 2015 ইত্যাদি নয়
duyn9uyen

উত্তর:


14

আপডেট দেখুন ভিজস্কোড 1.12+ এর জন্য @ জাকুব জাভিলকের উত্তর's


পুরানো উত্তর

ভিজ্যুয়াল স্টুডিও কোড এই নির্বাচনটিকে হাইলাইটিং বলে এবং দুর্ভাগ্যক্রমে, আমি মনে করি না যে রঙটি বর্তমানে কাস্টমাইজযোগ্য। থিমগুলি 'নির্বাচন' রঙ নিয়ন্ত্রণ করতে পারে, তবে 'নির্বাচন হাইলাইট' রঙ হার্ডকোডযুক্ত।

এই সমস্যাটি একটি সম্ভাব্য সমাধানের উপর নজর রাখুন দেখুন: https://github.com/Mic Microsoft/ vscode/ issues/ 1636

(পার্শ্ব নোট হিসাবে, আপনি এই বৈশিষ্ট্যটি টগল করতে পারেন বা editor.selectionHighlightসেটিংসটি দিয়ে / বন্ধ করতে পারেন ))


4
অপ্রচলিত
অ্যালেক্স

4
ভিএসকোডের আধুনিক সংস্করণগুলির জন্য জাকুব জাওয়াইলাকের উত্তরটি উল্লেখ করার জন্য আপডেট হয়েছে
ম্যাট বিয়ারার

@ duyn9uyen, গৃহীত উত্তরটি আরও ভাল পরিবর্তন করুন।
কিমিচএমকে

266

সেটিংস.জসন ফাইলের অভ্যন্তরে "সম্পাদক: টোকেন রঙিন পছন্দসইকরণ" সেটিংসে নিম্নলিখিত লাইনগুলি যুক্ত করুন।

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

দেখুন থিম রঙ রেফারেন্স আরো বিকল্পের জন্য


5
পাঠ্যের রঙ পরিবর্তন করার কোনও উপায় আছে কি? অন্যথায় আপনাকে এমন একটি পটভূমি রঙ সন্ধান করতে হবে যা আপনার রঙের স্কিমের প্রতিটি রঙের সাথে যুক্ত হয়ে পঠনযোগ্যতা বজায় রাখে। এটি দু'টি সমস্যার মধ্যে একটি যা দুর্ভাগ্যক্রমে আমাকে ভিএস কোড ব্যবহার থেকে
ব্রুনো এলি

3
@ ব্রুনোবেলি আপনি যদি ওপেন করেন "workbench.colorCustomizations": {}তবে টাইপ করা শুরু করুন "editor.selection, স্বতঃপূরণ মেনু নির্বাচনের অগ্রভাগ সহ সমস্ত সম্ভাব্য কী এবং তাদের ব্যাখ্যা প্রস্তাব করবে।
টোবিয়া

2
@ টিবিয়ার টিপটির জন্য ধন্যবাদ! আমি এটি খুঁজে পেয়েছি, তবে সম্ভবত কিছু ভুল করছি। আমি ব্যাকগ্রাউন্ড এবং ফোরগ্রাউন্ড দুটি লালকে সেট করে রেখেছি, তবে কেবল পটভূমিই কাজ করছে বলে মনে হচ্ছে (আমি ভিএস কোড 1.18.0 ব্যবহার করছি)
ব্রুনো এলি

1
টার্মিনালের জন্য: "terminal.selectionBackground": "#f1eeb3a9",
জিনসনু

1
এই পাইথন জন্য কাজ বলে মনে হচ্ছে না, সেটিং selectionHighlightBackgroundপ্রভাবিত করার কি রঙ vscode ব্যবহার করে, তখন একটি পরিবর্তনশীল বা ফাংশন (উদাহরণস্বরূপ) ব্যবহার হাইলাইট বলে মনে হচ্ছে না
jrh

48

উপরের উত্তরগুলি কভার করে Selected textএবং areas with same content as selectionতবে তারা মিস করে Current Search Matchএবং Other Search Matches- যা একই সমস্যা

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

নোট করুন যে উপরোক্ত সেটিংসটি সমস্ত ঘটনাস্থল পরিবর্তন করার সময় রঙগুলিকেও প্রভাব ফেলবে CtrlF2 (একটি সুপার-দরকারী কমান্ড যা বুদ্ধি করে স্ট্রিংয়ের সমস্ত উপস্থিতি নির্বাচন করে, একাধিক-উদাহরণ সম্পাদনার জন্য প্রতিটি স্থানে কার্সার রেখে)

হালনাগাদ:

জনপ্রিয় এক্সটেনশন নম্বরযুক্ত বুকমার্কগুলি ব্যবহার করে তাদের জন্য - আপনি এখন বুকমার্কড লাইনগুলির পটভূমির রঙ পরিবর্তন করতে পারেন - এগুলিকে লক্ষ্য করা সহজ করে তোলে। আপনার সেটিংস.জসনে এই লাইনটি যুক্ত করুন ( ওয়ার্কবেঞ্চক্লোর কাস্টমাইজেশনের অধীনেও ):

        "numberedBookmarks.lineBackground": "#007700"

এবং না মিস সালে হেনরি চু এর দরকারী ডগা নিচে তার উত্তর (তার উত্তর ভোট দিন যদি আপনি এটি সহায়ক খুঁজে মনে রাখবেন) । আমি উপরের সেটিংসে হেনরির পরামর্শটি যুক্ত করেছি এবং সামগ্রিক প্রভাবটি উন্নত পেয়েছি ।


একটি সাধারণ সেটিংস ফাইলের উদাহরণ, পোস্ট মোড:

    {
        "git.enableSmartCommit": সত্য,
        "git.autofetch": সত্য,
        "ব্রেডক্রামস.এনেবল": সত্য,
        "git.confirmSync": মিথ্যা,
        "এক্সপ্লোরার কনফার্মডিলিট": মিথ্যা,
        "কোড-রানার। সেভফাইলবিফোরআরুন": সত্য,
        "কোড-রানার.সেকএলএফএলফাইলব্রন রুন": সত্য,
        "workbench.activityBar.visible": সত্য,
        "ফাইলস.ট্রিমেট্রাইলিংহাইটস্পেস": সত্য,
        "টেলিমেট্রি.এনেবল টেলমেট্রি": মিথ্যা,
        "scm.provider.visible": 0, // 0 উত্স নিয়ন্ত্রণ প্যানেলগুলির ম্যানুয়াল আকার পরিবর্তন করতে দেয়
        "workbench.colorCustomizations": {
            "edit.selectionBackground": "# e788ff7c", // বর্তমানে নির্বাচিত পাঠ্য
            "Editor.selectionHightlightBackground": "# ff00005b", // নির্বাচন হিসাবে একই সামগ্রী
            "Editor.findMatchBackground": "# 00cc44a8", // বর্তমান অনুসন্ধান ম্যাচ
            "edit.findMatchHightlightBackground": "# ff7b00a1", // অন্যান্য অনুসন্ধানের ম্যাচগুলি
            "নাম্বারযুক্ত বুকমার্কস.লাইনব্যাকগ্রাউন্ড": "# 007700"
            // হেনরির টিপটি এখানে চলে গেছে ... (উপরের লাইনে কমা যোগ করতে ভুলবেন না)
        }
    }


সেটিংস.জসন ফাইলটি কোথায় পাবেন:

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

সেটিংস.জসন ফাইল খোলার বিকল্প পদ্ধতি:

  1. সেটিংস খোলার জন্য Ctrl +, (কমা)

  2. workbench

  3. সেটিংস সম্পাদক

  4. উপরের সন্ধান বাক্সে, পেস্ট-ইন করুন workbench.colorCustomizations

  5. বাম দিকে, ক্লিক করুন Workbenchএবং তারপরেAppearance

  6. ডানদিকে লিঙ্কটি ক্লিক করুন: Edit in settings.json

তথ্যসূত্র:

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


1
আমি এক নজরে ম্যাচগুলি খুঁজতে এই উত্তরটির সাথে মিলে এটিও দরকারী বলে মনে করেছি। আরজিবিএর জন্য সমর্থনটি নোট করুন (আমার ব্যবহারে, রঙের মানগুলির শেষে 75 টি আলফা সেটিং:"editor.wordHighlightBorder": "#00ff0075", "editor.findMatchHighlightBorder": "#00ff0075"
নীল গাই লিন্ডবার্গ

নীল এই টিপটির জন্য ধন্যবাদ। আমি চেষ্টা করবো.
সিএসফাস

টার্মিনাল অনুসন্ধানে ম্যাচের জন্য এটি কীভাবে সম্ভব তা যে কেউ জানেন?
হল্জকোহেলিংড়িল

20

যদি কেউ এটির সন্ধান করে এবং আমার মতো, উপরের কনফিগারেশনটি এটি করার চেষ্টা করতে অক্ষম।

  1. ফাইল> পছন্দসমূহ> সেটিংসে যান
  2. টোকেন রঙ কাস্টমাইজেশন এডিট করুন টাইপ করুন
  3. অধীনে সম্পাদক টোকেন রঙ কাস্টমাইজেশন হেডার
  4. settings.json এডিট ক্লিক করুন
  5. ডানদিকে কলামে ব্যবহারকারী সেটিংস নির্বাচন করুন
  6. এটি জাসন বস্তুতে পেস্ট করুন

আপনি দেখতে চান এমন রঙের সাথে # টি প্রতিস্থাপন করতে ভুলবেন না।

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

উপরের কনফিগারেশন সম্পর্কে আমার বোঝা।

edit.lineHightlight ব্যাকগ্রাউন্ড - আপনি যখন একটি লাইনে ক্লিক করেন এটি লাইন পটভূমির রঙ হবে।

"Editor.selectionBackground" - এটি বাফারের অন্য কোথাও মিলিত নির্বাচনের পটভূমি। Foo নামের একটি ভেরিয়েবলের কথা চিন্তা করুন এবং এটি সমস্ত ফাইলের মধ্যে ব্যবহৃত হয়। তারপরে আপনি সেই লেখাটি হাইলাইট করুন এবং পৃষ্ঠার সমস্ত অন্যান্য ফুও এই রঙ হবে।

"edit.WearHightlightBackground" - ক্লিক করা ডিফল্ট হাইলাইট শব্দটি কার্যকর না হলে এটি নির্বাচিত পাঠ্যের রঙ। আমি কেবলমাত্র এই মানটিকে একটি পার্থক্য করতে দেখেছি যদি আপনি এমন কোনও শব্দটিতে ক্লিক করেন যা স্বয়ংক্রিয়ভাবে নির্বাচন না করে।

EditorCursor.foreground - এটি আপনার কার্সারের রঙ।


2
এই উত্তর হওয়া উচিত। এইগুলি ভিএসকোড সংস্করণ 1.3+ এ ব্যবহৃত সেটিংস
মেয়োরেলটেলার 1'19 এ

: editor.lineHighlightBackground সেখানে আর হবে বলে মনে হচ্ছে না, এবং আমি মনে করি যে, তারা বলছে এটা ইচ্ছাকৃতভাবে সরানো হয়েছে github.com/dracula/visual-studio-code/issues/68
havlock

এটা খুব ভাল হতে পারে।
ফুজিরোয়েলে

1
ধন্যবাদ, কয়েক দিন ধরে এটি সন্ধান করার চেষ্টা করা হচ্ছে, কেউ কখনও উচ্চ শব্দব্যাকগ্রাউন্ড শব্দের উল্লেখ করেনি!
রায়ান ওয়েইস

এটি উত্তর হিসাবে চিহ্নিত করা উচিত। 10 সেকেন্ড ঠিক!
নিকো বাটলার

17

আমি যেমন পরীক্ষা করেছি, সীমানার রঙ সেট করা পটভূমির রঙ সেট করার চেয়ে পড়া সহজ করে তোলে, যা সাব্লাইম টেক্সটটি করে।

উদাহরণস্বরূপ, এই লাইনগুলি এতে যুক্ত করুন settings.json:

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

নির্বাচিত শব্দগুলি এভাবে প্রদর্শিত হবে:

এখানে চিত্র বর্ণনা লিখুন


6

আপনি এটি আপনার প্রিয় রঙ দিয়ে এটি পরিবর্তন করতে পারেন:

ধাপ

  1. ভিজ্যুয়াল কোডটি খুলুন
  2. গোটো ফাইল মেনু
  3. পছন্দসমূহ -> সেটিংস

খোলা সেটিংসের পরে আপনি আপনার ডান পাশের কলামে আপনার সেটিংস আপডেট করবেন, প্রধান ব্র্যাকেটের ভিতরে এই কোডটি অনুলিপি করুন এবং আটকান { ... }

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

মূল্য redবা whiteহিসাবে রাখা যাবে না ।
জিয়োভানিপডস

1
জিওভানিপডস, এটির প্রদর্শন করার জন্য এটির ঠিক নাম, আপনি যে কোনও রঙের নাম যুক্ত করতে পারেন, এটির মূল্য নেই
রিজো

1
কোড, তাই এটি ভুল। redএবং whiteওয়েব রঙগুলি, যাতে এটি মানুষকে বিভ্রান্ত করতে পারে ..
giovannipds

3

অন্য কেউ কেউ কাজ না করায় কেউ যদি @ ফুজিরায়েল এর উত্তর পড়তে দেখে এবং অবাক হন যে কেন তার কাজটিও কাজ করে না, তবে কেন এটি সাম্প্রতিকভাবে বিস্মিত হয়েছিল আমি কেন তাদের উত্তর অনুসরণ করেছি এবং (vsc.1 এর v1.18 সহ) পেয়েছি ) এটি একটি user settingsসেটআপ হিসাবে :

{
    // 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"
    }
}

ইন্ডেন্টেশন এবং কমাগুলি এবং তাদের উত্তর থেকে ডাবল উদ্ধৃতি অপসারণ নোট করুন (এটি সঠিক করার জন্য যা আমাকে খেলতে হয়েছিল, যা উত্তর থেকে এটি পরিষ্কার ছিল না)। ভিএসকোড পুনরায় আরম্ভ করার দরকার নেই, তবে File > Autosaveআপনি প্রাথমিক রঙের হাইলাইটগুলি পেতে শুরু করেছেন কিনা তা গিয়ে দেখে নেওয়া উচিত। এবং তারপরে আপনার হাইলাইটগুলির জন্য আরও ভাল রঙ চয়ন করুন।

আপনি workspace settingsপেস্ট করে এই কাজটি করতে পারেন

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

{}ডান হাতের সেটিংস ফলকে বিদ্যমান থাকাগুলির মধ্যে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.