angular-nvd3 how to change the chart background color - angular-nvd3

I am following the angular-nvd3 example, and want to change the background color of the chart . I looked at this http://krispo.github.io/angular-nvd3/#/lineChart
but i don't see anywhere you can set the background color. any help?
btw, my plot looks like this with black background.

Seems problems are solved. after including the "nv.d3.css", everything renders correctly
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/nvd3/1.8.1/nv.d3.min.css"/>
add it to your index.html

Related

VS Code "textSeparator.foreground" setting

What is the textSeparator.foreground color controlling? On https://code.visualstudio.com/api/references/theme-color, it says "Color for text separators." If anyone can include a screenshot, that would be great.
According to this issue, that's for the foreground color of text section separators, as seen in the attached picture:

Is it possible to change the color of dash-lines in jstree

Im using jstree with a dark background, so I wonder how can I change the color of dash-lines(not sure if I call it correctly) between each node. Is it possible with CSS?
As I checked, it seems the dash-lines coming from 32px.png file.
BR
Nima
You will have to edit the 32px.png file to change the dotted line color. I did this for my dark-background web page and it looks much better. I edited the png file with Photoshop Elements and used the "Enhance| Adjust Color| Replace Color" menu to change the black color to a lighter grey by moving the Lightness slider. I also changed the interior color of the selected arrows. Once done editing, save a copy of the original and then replace the file in your CSS themes folder where style.css is.
I can't attach my copy of 32px.png, but here's how to make the change in Photoshop Elements. Other photo editors likely have the same functionality.
Replace Color in Photoshop Elements – Instructions
You can use Bootstrap themed JSTree.
Check out link: enter link description here
with CSS is not posible.

ion-list-header background is not gray on iOS

I am using a code like this in ionic 2.0.0rc4
<ion-list>
<ion-list-header>My Header</ion-list-header>
<!-- rest of ion-items -->
</ion-list>
In the documentation examples, list header's background is gray but in my app it has a white background! I don't know what is going on!
Any idea?
Cheers!
As per documentation, following SASS variable is used to set the list header background for ios $list-ios-header-background-color and its default value is transparent.
If you look closely, in the documentation also, color is coming grey for iOS and white for android & windows phone.
hope this helps.

Transparent Top Bar ios7

Is there a way to make Top Bar background absolutely transparent? I'd like the page title to be visible along with buttons but make the rest completely invisible? Anything I can do with the appearance API?
that's something that i was looking into and it seems like it has to do with the meta tag in the beginning of the page
i found out that if your using
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
then you have a transparent background, only with white text and icons, there's no way to change it into black/dark text to fit into anyones CSS.
also you have an issue where the top of the page is right at the pixel line of the iOS 7 device.
which is retarded
i've been doing tests on here

How can I ‘shine’ a png on the iPhone in code?

How do I replicate the effect that the app launcher uses on a square .png to show my users what their icon will look like as an app badge.
NB - I want to do this in code on the iPhone, not in photoshop on my computer.
Thanks!
edit: trying to be really clear here. How do I do this with code!
I have tried creating an overlay, but the shine apple does actually brightens the top, so just putting a png over the top will not give the same effect.
Presumably the app launcher applies some CA effects - does anyone know how to duplicate them???
Create a transparent shine overlay in Photoshop on your computer and merge the two images in code.
Short of hard-coding the shine mask, or building a mini ray-tracer, that's probably the easiest way to do it.
There's even a link to a photoshop tutorial/template here:
http://www.keepthewebweird.com/iphone-icon-psd-template/
Another more simple approach is to save your icon as a 57px x 57px PNG called "icon.png" without any shine effects, then FTP it to the root folder of a web server and create a file there called icon_test.html containing the following code:
<html>
<head>
<link rel="apple-touch-icon" href="/icon.png"/>
<title>The App Name</title>
</head>
<body>
iPhone test page
</body>
</html>
Then just browse to the icon_test.html file in mobile Safari on your iPhone, tap the "+" button in the toolbar to save the page as a bookmark, tap "Add to Home Screen", and tap "Add" in the top right. You'll then see your icon appear on the home screen, complete with Apple's shine overlay.