added default color option and fixed timezone warning while creating question

polls/migrations/0002_alter_question_pub_date.py

@@ -0,0 +1,19 @@
+# Generated by Django 4.2.4 on 2023-08-11 15:46
+
+from django.db import migrations, models
+import django.utils.timezone
+
+
+class Migration(migrations.Migration):
+
+    dependencies = [
+        ('polls', '0001_initial'),
+    ]
+
+    operations = [
+        migrations.AlterField(
+            model_name='question',
+            name='pub_date',
+            field=models.DateTimeField(default=django.utils.timezone.now, verbose_name='date published'),
+        ),
+    ]

polls/models.py

@@ -22,7 +22,7 @@ class Question(models.Model):
     
     author        = models.ForeignKey(User,on_delete=models.CASCADE)
     question_text = models.CharField(max_length=300)
-    pub_date      = models.DateTimeField("date published",default=datetime.datetime.now)
+    pub_date      = models.DateTimeField("date published",default=timezone.now)
     theme_color    = models.ForeignKey(ThemeColor,on_delete=models.SET_NULL,blank=True,null=True)
     
     def __str__(self):

polls/static/polls/create.js

@@ -182,8 +182,20 @@ function changetheme(elem){
     // console.log(rgbtohex(elem.style.backgroundColor));
     // console.log(rgbtohex(elem.style.color));
     // question_container.style.color=rgbtohex(elem.style.color);
-    document.documentElement.style.setProperty("--primary-color",rgbtohex(elem.style.backgroundColor));
-    document.documentElement.style.setProperty("--secondary-color",rgbtohex(elem.style.color));
-    theme=elem.dataset.id;
-    // set form theme value 
+    if(elem.hasAttribute("data-id")){
+        
+        var style=`
+        :root{
+            --primary-color:${elem.dataset.primary};
+            --secondary-color:${elem.dataset.secondary};
+        }
+        `;
+        custom_style.innerText=style;
+        theme=elem.dataset.id;
+    }
+    else{
+        theme=null;
+        custom_style.innerText='';
+    }
+    
 }

polls/templates/polls/create.html

@@ -3,6 +3,7 @@
 {% block head %}
     {% load static %}
     <link type="text/css" rel="stylesheet" href="{% static 'polls/create.css' %}">
+    <style id="custom_style"></style>
 {% endblock %}
 
 {% block body %}
@@ -13,14 +14,28 @@
         <div class="themes_container">
             Themes
             <div class="themes">
+                <div class="theme" 
+                
+                style="
+                background-color: black;
+                color: white;
+                border: 10px solid black;
+                "
+                onclick="changetheme(this);"
+
+                >
+                    <span>Default</span>
+                </div>
             {% for theme in themes %}
                 <div class="theme" 
                 
                 data-id="{{ theme.pk }}"
+                data-primary="{{ theme.primary_color }}"
+                data-secondary="{{ theme.secondary_color }}"
                 
                 style="
                 background-color: {{ theme.primary_color }};
-                color: {{ theme.secondary_color }};
+                color: white;
                 border: 10px solid {{ theme.secondary_color }};
                 "
                 onclick="changetheme(this);"