title: Is it possible to change the popup background colour in folium?
body: <p>I'm trying to change the popup window background colour.
  I've tried a bunch of things with no success. i suspect that i have to get into the css of leaflet to change the colour of the background based on research however i'm not sure how i can do that.</p>
  <p>Here is the function i'm working with:</p>
  <pre><code>def MapCircle(data_set_index):
  &quot;&quot;&quot;
  :param data_set_index: Takes input of the index that contains the relevant data needed to plot each point on
  the map.
  :return: returns the plots on the map.
  &quot;&quot;&quot;
  html_popup = folium.Html(**'''
  &lt;!doctype html&gt;
  &lt;html&gt;
  
  &lt;h1 style='color: red;'&gt;{country}
  &lt;body style='color: blue;'&gt;
  &lt;/h1&gt;
  &lt;br/&gt;
  
  &lt;h1&gt;
  Cases: {cases}
  &lt;/h1&gt;
  &lt;br/&gt;
  
  &lt;h1&gt; 
  New Cases: {newcases}
  &lt;/h1&gt;
  &lt;br/&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  '''**.format(country=data_set_index[3], cases=data_set_index[4],
                                                 newcases=data_set_index[2]), script=True)
  
  popup_settings = folium.Popup(html_popup, max_width=300, min_width=200)
  
  folium.Circle(location=[data_set_index[0], data_set_index[1]],
                radius=80000, color='#C03A3A', fill=True,
                popup=popup_settings).add_to(world_map)
  </code></pre>
  <p>I've tried css strings such as, but ofcourse i can't pass that through..</p>
  <pre><code>&lt;style&gt; .leaflet-popup-content-wrapper {background-color:black; color:white} &lt;/style&gt;
  </code></pre>
  <p>Any form of pointing me in the right direction would be much appreciated!
  Oh and i'm using folium in python, if that helps any questions.</p>
  <p><a href="https://i.stack.imgur.com/ZpgEY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZpgEY.png" alt="enter image description here" /></a></p>