TE
TechEcho
Home24h TopNewestBestAskShowJobs
GitHubTwitter
Home

TechEcho

A tech news platform built with Next.js, providing global tech news and discussions.

GitHubTwitter

Home

HomeNewestBestAskShowJobs

Resources

HackerNews APIOriginal HackerNewsNext.js

© 2025 TechEcho. All rights reserved.

Cosmo: A free Metro-inspired theme for Bootstrap

209 pointsby thomasparkover 12 years ago

31 comments

zoopover 12 years ago
It is a nice looking theme but it has the same problem that Metro has: there isn't anything indicating what is clickable and what is not.
评论 #4832345 未加载
评论 #4834728 未加载
评论 #4832537 未加载
irahulover 12 years ago
There is a link to demo in there <a href="http://bootswatch.com/cosmo/" rel="nofollow">http://bootswatch.com/cosmo/</a><p>I like the look, and will definitely be using it in internal projects and prototypes.<p>I found it a bit hard to read super light gray on somewhat light gray or plain white background(quotations, dropdown). I think a little more contrast is required. The default button, especially when used on similar colored background(forms), has the same issue.<p>I understand they are going for the metro look, but adding a drop shadow to actionable items(buttons) while the not-clickable items remain flat(alert; element not clickable but the cross) will help mitigate some end-user confusion.
nlhover 12 years ago
Say what you will about Windows 8 / MSFT, but this is a damn fine-looking theme.
thehodgeover 12 years ago
I love bootswatch and would happily pay $5-$10 a month for regular swatches like this uploaded every few days / week, I'm not a designer nor do I want to spend time trying to be, bootstrap + bootswatch give me the ability to get something up ,running and looking pretty damn good very quickly.
评论 #4833589 未加载
codewrightover 12 years ago
I like Metro but for one thing...<p>...the buttons aren't apparently clickable. I embrace the shift away from excessive skeuomorphism as much as anybody but failing to provide affordances is inexcusable.
fredstedover 12 years ago
<p><pre><code> * { border-radius: 0 !important; }</code></pre>
评论 #4832806 未加载
nikcubover 12 years ago
related is Metro UI:<p><a href="http://metroui.org.ua/" rel="nofollow">http://metroui.org.ua/</a><p>It is a complete CSS+Javascsript library to apply the Metro design and theme to a web app and includes things like icons, etc.<p>It is very popular amongst Microsoft web developers and looks really good.
RobAleyover 12 years ago
Is it just me, or do elements of it remind anyone of the latest gmail / google groups etc. interface?
评论 #4832139 未加载
评论 #4833019 未加载
DrinkWaterover 12 years ago
One of the fewer beautiful Bootstrap Themes.
troymcover 12 years ago
It's interesting that people are still calling it "Metro", even after Microsoft was told to stop (because of a trademark issue). Microsoft stopped, but the rest of the world didn't, apparently. I know I didn't. It's a great name.<p>Can the company that went after Microsoft (Metro AG) go after other people besides Microsoft?<p><a href="http://www.theverge.com/2012/8/2/3215039/microsoft-metro-name-dispute-developers" rel="nofollow">http://www.theverge.com/2012/8/2/3215039/microsoft-metro-nam...</a>
RaphiePSover 12 years ago
I like it, but the dropdown menus look strangely out of place.
eungyuover 12 years ago
Sweet, going flat will reduce the gradient bloat that's currently in the default Bootstrap css.
evvover 12 years ago
It's beautiful. For better readability on the demo page, I recommend the following:<p>section { margin-top: 60px; }
digitalmercover 12 years ago
You know when we built [PDFzen](<a href="https://pdfzen.com" rel="nofollow">https://pdfzen.com</a>), we used Bootstrap and made it Metro-esque. I wish we'd have had something like this for the homepage. It certainly would've sped things up.
fkaminskiover 12 years ago
Its only me? or i´m the only one here to think that Metro UI is corny like the 80´s ? i think that as time goes by, people will be ashamed of using this as they were ashamed about their hair style in their pictures from the 80´s :)
评论 #4834152 未加载
评论 #4833646 未加载
Avalaxyover 12 years ago
Very nice! I've been waiting for something like this. There are other metro themes for bootstrap, but they're a bit over the top and try to replicate the metro GUI on the PC/tablet.
leakover 12 years ago
I love this bootstrap Metro theme <a href="http://wrapbootstrap.com/preview/WB0HT4KX4" rel="nofollow">http://wrapbootstrap.com/preview/WB0HT4KX4</a>
评论 #4834578 未加载
kmfrkover 12 years ago
Probably the best Bootstrap theme yet. This is also why Bootswatch some kind of "favourite" button so people can store the best themes for later use.
dkerstenover 12 years ago
I don't understand why everyone loves and wants to emulate the metro look so much. I find metro to be really really ugly. Am I missing something?
dnyaneshover 12 years ago
It's good but It doesn't look like Metro. Infact, it looks similar to Google's Web apps UI (Gmail, Gcal, etc).
lotsoover 12 years ago
Looks great! Although, why does the search box have rounded corners?
newsreaderover 12 years ago
Nice. I been looking for something like this: clean and simple...
jtreminioover 12 years ago
Funny enough, the form elements look better on Win8/IE10
dev360over 12 years ago
I love the look - reminds me of spongebob squarepants.
mikegioiaover 12 years ago
Info is a purple button and a blue alert/badge/label.
level09over 12 years ago
is it just me, or just the border radius has been removed ?
jesusjover 12 years ago
Looking good! :-)
viciousplantover 12 years ago
color not bold enough, anyway, it's good.
drivebyacct2over 12 years ago
Not all that Metroy, as someone who spent all summer straight immersed in Metro.<p>Also, I wish Foundation would get 1% of the attention Bootstrap does. Once you figure out how to get past their docs-light into the full docs, I've found it to be FAR faster to work with than Bootstrap.
评论 #4833972 未加载
评论 #4833627 未加载
评论 #4834708 未加载
评论 #4834858 未加载
indiecoreover 12 years ago
I like it. I like it a lot, very stylish work.
mmhdover 12 years ago
This style is what Bootstrap should have been from the start. Well done.