From f0a72d5e404ebe0b6cc27321d937f3b9bff93a3d Mon Sep 17 00:00:00 2001
From: Fabio Caccamo <fabio.caccamo@gmail.com>
Date: Wed, 2 Sep 2020 14:53:19 +0200
Subject: [PATCH] Added django-json-widget theming support.

---
 README.md                                     |  1 +
 .../templates/admin/base_site.html            |  1 +
 .../admin_interface/css/json-widget.css       | 29 +++++++++++++++++++
 3 files changed, 31 insertions(+)
 create mode 100644 admin_interface/templates/admin_interface/css/json-widget.css

diff --git a/README.md b/README.md
index 0c90fed..5f90d4e 100644
--- a/README.md
+++ b/README.md
@@ -29,6 +29,7 @@ django-admin-interface is a modern **responsive flat admin interface customizabl
 - Compatibility / Style optimizations for:
   - `django-ckeditor`
   - `django-dynamic-raw-id`
+  - `django-json-widget`
   - `django-modeltranslation`
   - `django-tabbed-admin`
   - `sorl-thumbnail`
diff --git a/admin_interface/templates/admin/base_site.html b/admin_interface/templates/admin/base_site.html
index 2556491..3fddf9e 100644
--- a/admin_interface/templates/admin/base_site.html
+++ b/admin_interface/templates/admin/base_site.html
@@ -25,6 +25,7 @@ https://github.com/fabiocaccamo/django-admin-interface
 {% include "admin_interface/css/tabbed-admin.css" %}
 {% include "admin_interface/css/ckeditor.css" %}
 {% include "admin_interface/css/tinymce.css" %}
+{% include "admin_interface/css/json-widget.css" %}
 
 {% if theme.css %}
     {{ theme.css|safe }}
diff --git a/admin_interface/templates/admin_interface/css/json-widget.css b/admin_interface/templates/admin_interface/css/json-widget.css
new file mode 100644
index 0000000..195e22c
--- /dev/null
+++ b/admin_interface/templates/admin_interface/css/json-widget.css
@@ -0,0 +1,29 @@
+/*
+django-json-widget support
+https://github.com/jmrivas86/django-json-widget
+*/
+
+.admin-interface div.jsoneditor {
+    border: 1px solid {{ theme.css_module_background_color }};
+    {% if theme.css_module_rounded_corners %}
+    border-radius: 4px;
+    overflow: hidden;
+    {% endif %}
+}
+
+.admin-interface div.jsoneditor-menu {
+    background-color: {{ theme.css_module_background_color }};
+    border-bottom: 1px solid {{ theme.css_module_background_color }};
+}
+
+.admin-interface div.jsoneditor-menu a.jsoneditor-poweredBy {
+    color: {{ theme.css_module_link_color }};
+}
+
+.admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected,
+.admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected:focus,
+.admin-interface div.jsoneditor-contextmenu ul li button.jsoneditor-selected:hover {
+    background-color: #FFFFCC;
+    color: #000000;
+    font-weight: bold;
+}