File icons in my VS Code disappeared when I installed Material icon theme and disabled it but now when I'm enabling this extension or reinstalling it, icons are not appearing. Even the default VS code file icons which were there before installing the extension have somehow disappeared as well.
Based on my own experience, the theme was being deselected due to some reason (e.g installed a new theme, application update and etc) may also cause this issue,
you can fix it by re-select the icon theme:
Open VS Code, go to File > Preferences > File icon theme > [Theme name] and choose your icon theme.
You need to set “workbench.iconTheme“: “material-icon-theme“.
Then reloading the window should fix it.
In VS Code, Go to extensions Ctrl + Shift + X .
Under installed extensions, select the vscode-icons extension. And Click on Set File Icon Theme, as shown in figure below, then press Enter
I had to install the extension again.
I am on Mac, so I had to go to Preferences -> Extensions, and searched for Material Icon Theme, installed it and relaunched the IDE.
Checking if folders theme is set to 'classic' worked here. If so, either deselect it (1) or remove the line in User Settings (2):
In my case i had installed 'Material Icon Theme' extension but it it was not working. So i had to go to extension section of VS code, click on 'Material Icon Theme' extension (already installed). And click on 'Set File Icon Theme' button, a dropdown with 'Material Icon Theme' will be displayed. Select it and it will work.
I was having a similar problem except with more of the main icons in code missing too, but the above didn't help although it's best to check them first.
I resolved my problem by fixing the registry item:
Computer\HKEY_CLASSES_ROOT\.svg
setting "Content Type" Data to "image/svg+xml"
(mine was incorrectly set to "text/xml" unsure why)
ctrl + shift + p then search for the activity bar then enter
Related
Example. index.html, index.js. style.css
The file names should be able to identify the programming language and show an icon (JS, HTML, CSS logos) on the file.
Go To Vs Code's Setting (Gear logo at bottom left)
Search "VSCode Icons"
Once you search it, you'll find three options
Breadcrumbs: Icons,
Outline: Icons
Tick both of them and the third option will be
Workbench: Icon Theme
in your case, it will either be None or be Minimal (Visual Studio Code)
Just click on the tab and change it to Seti (Visual Studio Code), Restart your VSCode, and all the icons will appear
Install this extension
https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme
and then Set File Icon Theme button will appear ,
click on it and select Material Icon Theme
I hope it was useful!
I'm not sure what has happened to my theme on VS Code but before when I declared an integer it would light up into the light blue color. Now it doesn't for some reason, and I could figure out how to change it back. (My code still works and functions find)
As you can see the: n, n_a, and etc. variables should be a light blue color.
You appear to have changed your theme, to fix this go to File > Prefrences > Color Theme or CTRL K + CTRL T to hotkey to this menu where you can select a theme. The page should look something like this seen below.
From here either navigate to your old theme or find a new one you like. If your old theme was for some reason deleted click Install additional Color Themes and Navigate the included menu and find something similar.
For more information on creating your own theme go here - https://medium.com/wearelaika/vscode-create-your-own-custom-theme-extension-96c67bd753f6
As seen in the picture I'm browsing the icons but none of them are shown.
Is there a change in a new update or am I missing something here> it used to show the icons while I browsed.
There should be an arrow appearing when you hover on the right side of the tooltip stating "read more". Simply click once and therefore the icons preview should always appear.
Pressing the Ctrl + space in windows can show and hide the icon
press ctrl+space two times,
1)to open icon menu
2)to preview the icon
go to preferences settings and search for "previewlsp" its a dart setting change it to true and restart VsCode then you will be able to preview icons.
I had the same issue. I maximized the VSCode editor, closed the navigation pane on left, and aligned the line most left then icon preview comes into the screen as you can see in the picture.
I don't know the root cause of the problem but the above scenario fixed my issue and it works now. It might be a Flutter/Dart extension-related topic.
If I would find the real root cause and proper solution, I will update my answer. I hope this workaround works for you too.
screenshot
It works for me with setting Dart Preview Flutter Ui Guides setting
Go to Setting and search "preview"
Go to Dart part(see the left part)
check Dart:Preview Flutter Ui Guides
Setting image
I've just installed the material theme editor from https://material.io/tools/theme-editor/ but when I click on Material > "Open theme editor" from my Sketch plugins tab, nothing opens. I know the plugin successfully installed because I can click on Material > "Upload to Gallery" and a window pops up, but nothing for opening the theme editor. The theme editor website says you need macOS High Sierra (10.13) or later, which I do have, so this can't be the issue.
Is anyone else having this issue or know how to resolve it? Thanks!
Ok, I actually fixed it just now-- had to moved Sketch to the applications folder, then update Sketch and relaunch it.
Thought it might be helpful to post this though since theme editor is so new and there is virtually no help for issues like this currently out there.
I'm currently using Eclipse Juno (the latest version as of Aug 30, 2012). I switched to a dark theme using Eclipse Color Theme plugin.
I modified some background colors to match this dark theme. However, I can never find an option to change the back ground of the code folding regions (the space between line numbers and the code).
Please help me to change this background color!
I was able to solve this problem using Eclipse-Juno on Ubuntu with the Dark Juno theme installed by doing the following:
Click on Window->Preferences to open up your Preferences panel
Open up the tab for the language you are using. For me this was C/C++
Goto Folding, and then uncheck "Enable folding when opening a new editor".
Click Apply and OK.
Now go back to your editor, and close and reopen any editors that you may have open (restarting Eclipse should also work). The default code folding will be gone, along with the white background.
You can re-enable code folding at any time (with a black background) by typing CTRL + NUMPAD_DIVIDE.
To fix this open the following file in a text editor:
org.eclipse.ui.editors.prefs
Once open look for the following line:
printMarginColor=101,101,101
The numbers represent the current color of the margin in RGB format. Simply change the color to your desired color, save and close the editor. Save and close any editor tabbed windows in Eclipse and re-open them .
If you are in Linux the org.eclipse.ui.editors.prefs file will be located in the following location:
~/[your workspace folder]/.metadata/.plugins/org.eclipse.core.runtime/.settings