I have buttons with a color for each state :
state enable : #007BC2
state disable : #428bca (pale version of enable color)
This css is a file I have picked from a template.
Now my client wants for the button this enable color : #4B0082.
I want to find the color code for the pale version of #4B0082 (for the disable state).
Is there a css tool on the web to find this color or do I need to browse a color picker to find the "pale" version of this enable color?
Thanks for your answers.
I suggest using chrome or firefox. Here you can right-click any element on your webpage. For your example: right click the button and click 'inspect element'. You can now see the developer tools window. Here you can see all the css or html attributes for your button.
So take a look at the background-color attribute and click the color thumbnail. A color picker becomes visible (see screenshot) . You can now choose the color and see a live preview of that color in your web page.
You can use Colorzilla (chrome add-on) to pick color from page and to find its pale version.It also contain option of generating css gradient and even get history of your picked color
You will find colorzilla on chrome webstore
Related
I have a simple select tag in html without any options inside it. When I open the html file in one machine the menu opened is showing in white color as a background.
and the same html file and with same select tag without any options, if i open in another machine then the menu opened is showing in black color.
Why the color is different between these two machines and what could be done to remove the black color and show white color.
Note: In both machines Microsoft Edge (chromium) browser is used.
The two machines may have different versions of Chrome installed. You can check the browser version by looking at chrome://version/. So the background color of the selected component is different.
Solution: Use css rules to override the background color of the default selected component, and ensure that the browser versions of the two machines are the same.
When a window is active in xcode project navigator background color blue, and when two or more it is default. How to make that it was always defaulted?
http://imgur.com/a/B2VFr
There's two ways to change colors in Xcode.
First is the "Fonts & Colors" tab in Xcode's preferences, which look like this:
That doesn't change the color of the files in the Project Navigator, though. To do that, in System Preferences there's a tab helpfully named "General", you can change the settings for your system in it. Here's what it looks like for me now:
I chose "Graphite", and that changes selected files in the Project Navigator to have gray surrounding the filenames.
So, the problem was on the system side. The wallpapers color mixed with color of IDE. I reduced transparency. So that was it.
Code inspections are highlighted on the right-side of the editor as red/yellow lines. I want to change the background color of the entire column (not the color of individual inspections).
In previous versions of PhpStorm (with the Darcula theme), the column was a grey color. In PhpStorm 10, it is now transparent. Is there a way to change the background color?
Not really. That color is part of the IDE Theme which is not user configurable.
But you can show some background there:
Help | Find Action...
Look for Registry there (exact match)
Once got inside Registry window look for editor.transparent.scrollbar and uncheck it (user modified values will be displayed in bold .. so make sure you have changed it, not just "Click and that's enough")
With latest Chrome (43) cycling through color formats on color swatch click in DevTools' Styles has stopped working. The only way I can switch formats now is to change them manually in options. Is there a way to get back this feature without extensions?
The behavior seems to be changed, now you need to shift+click the color swatch instead of simple click. Thanks #Superfy.
I'm creating a theme for Chrome, but when I set "tab_text" in manifest.json, the bottom URL status bar is the same color. I searched for a solution in the documentation, but I didn't find an attribute that tints the bottom bar. It affects that bar (as seen on picture) and the download list too. Is there a way to customize the bottom URL status bar?
"colors" : {
"tab_text" : [150,150,150]
}
I just had a look at the source file for this (linked from the Chrome theme page on Google code). There currently is no way of setting the status bar text independently.
The background color of the status bar is always the same as that of the toolbar.
While it's not possible to do it today, there is a feature request raised for this in the Chromium issue tracker, if you want to star it.