Code: colors.xml<\/strong><\/p>\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<resources>\n <color name=\"purple_200\">#FFBB86FC<\/color>\n <color name=\"purple_500\">#FF6200EE<\/color>\n <color name=\"purple_700\">#FF3700B3<\/color>\n <color name=\"teal_200\">#FF03DAC5<\/color>\n <color name=\"teal_700\">#FF018786<\/color>\n <color name=\"black\">#FF000000<\/color>\n <color name=\"white\">#FFFFFFFF<\/color>\n\n <!-- Adding my own colors below-->\n <color name=\"my_red\">#F44336<\/color>\n <color name=\"my_orange\">#FF5722<\/color>\n <color name=\"my_green\">#4CAF50<\/color>\n <color name=\"my_yellow\">#FFEB3B<\/color>\n<\/resources>\n<\/pre>\nStep 5:<\/strong> Now go to res —> values —-> and open themes.xml. Now here, you need to create your custom style and theme. You can paste the below code in your themes.xml file.<\/p>\nCode: themes.xml<\/strong><\/p>\n<resources xmlns:tools=\"http:\/\/schemas.android.com\/tools\">\n <!-- Your own customized application theme. -->\n <style name=\"Theme.TechVidvanThemes\" parent=\"Theme.MaterialComponents.DayNight.DarkActionBar\">\n <!-- Customize your theme here. -->\n <!-- Your application's Primary brand color. -->\n <item name=\"colorPrimary\">@color\/my_green<\/item>\n <item name=\"colorPrimaryVariant\">@color\/my_green<\/item>\n <item name=\"colorOnPrimary\">@color\/black<\/item>\n <!-- Your application's Secondary brand color. -->\n <item name=\"colorSecondary\">@color\/my_orange<\/item>\n <item name=\"colorSecondaryVariant\">@color\/my_yellow<\/item>\n <item name=\"colorOnSecondary\">@color\/black<\/item>\n <!-- Your Status bar color. -->\n <item name=\"android:statusBarColor\" tools:targetApi=\"l\">?attr\/colorPrimaryVariant<\/item>\n <!-- Customize your window action bar color-->\n <item name=\"windowActionBar\">@color\/my_red<\/item>\n <\/style>\n\n\n <!-- Creating a custom style for my text view-->\n\n <style name=\"MyTextViewStyle\">\n <item name=\"android:layout_width\">wrap_content<\/item>\n <item name=\"android:layout_height\">wrap_content<\/item>\n <item name=\"android:textColor\">#960959<\/item>\n <item name=\"android:textSize\">30sp<\/item>\n <item name=\"android:textStyle\">italic<\/item>\n <item name=\"android:textAllCaps\">true<\/item>\n <item name=\"android:gravity\">center<\/item>\n <\/style>\n\n<\/resources><\/pre>\nStep 6:<\/strong> Now go to res —> layout —-> and open activity_main.xml. Now, you need to add a text view here. You can paste the below code in your activity_main.xml file.<\/p>\nCode: activity_main.xml<\/strong><\/p>\n<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<androidx.constraintlayout.widget.ConstraintLayout xmlns:android=\"http:\/\/schemas.android.com\/apk\/res\/android\"\n xmlns:app=\"http:\/\/schemas.android.com\/apk\/res-auto\"\n xmlns:tools=\"http:\/\/schemas.android.com\/tools\"\n android:layout_width=\"match_parent\"\n android:layout_height=\"match_parent\"\n android:theme=\"@style\/Theme.TechVidvanThemes\"\n android:background=\"@color\/my_yellow\"\n tools:context=\".MainActivity\">\n\n <TextView\n style=\"@style\/MyTextViewStyle\"\n android:text=\"Tech Vidvan Styles and Themes\"\n app:layout_constraintBottom_toBottomOf=\"parent\"\n app:layout_constraintLeft_toLeftOf=\"parent\"\n app:layout_constraintRight_toRightOf=\"parent\"\n app:layout_constraintTop_toTopOf=\"parent\" \/>\n\n<\/androidx.constraintlayout.widget.ConstraintLayout>\n<\/pre>\nSo, this completes your application. You need not make any changes to your MainActivity file. Just go ahead and run your application.<\/p>\n
Your application would like as follows:<\/p>\n
![\"Android](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/07\/App_Output.jpg\")
<\/a><\/p>\nSummary<\/h3>\n
Through this article, you understood what is meant by android style and theme. You understood the difference between the two and also understood its impact on the android dev element.<\/p>\n
Moving forth, you understood how you could create your custom style and apply it to specific UI elements. Finally, you saw a demo application to implement both Android Styles and themes in your project.<\/p>\n
I hope you would create your themes and would showcase them.<\/p>\n","protected":false},"excerpt":{"rendered":"
In this article, we are going to cover Android Styles and Themes. Android, as we know, provides features to customize your application look. To do so, we need to understand what styles and themes...<\/p>\n","protected":false},"author":1,"featured_media":82773,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2791],"tags":[3788,3789],"class_list":["post-82118","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-android","tag-android-styles","tag-android-themes"],"yoast_head":"\n
Android Styles And Themes - TechVidvan<\/title>\n<meta name=\"description\" content=\"Learn what is android style and theme. Learn thedifference between them and also understand its impact on the android dev element.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Android Styles And Themes - TechVidvan\" \/>\n<meta property=\"og:description\" content=\"Learn what is android style and theme. Learn thedifference between them and also understand its impact on the android dev element.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/\" \/>\n<meta property=\"og:site_name\" content=\"TechVidvan\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TechVidvan\/\" \/>\n<meta property=\"article:published_time\" content=\"2021-07-15T03:30:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2021\/06\/Android-Styles-and-Themes.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"TechVidvan Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@vidvantech\" \/>\n<meta name=\"twitter:site\" content=\"@vidvantech\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"TechVidvan Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Android Styles And Themes - TechVidvan","description":"Learn what is android style and theme. Learn thedifference between them and also understand its impact on the android dev element.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/","og_locale":"en_US","og_type":"article","og_title":"Android Styles And Themes - TechVidvan","og_description":"Learn what is android style and theme. Learn thedifference between them and also understand its impact on the android dev element.","og_url":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/","og_site_name":"TechVidvan","article_publisher":"https:\/\/www.facebook.com\/TechVidvan\/","article_published_time":"2021-07-15T03:30:22+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2021\/06\/Android-Styles-and-Themes.jpg","type":"image\/jpeg"}],"author":"TechVidvan Team","twitter_card":"summary_large_image","twitter_creator":"@vidvantech","twitter_site":"@vidvantech","twitter_misc":{"Written by":"TechVidvan Team","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#article","isPartOf":{"@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/"},"author":{"name":"TechVidvan Team","@id":"https:\/\/techvidvan.com\/tutorials\/#\/schema\/person\/e9c26e74dd3d87421f7ada9433b8cd22"},"headline":"Android Styles And Themes","datePublished":"2021-07-15T03:30:22+00:00","mainEntityOfPage":{"@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/"},"wordCount":897,"commentCount":0,"publisher":{"@id":"https:\/\/techvidvan.com\/tutorials\/#organization"},"image":{"@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2021\/06\/Android-Styles-and-Themes.jpg","keywords":["Android Styles","Android Themes"],"articleSection":["Android Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/","url":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/","name":"Android Styles And Themes - TechVidvan","isPartOf":{"@id":"https:\/\/techvidvan.com\/tutorials\/#website"},"primaryImageOfPage":{"@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#primaryimage"},"image":{"@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#primaryimage"},"thumbnailUrl":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2021\/06\/Android-Styles-and-Themes.jpg","datePublished":"2021-07-15T03:30:22+00:00","description":"Learn what is android style and theme. Learn thedifference between them and also understand its impact on the android dev element.","breadcrumb":{"@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#primaryimage","url":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2021\/06\/Android-Styles-and-Themes.jpg","contentUrl":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2021\/06\/Android-Styles-and-Themes.jpg","width":1200,"height":628,"caption":"Android Styles and Themes"},{"@type":"BreadcrumbList","@id":"https:\/\/techvidvan.com\/tutorials\/android-styles-themes\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/techvidvan.com\/tutorials\/"},{"@type":"ListItem","position":2,"name":"Android Styles And Themes"}]},{"@type":"WebSite","@id":"https:\/\/techvidvan.com\/tutorials\/#website","url":"https:\/\/techvidvan.com\/tutorials\/","name":"TechVidvan Blogs","description":"","publisher":{"@id":"https:\/\/techvidvan.com\/tutorials\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/techvidvan.com\/tutorials\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/techvidvan.com\/tutorials\/#organization","name":"TechVidvan","url":"https:\/\/techvidvan.com\/tutorials\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/techvidvan.com\/tutorials\/#\/schema\/logo\/image\/","url":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2024\/03\/techvidvan-logo-200x50-1.webp","contentUrl":"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/2024\/03\/techvidvan-logo-200x50-1.webp","width":200,"height":50,"caption":"TechVidvan"},"image":{"@id":"https:\/\/techvidvan.com\/tutorials\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/TechVidvan\/","https:\/\/x.com\/vidvantech"]},{"@type":"Person","@id":"https:\/\/techvidvan.com\/tutorials\/#\/schema\/person\/e9c26e74dd3d87421f7ada9433b8cd22","name":"TechVidvan Team","description":"The TechVidvan Team delivers practical, beginner-friendly tutorials on programming, Java, Python, C++, DSA, AI, ML, data Science, Android, Flutter, MERN, Web Development, and technology. Our experts are here to help you upskill and excel in today\u2019s tech industry."}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/posts\/82118","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/comments?post=82118"}],"version-history":[{"count":0,"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/posts\/82118\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/media\/82773"}],"wp:attachment":[{"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/media?parent=82118"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/categories?post=82118"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techvidvan.com\/tutorials\/wp-json\/wp\/v2\/tags?post=82118"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Android](\"https:\/\/techvidvan.com\/tutorials\/wp-content\/uploads\/sites\/2\/2021\/07\/App_Output1.jpg\")
<\/a><\/h3>\n