django-flat-theme icon indicating copy to clipboard operation
django-flat-theme copied to clipboard

some ideas

Open Hedde opened this issue 9 years ago • 2 comments

I have spent sometime with the flat theme, great work. Here's some thoughts that might be worth a thought

  • port the css to compass
  • replace all common styles with variables defined in a _variables.scss so there's a straight forward way to compile the flat theme with your own preferences
  • replace icons with fontawesome or halflings, e.g.
.related-lookup:before {
  font-family: "FontAwesome";
  content: "\f002";
}

schermafbeelding 2015-05-18 om 22 39 46

  • some common mixins might be nice, e.g. btn-group

schermafbeelding 2015-05-18 om 22 39 37

I'm not sure where django's admin style is heading, but if it is eager to include something like flat into core, it would be nice to have something more flexible than another (yet slick :+1: ) set of css files :-)

Hedde avatar May 18 '15 20:05 Hedde

Thanks @Hedde

This theme was created just as a skin for default admin without any markup changes. Currently I'm working on clean up styles, test everything and push this CSS to django repo. I really hope we will see this theme in Django 1.9 as default theme. After that I (or community!) will work on features.

First obvious feature as you correctly noted is a compass or other CSS preprocessor. This will allow us to change colors and create official skins!

It would be awesome if django have its own bootstrap-like framework to build admin interface. It's really big work and requires lots of markup changes so we need to discuss it with community.

Fonts. You can see current implementation of Font Awesome icons in flat-icons branch. It's not finished yet - it's also requires markup changes because admin has <img> icons in some places.

elky avatar May 28 '15 13:05 elky

Flat icons were implemented with SVG solution. Few thoughts.

elky avatar Aug 28 '15 21:08 elky