Myself and a friend are looking to build a Drupal theme that uses Flat UI (http://designmodo.com/flat/). Flat UI is built on top of Twitter Bootstrap, so my question is, what would be the best approach for integrating it with this theme?

Would creating a subtheme as described here: http://drupal.org/node/1978010 and then including the additional Flat UI js libraries make the most sense? Obviously we could take a more ground-up approach and create a new theme entirely (not leveraging the Drupal bootstrap theme).

From what I can tell, the biggest thing that Flat UI introduces is some form element styling (which depends on a few JS libraries) along with it's own set of less files.

Any advice is very much welcome.

Comments

andregriffin’s picture

andregriffin CreditAttribution: andregriffin commented

I can't tell how extensive the changes are from a typical Bootstrap theme (Ex: Bootswatch). But yes, theoretically you should just be able to include the extra css/less/js and/or overwrite existing Bootstrap library files via the bootstrap_subtheme. Perhaps I'll obtain a copy of the UI and test the implementation.

JakeWilund’s picture

JakeWilund CreditAttribution: JakeWilund commented

We've decided to simply integrate the Flat UI JS libraries and CSS into the bootstrap theme because of how much groundwork is already laid.

markalosey’s picture

markalosey CreditAttribution: markalosey commented

Are you currently working on this? My team would be happy to collaborate as we need to use the designmodo flat ui stuff also. Any updates or how we could help in the process would be great.

Homotechsual’s picture

Homotechsual CreditAttribution: Homotechsual commented

I'd also be interested in this if you're planning to release any code. Happy to contribute fixes/changes back to a central project also.

JakeWilund’s picture

JakeWilund CreditAttribution: JakeWilund commented

Ok, this is cool to see some interest. I will try to get a sandbox setup for this so that others can help contribute.

Homotechsual’s picture

Homotechsual CreditAttribution: Homotechsual commented

Perhaps a github repo would work for this purpose seems a little better for collaborative working than drupal's repos.?

It's also worth noting that Bootstrap 3.0 is flat ui based so it may be a better base than Bootstrap 2.32

JakeWilund’s picture

JakeWilund CreditAttribution: JakeWilund commented

Yeah I was thinking github as well. However, I wasn't aware that Bootstrap 3.0 was taking a flat design approach. It might make the Designmodo Flat UI integration unnecessary?

Edit: Looks like Designmodo will be updating Flat UI for Bootstrap 3. (https://github.com/designmodo/Flat-UI-Pro-Support/issues/148)

markhalliwell’s picture

markhalliwell
Primary language English
CreditAttribution: markhalliwell commented
Status: Active » Fixed

FWIW, I agree that BS3 is probably going to be very similar. However, regardless of what ever decision or direction y'all decide on, it sounds like this issue is starting to take on a life of it's own. Closing (out of the issue queue) accordingly. Feel free to keep commenting there though :) Glad to see the discussion.

Status: Fixed » Closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

Shevchuk’s picture

Shevchuk CreditAttribution: Shevchuk commented
Issue summary: View changes

Are there any results? Maybe sandbox project, github repo, or just a post describing which files are needed and which could be thrown out?