Updated styling across all of the admin site

src/interface/admin.py

@@ -25,7 +25,7 @@ class CustomUserAdmin(UserAdmin):
 class pyShelfAdminSite(AdminSite):
     site_title = 'pyShelf admin'
     site_header = 'pyShelf Administration'
-    index_title = 'Site administration'
+    index_title = 'Library'
 
 
 admin_site = pyShelfAdminSite(name='pyadmin')

src/interface/models.py

@@ -21,6 +21,7 @@ class Books(models.Model):
 
     class Meta:
         db_table = "books"
+        verbose_name_plural = 'Books'
 
     def __str__(self):
         return self.title
@@ -59,6 +60,7 @@ class Books(models.Model):
 class Collections(models.Model):
     class Meta:
         db_table = "collections"
+        verbose_name_plural = 'Collections'
 
     def __str__(self):
         return self.collection.__str__()
@@ -120,6 +122,7 @@ class Navigation(models.Model):
 
     class Meta:
         db_table = "navigation"
+        verbose_name_plural = "Navigation"
 
     def __str__(self):
         return self.title
@@ -162,6 +165,7 @@ class Favorites(models.Model):
 
     class Meta:
         db_table = "favorites"
+        verbose_name_plural = "Favorites"
 
     def __str__(self):
         return str(self.book)

src/interface/static/admin/css/base.css

@@ -64,7 +64,7 @@ h1 {
     margin: 0 0 20px;
     font-weight: 300;
     font-size: 20px;
-    color: #666;
+    color: #3f3;
 }
 
 h2 {
@@ -277,7 +277,7 @@ thead th {
 }
 
 thead th a:link, thead th a:visited {
-    color: #666;
+    color: #000;
 }
 
 thead th.sorted {
@@ -471,7 +471,7 @@ input[type=button][disabled].default {
 .module {
     border: none;
     margin-bottom: 30px;
-    background: #fff;
+    background: #363636;
 }
 
 .module p, .module ul, .module h3, .module h4, .module dl, .module pre {
@@ -812,10 +812,12 @@ table#change-history tbody th {
     display: flex;
     justify-content: space-between;
     align-items: center;
-    padding: 10px 40px;
-    background: #417690;
-    color: #ffc;
+    padding: 10px 10px;
+    background: #363636;
+    color: #3f3;
     overflow: hidden;
+    border-bottom: #3f3 1px solid;
+    margin-bottom: 5px;
 }
 
 #header a:link, #header a:visited {
@@ -835,11 +837,11 @@ table#change-history tbody th {
     margin: 0 20px 0 0;
     font-weight: 300;
     font-size: 24px;
-    color: #f5dd5d;
+    color: #3f3;
 }
 
 #branding h1, #branding h1 a:link, #branding h1 a:visited {
-    color: #f5dd5d;
+    color: #3f3;
 }
 
 #branding h2 {

src/interface/static/admin/css/changelists.css

@@ -34,13 +34,13 @@
 }
 
 #changelist .toplinks {
-    border-bottom: 1px solid #ddd;
+    border-bottom: 1px solid #363636;
 }
 
 #changelist .paginator {
     color: #666;
-    border-bottom: 1px solid #eee;
-    background: #fff;
+    border-bottom: 1px solid #363636;
+    background: #191919;
     overflow: hidden;
 }
 
@@ -69,10 +69,10 @@
 
 #changelist #toolbar {
     padding: 8px 10px;
-    margin-bottom: 15px;
-    border-top: 1px solid #eee;
-    border-bottom: 1px solid #eee;
-    background: #f8f8f8;
+    margin-bottom: 0px;
+    border-top: 1px solid #363636;
+    border-bottom: 1px solid #363636;
+    background: #000;
     color: #666;
 }
 
@@ -127,7 +127,7 @@
     right: 0;
     z-index: 1000;
     width: 240px;
-    background: #f8f8f8;
+    background: #000;
     border-left: none;
     margin: 0;
 }
@@ -151,7 +151,7 @@
 #changelist-filter ul {
     margin: 5px 0;
     padding: 0 15px 15px;
-    border-bottom: 1px solid #eaeaea;
+    border-bottom: 1px solid #282828;
 }
 
 #changelist-filter ul:last-child {
@@ -172,9 +172,10 @@
 }
 
 #changelist-filter li.selected {
-    border-left: 5px solid #eaeaea;
+    border-left: 5px solid #797979;
     padding-left: 10px;
     margin-left: -15px;
+    background-color: #282828;
 }
 
 #changelist-filter li.selected a {
@@ -282,11 +283,11 @@
 
 #changelist .actions {
     padding: 10px;
-    background: #fff;
+    background: #191919;
     border-top: none;
     border-bottom: none;
     line-height: 24px;
-    color: #999;
+    color: #fff;
 }
 
 #changelist .actions.selected {
@@ -312,7 +313,7 @@
     vertical-align: top;
     height: 24px;
     background: none;
-    color: #000;
+    color: #fff;
     border: 1px solid #ccc;
     border-radius: 4px;
     font-size: 14px;

src/interface/static/admin/css/forms.css

@@ -30,13 +30,13 @@ form .form-row p {
 
 label {
     font-weight: normal;
-    color: #666;
+    color: #fff;
     font-size: 13px;
 }
 
 .required label, label.required {
     font-weight: bold;
-    color: #333;
+    color: #999;
 }
 
 /* RADIO BUTTONS */
@@ -250,8 +250,8 @@ fieldset.monospace textarea {
 .submit-row {
     padding: 12px 14px;
     margin: 0 0 20px;
-    background: #f8f8f8;
-    border: 1px solid #eee;
+    background: #888888;
+    border: 1px solid #3f3f3f;
     border-radius: 4px;
     text-align: right;
     overflow: hidden;

src/interface/static/admin/css/nav_sidebar.css

@@ -18,6 +18,7 @@
     font-size: 20px;
     color: #447e9b;
     padding: 0;
+    display: none !important;
 }
 
 [dir="rtl"] .toggle-nav-sidebar {
@@ -37,6 +38,7 @@
     margin-left: -276px;
     border-top: 1px solid transparent;
     border-right: 1px solid #eaeaea;
+    border: 0px;
     background-color: #282828;
     overflow: auto;
 }
@@ -59,7 +61,7 @@
 }
 
 .main.shifted > #nav-sidebar {
-    left: 24px;
+    left: 0px;
     margin-left: 0;
 }
 

src/interface/static/css/main.css

@@ -10768,4 +10768,4 @@ a.nav_link {
 
 .progress_container {
   min-width: 300px !important;
-}
+}