How to set fire render colors to be the same as the fire viewport preview?
Flames look better on a dark background.  But it seems that in your color ramp the first color has no alpha channel, so hard edges are visible.