I'm starting an Android TV app and was hoping to prepare for the eventual support of dark mode, is there a LeanBack theme like the Theme.MaterialComponents.DayNight? or if not, what is the correct approach here?
Thanks,
Related
I am blind, and I'm writing instructions for some visually impaired colleagues about creating Android apps using Android Studio.
Since the majority of them are sighted, I have CSS styles to make some parts of the text stand out. I'm using Markdown, and it's awesome admonition feature.
So, I have an admonition android_studio_tip. I know about #a4c639 being used as Android green, and I love the Android robot. :) But I have no idea about how the Android Studio icon looks like.
Can you help me describing the icon and potentially giving me the CSS codes for it's colors, in order to use them to style the admonitions?
Thanks in advance
I would like to be able to change the color schemes for my clarity application. Is there a recommended way to doing this? I saw there were a few issues about this, but I didn't see anyone talk about an actual way to do it.
I'm currently implementing a dark theme to complement the light theme currently shipped with clarity.
As part of generating both light and dark themes for clarity, I'm building a way for Clarity consumers to create their own themes by overriding appropriate SCSS variables for the components and then building the clarity-ui css in their projects instead of consuming it as packaged on npm.
I'm expecting to have the first version of the feature released before Thanksgiving. You can follow along and stay up to date here
I am looking for a ToggleSwitch alternative for a Adobe Flex desktop application that I am working on.
For ref:- http://help.adobe.com/en_US/flex/mobileapps/WS7dd5c1363434bb70-30e3f7e3131b54bf0ee-8000.html
This functionality has been released for Mobile development, but I couldn't find an alternative to build/have such functionality for desktop environments.
The closest alternative is ToggleButton (which is same functionally, but it doesn't look anywhere similar to the ToggleSwitch.
Any help on this is greatly appreciated.
Found a solution:-
http://yonaskolb.com/blog/2012/1/18/flex-toggle-switch-spark-skin.html
Adobe still hasn't released this for desktop themes, so one would need to use the mobile component (by including them in the build path)
I didn't see the ToggleSwitch for non-air apps but you could simulate it pretty easily by doing an owner draw with the two button-states as images: http://blog.flexexamples.com/2009/02/11/styling-specific-states-in-an-fxtogglebutton-control-in-flex-gumbo/
I was wondering if anybody knows of any css resources that are geared strictly towards mobile web apps?
I am building a mobile app using backbone and zepto, but am missing a framework for handling the main user interface components.
I know there is jQuery mobile and ST2 (and yes I know you can just grab their css), but I was wondering if there are any resources that are standalone mobile css libraries and focus on using css transitions to mimic device behaviors?
topcoat.io is still in an early stage, but is developing quite fast.
For simple example application have a look at: Sample Mobile / PhoneGap Application with Backbone.js and Topcoat
Question is a bit older, but I just stumbled across it. Maybe this is useful for someone :)
I don't know of any css frameworks that are strictly mobile but these ones are very good and have media queries that help make their stuff look good on mobile devices. Bootstrap is highly modular so it is a great starting point:
bootstrap - http://twitter.github.com/bootstrap/
foundation - http://foundation.zurb.com/
There's now Kendo Mobile available that does this, but it's not free or that cheap though.
http://www.kendoui.com/mobile.aspx
I'm looking for a set of CSS or scripts which mimic the UI (only the UI) of default applications on the iPhone/iPad, Blackberry and base Android apps?
I have a client who needs the ability to preview content and form pages on the various OS', but in their desktop browser (Chrome, FF, IE(ugh)). Ofcourse, there are dozens and dozens of standalone emulators, but I cannot find any one who may have created CSS or scripts to mimic how these would look, in the browser - e.g. default button stylings, colours, etc. not the logic of the app, but just the way it could look - with the best example I can find being : http://groupaware.mobi/iphone/#_Windows
Anyone with ideas?
thanks!
For iOS:
http://code.google.com/p/iphone-universal/
and
http://www.peterhintondesign.co.uk/journal/index.php/iphone-css-template/
which is based on the first one.
I'm sorry but until now I have only been able to find templates regarding the Iphone and not the BlackBerry nor Android UI. (I've tried to find them myself before too.)
A great template for CSS (Photoshop CS4 or higher needed) based on the Iphone is:
http://www.teehanlax.com/blog/2010/06/14/iphone-gui-psd-v4/
Also the links by tomwadley, especially the prior link, are also quite useful regarding coding and framework.
There's some answers in this book: http://oreilly.com/catalog/9780596805791/ about creating CSS styles to mimic iOS stuff. Also covers phonegap etc, might be useful.
jQuery Mobile (JQM): http://jquerymobile.com is a framework which does just that. At its simplest, it renders "standard" html elements as native OS elements for platforms like iOS and Android.
You don't have to use the JQM framework, of course; you could simple take what you need from the CSS that JQM employs. Either inspect the css directly or write a simple test page which loads JQM and inspect the CSS in Firebug or Chrome developer console.
Checkout iUI..probably what you are looking for.
http://www.iui-js.org/index.html
For the android, try this implementation of Holo Light and Dark: http://vezquex.com/projects/holo-css/