Package: django-slick-admin
Django Slick AdminA slick & clean look for your Django (>=1.10) admin interface.Slick adminworks completely unobtrusive and does everything via CSS.
Well noteverything- there are some optional & tiny bits of JavaScript involved as well.Slick adminworks with the standard Django admin - and comes with support for:django CMS(>=3.4.0)django-admin-toolsDashboardInstallingUsing the latest version from PyPI:pip install django-slick-adminUsing this GitHub repository:pip install -e "git://github.com/palmbeach-interactive/django-slick-admin.git#egg=django-slick-admin"Then adddjango_slick_admintoINSTALLED_APPS, beforedjango.contrib.admin.CMS front end editingTo have the same color schema in the CMS front end there is a template tag included which loads additional CSS styles
if 'editing mode' is enabled. To use them loadslick_admin_tagsin your base template and addslick_admin_cms_stylenext tocms_toolbar.{% load cms_tags sekizai_tags slick_admin_tags %}
...
<body>
    {% cms_toolbar %}
    {% slick_admin_cms_style %}
    ...SettingsTo have a consistent look both for front end editing and administrative interface there are some additional
styles available in 'cms mode'.
The 'cms mode' is automatically activated whencmsis present in yourINSTALLED_APPS- but you can also
override this behaviour withSLICK_ADMIN_CMS_ENABLED = True # FalseSame behaviour applies for theadmin-tools Dashboard. Automatically set toTrueifadmin_tools.dashboardinINSTALLED_APPS.SLICK_ADMIN_DASHBOARD_ENABLED = True # FalseStylesheet locations:SLICK_ADMIN_CSS = <path>     # default: STATIC_URL + 'django_slick_admin/css/django-slick-admin.css'

SLICK_ADMIN_CMS_CSS = <path> # default: STATIC_URL + 'django_slick_admin/css/cms-styles.css'Dashboard Customization:If you have django-admin-tools dashboard installed it's advised to copy the included templates in admin_tools/dashboard folder into your local projects templates folder.Adjust your dashboard settings in your project settings folder according to the documentation:Documentation django-admin-toolsCustomizationStart with customizing the includedadmin/base_site.htmltemplate.StylesheetsThe stylesheets are based onSassand live in the separatedjango-slick-admin-stylesrepository.The versions/tags for the styles are aligned with the main repository. So if - for example - you are installingdjango-slick-admin==0.1.1you should use the '0.1.1' version for the styles as well.Quick & dirty way to compile stylesheets with adjusted settingsInstall required npm modules:npm install -D https://github.com/palmbeach-interactive/django-slick-admin-styles
npm install -D node-sassCreate a sass file - e.g.custom-admin-styles.sassto override some defaults and importdjango-slick-admin-styles.
See_defaults.sassfor vailable settings.// custom-admin-styles.sass
@charset "UTF-8"

$color-primary: #00ccff
$color-secondary: #ffcc00

@import settings/base
@import mixins/base
@import components/base
@import admin_tools/baseRun sass compiler (adjust output path according to your setup):./node_modules/node-sass/bin/node-sass \
--include-path ./node_modules/django-slick-admin-styles/sass \
custom-admin-styles.sass  \
./site-static/django_slick_admin/css/django-slick-admin.cssIntegrate via Gulp tasksIntall all needed npm packages:npm installgulpfile.js:
Seegulpfile.jsfor reference.gulp.task('admin-styles', function () {
    return gulp.src([
            './sass/admin/custom.sass'
        ])
        .pipe(sass({
            includePaths: './node_modules/django-slick-admin-styles/sass/',
            outputStyle: 'expanded',
            precision: 10
        }))
        .pipe(autoprefixer({browsers: AUTOPREFIXER_BROWSERS}))
        .pipe(concat('django-slick-admin.css'))
        .pipe(gulp.dest('website/site-static/django_slick_admin/css/'))
});