How would you do to combine the dark theme for the code editor with the blue theme for the rest of the Visual Studio UI, is there a way to pick independent configurations for each one?
Blue default theme with dark editor
Using Visual Studio 2012, update 2 introduced the old Blue theme from VS2010 also available in VS2013 Preview
You can use Color Theme Editor to do this. Take one of the two themes as base for your edits and change it in the way you need to get a new theme. I do it for my self with other themes - no problems at all.
Yes, using the Color Theme Editor is the right answer. And you don't need to edit the color one by one. You can create a copy of the black theme, type "text editor" in the upper right search field, and then select all the filtered items in the main window, copy them, and paste to a copy of the blue theme with "text editor" filter in place. I did this in 1 minute!
This Channel 9 video explains how to do this, you can just watch the first 7 minutes.
Related
Goal: I'm using a VS extension called "ClaudiaIDE" that enables you to set an image as a background to Visual Studio 2019. I set the background to a wood grain wallpaper (it looks amazing). It makes the code editor background and main window background transparent so you can see the image, but not anything else. I then started using Color Theme Editor to add transparency to other sections of the VS IDE so it's mostly showing the background image. I want the right side windows (like solution explorer) to be transparent as well.
Two stackoverflow answers say the color value is stored under "treeview". I changed the "treeview" background using the wizard but it made no difference (despite other SO comments saying it worked). Likely due to the old answers being for VS 2017 or earlier.
I then changed the "treeview" color manually in the CustomTheme.vstheme file and I successfully made the grey color transparent, but now there is an absolute black blackground, which was perhaps there to give a shadow effect. The code I edited is below (The opacity is intentional):
<Category Name="TreeView" GUID="{92ecf08e-8b13-4cf4-99e9-ae2692382185}">
<Color Name="Background">
<Background Type="CT_RAW" Source="00252526" />
<Foreground Type="CT_RAW" Source="FFF1F1F1" />
</Color>
I searched for every reference of "#FF000000" and for testing made them all fully transparent: "#00000000". This made no difference, solution explorer retained its "#FF000000" (by observation only, I don't know where the code is). I know the hex is right because I copied a screenshot into paint.net and grabbed the color.
I then changed my Microsoft Windows settings so that it didn't use the dark background, in case it was applying that to the VS windows. No change.
If anyone has any ideas on how to access the black underlying background for windows like "solution explorer" i would greatly appreciate it. It must be getting that value from somewhere.
Install this:
https://marketplace.visualstudio.com/items?itemName=VisualStudioPlatformTeam.VisualStudio2019ColorThemeEditor
Top menu:
Tool=>Customize Colors => choose theme
Show All Elements button (same row with save icon)
Search for (there is search box):
Environment → ToolWindowFloatingFrameInactive
Environment → ToolWindowFloatingFrame
Tool Window → Tab → Background
TreeView → Background
In Android Studio, we have color picker when developing in Java/Kotlin (natively) like this.
But while developing for Flutter, I can't see any options to pick my own color. Is there some plugin required to do that?
The color picker is not clickable in Android Studio running Flutter( Dart code), see picture below. But i found a work around using the Color class and manually opening color picker. Then pick a color and copy/paste it like this:
Here is how i do it:
1. Double tap shift to run search
2. Type Color or Picker
3. Open Color Picker from the search list
4. Copy/paste the HEX color code into your color class.
Expert tip:
Add color picker to a keyboard shortcut. You can find the settings for Keymap, under File > Settings > Keymap
You must have heard of the materials.io website from google, which provides many materials like designs, icons, tools, resources and components for easy developing. Now Color Tool is also available. You must add the website to your browsers shortcut if you are a developer. Here's the link for chosing color : https://www.material.io/resources/color/#!/?view.left=0&view.right=0&primary.color=E91E63
Another way I found is :
Type 'Colors.' and press control+space to see the available colors.
Select the color using arrow or mouse.
Press control+Q for the quick documentation.
And on the documentation windows, click on the edit button which opens the
'colors.dart' file.
Here all the colors with all shades are available. These shortcuts are for windows.
Once you open the file, you can always come back here to chose the next shade. But will not be the comfortable method like android project.
Hope a easier way to do this will come with the later update.
The background around the Layout Editor in Android Studio is dark grey. I think it used to be white. Anyway, I would like to make it white again, but I can't find the setting. The reason I want to change it is so that I can make nicer looking print screen images to use on StackOverflow or app descriptions.
Note: I'm not talking about changing the theme or the code editor colors. These questions have already been answered here:
How to change or add theme to Android Studio?
How do I change Android Studio editor's background color?
how to change Android Studio terminal background color
Updated Answer
Android Studio 3.0 has a Screenshot menu item. Right click the design area and choose Save Screenshot.
From there you can make a screenshot with a transparent background.
The icon below shows at the top of the vertical scrollbar in Visual Studio 2012's text editor. When I drag it down, another page shows behind the current visible page. It looks like a copy of it. (I am using dark theme)
What is it used for? I don't know what the feature is called, therefore I couldn't search for it. I am not sure if it's native to VS 2012 or it's from one of the VS add-ons I am using.
Sometimes the icon disappears. Why?
It's for split viewing of a file. So you can view part of the file and edit another part.
It's a common feature in advanced text editors.
Ok, I am using the Visual Studio 2012 Color Theme Editor extension and I have modified the dark theme a little bit so that it suits my needs.
However I am experiencing an issue with the background color when I am using the Find tool. The issue is that I am setting an exact color for the background of the highlighted string, but it seems that there is some default transparency applied which is not editable even when using the editor mentioned above (VS gives you the option to edit the colors while the custom editor gives you the option to change the opacity as well).
Since I am using the dark theme whichever color I choose it looks like dark grey with a little bit of red/blue/yellow/whatever. I need to set it to something vibrant and not to dark grey with a drop of white for example - I want to easily see what is highlighted when I search.
How do I set it to something vibrant and not to dark grey with a drop of white for example - I want to easily see what is highlighted when I search?