title: How do I change the text color of a default UserCreationForm in Django?
body: <p>I'm working on a simple website using django and bootstrap.
  I've used the UserCreationForm class to make a standards registration page.
  But I'd like to make the texts a little darker so it's more legible and has a good contrast from the background image and mask. What'd be the best solution?</p>
  <p><a href="https://i.stack.imgur.com/vWawt.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vWawt.png" alt="enter image description here" /></a></p>
  <p>View module</p>
  <pre><code>def register(request):
      #if the request method is a  'get'
      #Yes initial data
      if request.method != 'POST':
          form = UserCreationForm()
      #no initial data
      #f the request method is a 'post'
      else:
          form = UserCreationForm(data=request.POST)
          if form.is_valid():
              new_user=form.save()
              authenticated_user = authenticate(username=new_user.username,
                                            password=request.POST['password1'])
              login(request, aunthenticated_user)
              return HttpResponseRedirect(reverse('my_websites:home'))
      context = {'form': form}
      return render(request, 'users/register.html', context)
                                            
  </code></pre>
  <p>bootstrap</p>
  <pre><code>{% extends &quot;pages/base.html&quot; %}
  {% load bootstrap5 %}
  
  {% block header %}
  &lt;div=&quot;container my-5&quot;&gt;
    &lt;div class=&quot;bg-image position-relative rounded&quot; style=&quot;background:url('https://wallpaperaccess.com/full/1708426.jpg') no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;  height: 100vh;&quot;&gt;
      &lt;div class=&quot;mask position-absolute rounded p-4 top-0 end-0 bottom-0 start-0&quot; style=&quot;background-color: rgba(251, 251, 251, 0.8);&quot;&gt;
        &lt;h2 class=&quot;text-center display-6&quot;&gt; Register &lt;/h2&gt;
        &lt;form method=&quot;post&quot; action=&quot;{% url 'users:register' %}&quot; class=&quot;form text-dark&quot; style=&quot;max-width: 400px; margin:0 auto;&quot;&gt;
          {% csrf_token %}
          {% bootstrap_form form %}
          {% buttons %}
             &lt;button name=&quot;submit&quot; class=&quot;btn btn-dark&quot;&gt;Register 
  &lt;/button&gt;
          {% endbuttons %}
          &lt;input type=&quot;hidden&quot; name=&quot;next&quot; value=&quot;{% url 'my_websites:home' %}&quot; /&gt;
        &lt;/form&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>thank you for your time.</p>