A Rails app that generates Bootstrap color scheme from an image. Here’s a demo http://www.lavishbootstrap.com
The main component is the prizm gem that extracts colors from image http://github.com/mquan/prizm
MIT License
a rails app that generates Bootstrap color scheme from an image
Home Page: http://lavishbootstrap.com/
A Rails app that generates Bootstrap color scheme from an image. Here’s a demo http://www.lavishbootstrap.com
The main component is the prizm gem that extracts colors from image http://github.com/mquan/prizm
MIT License
Hi! Thanks for your project! Tell me please how to generate css for Bootstrap 3.3.4? Is this functionality available on the site? There is a text about it on the main page: "Now compatible with Bootstrap 3.3.4 and Foundation 5.5.2(NEW)".
Would be nice to see how all of the components of bootstrap look with the applied colour styles
Hi!
Is there any way to get color name (@gray etc.), or index number into palette?
I'm using Lavish with more colours and it would make it easier to find them.
KK
The images under Want more samples? on the demo page don’t seem to load.
Hi,
Great app! I tried to use the generated LESS with the twitter-bootstrap-rails gem, it has a a bootstrap_and_overrides.css.less file where you can override with custom styles.
If pasting the lavish LESS to override, the theming takes effect just fine but something happens to the resizability and it's no longer possible to get the proper collapsed version, e.g. the navbar gets the little expand icon etc. Also the content starts to duck under the navbar when resizing.
returns
"We're sorry, but something went wrong."
This image:
http://i40.tinypic.com/6z34ia.png
causes the service to end up without styles.
Whatever image is changed color is not actually changed.
No longer functioning on the site.
I don't know if the last commit broke something, but the tool seems to be entirely broken at the moment. I tried two very different images and both still show the sample colors even though it shows the new image uploaded.
and
In effect, the only color set you can download now is the one you get when first opening the website.
Bootstrap 2.1.0 :)
Please, add a feature to change the font-size. Sometimes, we don't want 14px.
Generate config.json with all the configurations, like the official bootstrap website does, would be nice too.
thanks
Any plans to update the code for bs3?
Hi,
Do you have any plan to make it compatible with bootstrap 3.1.0 ?
However thanks for this nice tool !
or is it just temporarily ?
Really great job!!
Please, can you update http://www.lavishbootstrap.com/ with Bootstrap 2.3.0?
I don't know how to use the Rails app and I miss the newest classes (i.e. text-center)
Thank you! :-)
Hi,
Is it possible to make http://www.lavishbootstrap.com/ to automatically use the latest bootstrap code?
Trunk or latest release. That would make it super-useful. :)
I made a theme-switcher for a bootstrap based project but had to merge changes from later bootstrap codes.
Regards
If in the Step 1
section I input http://en.gravatar.com/userimage/25805900/5e326e6838f12248646bdfbac7f631df.png?size=600
then the page gets rendered without style.
I think it's because there are too few colours to work from.
On line 4954~ for media selector screen width 768px
.modal-dialog is positioned to the left by 50%. This by default pushes navigation based triggers off screen (if right navigation). The default should be left:0; to resolve. The purpose of a modal is to bring absolute attention to the event; thus, overlapping all content.
Website http://www.lavishbootstrap.com/ is no longer working.
When I am customizing a layout, there are two columns, the color picked from the image and a column for me to customize. When I add a custom color, I have no visual reference to what that color was, unlike the color picked from the image which has a small color swath in each row for that color. It would be nice to be also be able to see that custom color.
Great site though! Good work.
Are there any plan to support this branch ?
i froked Lavish and i take some changes,may i make a branch to commit my codes ?
thanks...
hello,
found your smart app. is it possbile to add the colourlovers api into it?
http://www.colourlovers.com/api
keep up the good work!
Came across http://www.lavishbootstrap.com/. Totally awesome, I'm loving it. However it looks like the alert divs are quite the same and that mismatches with the rest of the theme... any idea on how to go about this?
Hi amazing work thanks !
Is it an update for BS4 ??
Thanks
Hi, is it possible to request an upgrade to latest bootstrap?
From firebug:
Error: Syntax error, unrecognized expression: button[data-dropdown=''
...r.value:null},t.error=function(e){throw new Error("Syntax error, unrecognized ex...
What happened to the less file output? I haven't used your great program/site in some time, but I got a LESS file from it before and need to again.
can you bring it back?
Thanks!
Hi Quan,
it would be nice to see a preview of new theme. Can imagine that you do not have the time to add all of the Bootstrap components. Besides quite a few components with colors are not effected by the input and adding them would not result in a better preview. But adding the Navbar and dropdown would give a better preview because these 2 components are influenced by the input on Lavish.
Would be greatly appreciated
Theo
Just love the simplicity brought by this tool.
I'm using non rails platform (angularjs instead) and I'm wondering how to leverage the feature your tool brings. I don't expect anyone to re-write the tool. but is it possible that you expose your current capability into API. for example:
In this way, I can run your app on the backend and I can put some angularjs app on the front end to interact with your API? If you're not interested in doing it, can you let me know the feasibility.
thanks.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.