Как изменить тему андроид студио

When we are working on any editor or IDE we get used to it and its environment like if we are using Sublime then we like its dark background environment. We have now moved to Android studio but we are not comfortable with the default background and theme. Now the

When we are working on any editor or IDE we get used to it and its environment like if we are using Sublime then we like its dark background environment. We have now moved to Android studio but we are not comfortable with the default background and theme. Now the point that comes here is how we can Change or Add Themes to Android Studio. So in this article, we are going to discuss four different methods to Change or Add Themes to Android Studio. 

  • Method 1: Changing default theme
  • Method 2: Add the theme to Android Studio by importing jar file
  • Method 3: Adding theme from Android Studio plugin section
  • Method 4: Adding theme by copying ICLS file to a particular directory

Method 1: Changing default theme

First of all, open your Android Studio: 

Here you can see my Android Studio window and a demo application is running. In Android Studio, there are three default themes available i.e. Intellij Light, Dracula, and High Contrast. To change default themes go to File and click on Settings.

A new Settings dialog will appear, like this.

Under the Appearance & Behaviour -> Appearance, you will find Theme. Choose the right theme from the drop-down and click on Apply and then Ok. Here you can see the background and color scheme for all three themes.

Intellij Light theme

Dracula theme

High Contrast theme

Method 2: Add the theme to Android Studio by importing jar file

We will now add monokai theme of sublime to Android Studio. First of all download the jar file from my Github. To import this theme to our Android Studio, go to the File > Manage IDE Settings > Import Settings…

After clicking on Import Settings, a new dialog box will be open like this.

Now you have to select the downloaded jar file or you can do drag and drop too then click on Ok.

After clicking Ok, a new dialog box will open where we can select what component we want to import from jar file to editor.

Here select both colors and schemes and then click Ok. After this, a new box will be open.

Click on the Restart button to reload the settings. Here you can see the new theme. You can follow the same steps while importing any jar files.

Method 3: Adding theme from Android Studio plugin section

There is another way to add themes to the android studio by downloading the themes from the plugin section. Go to the File > Settings > Plugins.

Click on Marketplace and search for themes. Ex. themes

Here you can see a lot of different themes and select one and download it, after downloading you can apply these themes to your IDE and these downloaded themes will be available in your default themes collection.

solarized theme

Here you can see we have downloaded and applied solarized theme.

Method 4: Adding theme by copying ICLS file to a particular directory

You can refer to this GitHub repo for a set of amazing themes. Download the file and copy the file to the following directory:

%USERPROFILE%/.AndroidStudio/config/colors

Once you have copied the ICLS file to the above directory then restart the Android Studio so that theme will be applied to the IDE.

When we are working on any editor or IDE we get used to it and its environment like if we are using Sublime then we like its dark background environment. We have now moved to Android studio but we are not comfortable with the default background and theme. Now the point that comes here is how we can Change or Add Themes to Android Studio. So in this article, we are going to discuss four different methods to Change or Add Themes to Android Studio. 

  • Method 1: Changing default theme
  • Method 2: Add the theme to Android Studio by importing jar file
  • Method 3: Adding theme from Android Studio plugin section
  • Method 4: Adding theme by copying ICLS file to a particular directory

Method 1: Changing default theme

First of all, open your Android Studio: 

Here you can see my Android Studio window and a demo application is running. In Android Studio, there are three default themes available i.e. Intellij Light, Dracula, and High Contrast. To change default themes go to File and click on Settings.

A new Settings dialog will appear, like this.

Under the Appearance & Behaviour -> Appearance, you will find Theme. Choose the right theme from the drop-down and click on Apply and then Ok. Here you can see the background and color scheme for all three themes.

Intellij Light theme

Dracula theme

High Contrast theme

Method 2: Add the theme to Android Studio by importing jar file

We will now add monokai theme of sublime to Android Studio. First of all download the jar file from my Github. To import this theme to our Android Studio, go to the File > Manage IDE Settings > Import Settings…

After clicking on Import Settings, a new dialog box will be open like this.

Now you have to select the downloaded jar file or you can do drag and drop too then click on Ok.

After clicking Ok, a new dialog box will open where we can select what component we want to import from jar file to editor.

Here select both colors and schemes and then click Ok. After this, a new box will be open.

Click on the Restart button to reload the settings. Here you can see the new theme. You can follow the same steps while importing any jar files.

Method 3: Adding theme from Android Studio plugin section

There is another way to add themes to the android studio by downloading the themes from the plugin section. Go to the File > Settings > Plugins.

Click on Marketplace and search for themes. Ex. themes

Here you can see a lot of different themes and select one and download it, after downloading you can apply these themes to your IDE and these downloaded themes will be available in your default themes collection.

solarized theme

Here you can see we have downloaded and applied solarized theme.

Method 4: Adding theme by copying ICLS file to a particular directory

You can refer to this GitHub repo for a set of amazing themes. Download the file and copy the file to the following directory:

%USERPROFILE%/.AndroidStudio/config/colors

Once you have copied the ICLS file to the above directory then restart the Android Studio so that theme will be applied to the IDE.

This article walks you through 2 different ways to change your Android Studio theme. The first approach is to choose a theme from the built-in themes and the second one is to install a new theme made by the community as a plugin. Without any further ado, let’s get started.

Using a built-in theme

1. Open your Android Studio and go to:

  • File -> Settings-> Appearance & behavior -> Appearance if you’re using Windows.
  • Android Studio > Preferences > Appearance & behavior -> Appearance if you’re on a Mac.

2. Click on the dropdown labeled with Theme and select the theme you like from the list. After that, click on the Apply or OK button to apply your setting.

Here’s how the Dracula theme looks like:

The number of official themes is very limited. Currently, there are only 3: IntelliJ Light, Dracula, and High Contrast. If none of them can make you happy, let’s move on to the next section.

Using a third-party theme

1. Go to:

  • File -> Settings-> Plugins if you’re using Windows.
  • Android Studio > Preferences > Plugins if you’re on a Mac.

2. Type Theme into the search field to search. A list of so many themes will appear. Click on the Install button next to the theme you like to install it.

3. A confirmation dialog will show up. Select Accept to continue.

4. Last but not least, after the installing process is complete, you need to click on the Apply button or the OK button in the bottom right corner to activate the theme you recently added.

Removing a third-party theme

If you want to disable/uninstall a third-party theme, just go to the Installed tab, click on the Disable/Uninstall button associated with that theme. See the screenshot below for more clarity:

Finally, hit Apply or OK to save. You’ll come back to one of the built-in themes.

Conclusion

Using a suitable theme will help you to reduce eye strain and increase productivity when working with Android Studio. Hope this article can help you in some ways. If you’d like to explore more useful information, tips, and tricks about Android Studio, take a look at the following articles:

  • How to Create a new Android Emulator
  • Android: How to Get SHA Certificate Fingerprints
  • How to Reset Android Studio to the Default Settings
  • How to check your Android Studio version
  • Install Flutter and Dart plugins in Android Studio
  • 2 Ways to Check Android SDK Versions (2021)

I have made every effort to ensure that every step in this article works properly, but I may have made some mistakes or omissions. If so, please send me an email: [email protected] or leave a comment to report errors.

Темы и стили

Общая информация
Стили
Наследование стилей
Тема
Темы для диалоговых окон
Theme Editor

Общая информация

Чтобы наше приложение было стильным, можно воспользоваться специальной темой. Тема — это коллекция стилей, которые обеспечивают профессиональный вид приложению, чтобы оно было похоже на родные приложения Android. Сама система Android уже имеет несколько предустановленных тем, которыми можно воспользоваться в своих целях. Вам достаточно только указать имя темы в манифесте.

В предыдущем примере мы учились переключаться на другой экран, чтобы увидеть новое окно О программе. Сделаем это окно диалоговым, чтобы оно не занимало весь экран.

Откройте снова файл манифеста AndroidManifest.xml из прошлого урока и измените строчку для активности AboutActivity, указав тему.


<activity android:name=".About"
    android:label="@string/about_title"
    android:theme="@style/Theme.AppCompat.Dialog";>
</activity>

Запустив программу, вы увидите, что внешний вид окна «О программе» стал уже другим. Сравните.

Dialog theme

Обратите внимание, что теперь появляется не окно во весь экран, а диалоговое окно в центре экрана. При этом остальная часть экрана затемняется.

Похожие темы: android:theme=»@style/Theme.AppCompat.Light.Dialog», android:theme=»@style/Theme.AppCompat.Light.Dialog.MinWidth», android:theme=»@style/Theme.AppCompat.Dialog.MinWidth».

Тему можно применить не только к отдельной активности, но и ко всем активностям приложения, если прописать в теге application.

Кстати, вы можете разработать свою тему на основе существующих и сохранить ее в файле res/values/styles.xml.

Стили и темы — это такие же ресурсы, как и строки, изображения и т. д. Android обеспечивает некоторые заданные по умолчанию стили и темы, которые вы можете использовать в приложениях. При необходимости вы можете определить свой собственный стиль и тему для создаваемого приложения.

Стили

Стиль — это один или несколько сгруппированных атрибутов форматирования, которые отвечают за внешний вид и поведение элементов или окна. Стиль может задавать такие свойства, как ширину, отступы, цвет текста, размер шрифта, цвет фона и так далее. Сами стили хранятся в XML-файлах, отдельно от файлов разметки.

Подобное разделение напоминает использование каскадных стилей CSS для веб-документов, которые также отвечают за стили HTML-элементов и хранятся в отдельных файлах.

Предположим, у нас есть следующий код разметки для TextView:


<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textColor="#00FF00"
    android:typeface="monospace"
    android:textSize="18sp"
    android:text="@string/hello" />

Мы можем вынести все свойства в файл стилей следующим образом:

res/values/styles.xml


<?xml version="1.0" encoding="utf-8"?>
<resources> 
    <style name="MyTextStyle" parent="@style/Text"> 
        <item name="android:textSize">18sp</item> 
        <item name="android:textColor">#00FF00</item> 
        <item name="android:typeface">monospace</item>
    </style> 
</resources> 

Тогда в файле разметки теперь будет так:


<TextView
    style="@style/MyTextStyle"
	...
    android:text="@string/hello" />

Как видите, мы удалили все свойства для текста из файла разметки и разместили их в файле стилей в ресурсе под именем MyTextStyle, который содержит теперь все необходимые свойства.

Создать файл со стилями несложно. Создаем новый XML-файл в папке res/values/ вашего проекта. Имя файла не имеет значения, главное, чтобы расширение было XML, а сам файл находился в указанной папке. В проекте, создаваемом студией, уже есть готовый файл res/values/styles.xml, в который вы можете добавить новые стили. А также вы можете создать свой отдельный файл стилей.

Корневым узлом файла должен быть элемент <resources>. Для каждого элемента, которому требуется стиль, нужно добавить элемент <style> с уникальным именем. Далее создаются элементы <item> для каждого свойства и присваиваются им имена, которые отвечают за выбранное свойство. Значением элемента <item> должно выступать ключевое слово, цвет в шестнадцатеричном значении, ссылка на другой тип ресурсов или другое значение в зависимости от свойства стиля. Ниже представлен образец такого стиля:


<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="MyTextStyle" parent="@android:style/TextAppearance.Medium">
        <item name="android:layout_width">match_parent</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:textColor">#00FF00</item>
        <item name="android:typeface">monospace</item>
    </style>
</resources>

Во время компиляции все свойства из файла стилей будут извлечены и применены к элементам.

Атрибут parent для элемента style является необязательным и позволяет задавать идентификатор ресурса другого стиля, из которого нужно наследовать свойства. При этом вы можете переопределить свойства в случае необходимости.

Быстрое создание стилей через Android Studio

Если вы решили вынести некоторые свойства компонентов в стили, то необязательно это делать вручную. В студии есть удобный инструмент для быстрого создания ресурсов стилей.

В текстовом режиме щёлкните правой кнопкой мыши на нужном компоненте и в контекстном меню выбирайте пункт Refactor | Extract | Style. Далее укажите имя стиля и выберите требуемые параметры для экспорта. Студия самостоятельно создаст стиль в файле styles.xml и автоматически применит созданный ресурс в layout-файле.

Наследование стилей

Наследование — мощный и полезный механизм, позволяющий не изобретать велосипед, а использовать готовые проверенные наработки. С помощью атрибута parent в элементе style вы можете наследовать нужные свойства из существующих стилей, а также переопределить некоторые свойства или добавить свои дополнительные свойства. Предположим, мы решили наследоваться от существующего системного стиля Android для текстовых сообщений и слегка модифицировать его.


<style name="GreenText" parent="@android:style/TextAppearance">
    <item name="android:textColor">#00FF00</item>
</style>

Если вы собираетесь наследоваться от собственных стилей, то использовать атрибут parent не нужно. Просто используйте префикс имени наследуемого стиля перед создаваемым новым стилем, разделяя имена стилей точкой. Например, для создания нового стиля, который наследуется от стиля MyTextStyle, созданного нами ранее, где мы хотим получить красный текст, используйте следующий способ:


<style name="MyTextStyle.Red">
    <item name="android:textColor">#FF0000</item>
</style>

Как видите, нам не пришлось использовать атрибут parent в теге style, потому что имя стиля начинается с имени MyTextStyle (созданный нами стиль). Теперь наш стиль наследует все свойства от стиля родителя, при этом мы изменили одно свойство android:textColor, чтобы текст выводился красным цветом. Вы можете ссылаться на новый стиль через конструкцию @style/MyTextStyle.Red.

Вы можете продолжать наследоваться дальше много раз, добавляя новые имена через точку. Допустим, мы хотим расширить свойство MyTextStyle.Red, чтобы текст выводился более крупным шрифтом:


<style name="MyTextStyle.Red.Big">
    <item name="android:textSize">30sp</item>
</style>

Итак, мы наследовались от стилей MyTextStyle и MyTextStyle.Red, а затем добавили новое свойство android:textSize.

Не забывайте, что данная техника наследования применима только к собственным стилям. Для наследования системных стилей типа TextAppearance необходимо использовать атрибут parent.

Свойства стиля

Разобравшись с созданием стилей, рассмотрим различные свойства, определяемые в элементе item. Мы уже встречались с такими свойствами, как layout_width и textColor. На самом деле свойств гораздо больше.

Для поиска свойств, которые применимы к заданному View, можно обратиться к документации и просмотреть все поддерживаемые свойства. Так все атрибуты, перечисленные в таблице атрибутов класса TextView могут быть использованы для элементов TextView или EditText. Например, у данных элементов есть свойство android:inputType:


<EditText
    android:inputType="number"
    ... />

Но вместо этого мы можем также создать стиль для элемента EditText, который будет включать в себя данное свойство:


<style name="Numbers">
  <item name="android:inputType">number</item>
  ...
</style>

В файле разметки теперь можно написать так:


<EditText
    style="@style/Numbers"
    ... />

На первый взгляд вам возможно покажется, что подобный подход отнимает слишком много времени. Но в больших проектах повторное использование стиля поможет вам сэкономить и время и силы.

Для просмотра всех существующих стилей вы можете посмотреть исходники Android. Найдите папку, в которую вы устанавливали Android SDK, там можно найти нужные исходники. Например, у меня путь к исходникам стилей Android API 17 выглядит следующим образом: D:Androidandroid-sdk-windowsplatformsandroid-17dataresvaluesstyles.xml. Помните, что все объекты View не поддерживает сразу все существующие атрибуты, поэтому используйте только специфичные стили для выбранного элемента. Но если вы по ошибке зададите ошибочный стиль для View, то это не вызовет краха приложения. Элемент View будет использовать только подходящие свойства и игнорировать чужие для него свойства.

Существуют также свойства, которые не поддерживаются ни одним элементом View и применимы только как тема. Подобные стили действуют сразу на всё окно, а не на отдельный элемент. Например, есть тема, скрывающая заголовок приложения, строку состояния или изменяющая фон окна. Подобные стили легко определить по слову window, с которого начинается название стиля: windowNoTitle, windowBackground (о них ниже).

Не забывайте использовать префикс android перед именем в каждом элементе item: <item name=»android:inputType»>.

Отдельно стоит отметить создание стиля для кнопки. У кнопки есть несколько состояний — обычное, в фокусе, нажатое, нажатое с фокусом. Поэтому для кнопки нужно создать четыре отдельных стиля, чтобы кнопка выглядела профессионально.

Извлечение свойств в стили

Если вы решили в своём проекте использовать стили и вам нужно быстро переместить нужные атрибуты, то Android Studio предлагает быстрый механизм для этой операции. В текстовом режиме ставите курсор на названии компонента, например, ImageView, затем щёлкаете правой кнопкой мыши и выбираете Refactor | Extract | Style…. В диалоговом окне выбираете нужные атрибуты для переноса в стили и выбираете имя стиля.

Динамическое изменение стилей

Ни разу не приходилось пользоваться, но вдруг пригодится.


Context themedContext = new ContextThemeWrapper(baseContext, R.style.MyTheme);

// in LayoutInflater
View view = LayoutInflater.from(themedContext)
        .inflate(R.layout.mylayout, null);

// in constructor
View view = new View(themedContext);

Тема

Тема — это более ёмкое понятие. По существу, тема — стиль, который относится ко всему экрану активности или приложению, а не к отдельному компоненту приложения. Таким образом, тема имеет свои атрибуты и свою область применения.

Темы похожи на определения стилей. Точно так же, как стили, темы объявляются в XML-файле элементами <style>, и ссылаются на них тем же самым способом. Различие состоит в том, что тема добавляется ко всему приложению или к отдельной активности через элементы <application> и <activity> в файле манифеста приложения, т. к. темы не могут быть применены к отдельным компонентам.

Чтобы установить тему, откройте файл AndroidManifest.xml и отредактируйте тег <application>, чтобы он включал в себя атрибут android:theme с указанием имени стиля:


<application android:theme="@style/CustomTheme">

Если вы хотите, чтобы тема относилась не ко всему приложению, а к отдельной активности, то атрибут android:theme нужно добавить в тег <activity>.

Во многих случаях нет необходимости придумывать свои стили и темы, так как Android содержит множество собственных встроенных тем. Например, вы можете использовать тему Dialog, чтобы окно приложения выглядело как диалоговое окно (Смотри выше).

Если вам нравится тема, но несколько свойств всё-таки хотите подправить под себя, то просто добавьте тему как родительскую тему к своей теме. Например, мы хотим модифицировать стандартную тему Theme.Light, чтобы использовать свои цвета.


<color name="custom_theme_color">#b0b0ff</color>
<style name="CustomTheme" parent="android:Theme.Light">
    <item name="android:windowBackground">@color/custom_theme_color</item>
    <item name="android:colorBackground">@color/custom_theme_color</item>
</style>

Теперь мы можем использовать свой стиль вместо Theme.Light в манифесте:


<activity android:theme="@style/CustomTheme">

Небольшой список свойств, которые используются для настройки собственных тем.

  • android:windowNoTitle: используйте значение true, чтобы скрыть заголовок
  • android:windowFullscreen: используйте значение true, чтобы скрыть строку состояния и освободить место для приложения
  • android:windowBackground: ресурс цвета или drawable для фона
  • android:windowContentOverlay: Drawable, который рисуется поверх содержимого окна. По умолчанию, это тень от строки состояния. Можно использовать null (@null в XML-файле) для удаления ресурса.

В Android 5.0 появились новые темы, которые получили название Material Design.

  • @android:style/Theme.Material (тёмная версия)
  • @android:style/Theme.Material.Light (светлая версия)
  • @android:style/Theme.Material.Light.DarkActionBar (светлая версия с тёмным заголовком)

В Android 9.0 темы Material Design продолжили развитие, они будут активно внедряться в ближайшее время.

  • Theme.MaterialComponents
  • Theme.MaterialComponents.NoActionBar
  • Theme.MaterialComponents.Light
  • Theme.MaterialComponents.Light.NoActionBar
  • Theme.MaterialComponents.Light.DarkActionBar

Для Material Design были разработаны новые атрибуты тем.

  • android:colorPrimary: основной цвет для интерфейса программы — панель, кнопки и т.д.
  • android:colorPrimaryDark: цвет для системных элементов — строка состояния
  • android:colorAccent: Цвет по умолчанию для компонентов, которые находятся в фокусе или активны
  • android:colorControlNormal: Цвет для неактивных компонентов
  • android:colorControlActivated: Цвет для активных компонентов
  • android:colorControlHighlight: Цвет для нажатых элементов интерфейса
  • colorSwitchThumbNormal: и т.д. изучаем документацию

Позже были добавлены другие атрибуты: colorPrimaryVariant, colorOnPrimary, colorSecondary, colorSecondaryVariant, colorOnSecondary, colorError, colorOnError, colorSurface, colorOnSurface, colorBackground, colorOnBackground.

Настройка цветов происходит по определённым правилам. На сайте http://www.google.com/design/spec/style/color.html#
есть таблица цветов. Обратите внимание на числа слева. Основным цветом (colorPrimary) считается цвет под номером 500, он идёт первым в таблицах. Этот цвет должен использоваться в качестве заголовка (Toolbar).

Допустим, мы делаем специальное приложение для рыжего кота. Создадим новый файл res/values/colors.xml. На указанном сайте находим таблицу цветов оранжевого цвета Orange и будем использовать предлагаемое значение.

Зададим основной цвет.


<color name="primaryColor">#FF9800</color>

Для строки состояние, которая находится выше заголовка приложения, нужно использовать цвет со значением 700 (colorPrimaryDark). Это более тёмный цвет и позволяет различать заголовок приложения и строку состояния. Возвращаемся к оранжевой таблице цветов, запоминаем значение цвета и прописываем его в ресурсах.


<color name="primaryColorDark">#F57C00</color>

Пропишем в теме приложения новые элементы.


<resources>

    <!-- Base application theme. -->
    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <!-- Customize your theme here. -->
        <item name="colorPrimary">@color/primaryColor</item>
        <item name="colorPrimaryDark">@color/primaryColorDark</item>
    </style>

</resources>

На старых устройствах цвет строки состояния не изменяется. Цвет заголовка поменять можно.

Material

В файле res/values-v21/styles.xml для новых устройств нужно повторить указанные действия с небольшой поправкой. В API 21 уже есть предопределённые константы для эти цветов, поэтому используем в именах android:colorPrimary и android:colorPrimaryDark.

В одной из недавних версий библиотеки совместимости была реализована поддержка нового дизайна для всех устройст и такое разделение сейчас не является обязательным.


<?xml version="1.0" encoding="utf-8"?>
<resources>
    <style name="AppTheme" parent="android:Theme.Material.Light">
        <item name="android:colorPrimary">@color/primaryColor</item>
        <item name="android:colorPrimaryDark">@color/primaryColorDark</item>
    </style>
</resources>

С главным цветом есть одна тонкость. Старые устройства используют ActionBar и его цвет подчиняется правилам Material Design из коробки. На новых устройствах для активности используется тема без панели действий Theme.AppCompat.NoActionBar и вручную добавляется компонент Toolbar. Чтобы он использовал основной цвет, используйте правильный стиль для фонового цвета.


<android.support.v7.widget.Toolbar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:background="?attr/colorPrimary" />

Третий важный цвет для использования в приложениях — акцентированный. Данный цвет может использоваться для кнопки Floating Action Button и для различных компонентов. Он должен быть достаточно контрастным по сравнению с основным цветом. Для примера выберем зелёный цвет по цвету глаз рыжих котов. Находим в таблице зелёный цвет и выбираем нужное значение из A400


<color name="accentColor">#00E676</color>

Прописываем цвет в обоих темах:


<item name="colorAccent">@color/accentColor</item>

<item name="android:colorAccent">@color/accentColor</item>

Сейчас акцентированный цвет мы нигде не увидим. Вернёмся к нему позже.

Акцентированные цвета поддерживаются многими компонентами из коробки. Для некоторых следует использовать аналоги из библиотеки AppCompat:

  • Флажки и переключатели
  • SwitchCompat вместо Switch
  • Курсор у EditText
  • Текст у TextInputLayout
  • Текущий индикатор у TabLayout
  • Выбранный элемент у NavigationView
  • Фон у FloatingActionButton

Пользуйтесь сервисом Material Design Color Palette Generator для создания палитры в стиле Material: выбираем основной цвет, цвет «плавающей» кнопки и сайт генерирует необходимую палитру.

В Android 5.0 появился новый атрибут темы colorEdgeEffect. Вам необходимо переопределить тему, а затем применить к компоненту.


res/values/themes.xml

<style name="RedThemeOverlay" parent="android:ThemeOverlay.Material">
    <item name="android:colorEdgeEffect">#FF0000</item>
</style>
res/layout/fragment_list.xml

<ListView
    ...
    android:theme="RedThemeOverlay" />

Темы для диалоговых окон

По умолчанию, диалоговые окна на Lollipop-устройствах будут выглядеть в стиле Material Design. Но если вы хотите немного изменить внешний вид, то можно применить стили и темы к ним. Создайте отдельный стиль:


<style name="AlertDialogCustom" parent="Theme.AppCompat.Light.Dialog">
    <item name="colorAccent">@color/primary</item>
</style>

Добавьте созданный стиль к теме.


<style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
    <item name="colorPrimary">@color/primary</item>
    <item name="colorPrimaryDark">@color/primary_dark</item>
    <item name="colorAccent">@color/accent</item>
    <item name="android:alertDialogTheme">@style/AlertDialogCustom</item>
</style>

Также можно создать отдельный стиль для негативной кнопки, чтобы она была красной и отличалась от позитивной кнопки.


<style name="AlertDialogCustom.Destructive">
    <item name="android:buttonBarPositiveButtonStyle">@style/DestructiveButton</item>
</style>
 
<style name="DestructiveButton"
        parent="android:Widget.DeviceDefault.Button.Borderless">
    <item name="android:textColor">@color/red</item>
</style>

Затем в коде используете созданный стиль.


AlertDialog alertDialog = new AlertDialog.Builder(
        getActivity(), 
        R.style.AlertDialogCustom_Destructive)
        .setPositiveButton(R.string.button_delete, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                // Delete Action
            }
        })
        .setNegativeButton(R.string.button_cancel, new DialogInterface.OnClickListener() {
            @Override
            public void onClick(DialogInterface dialogInterface, int i) {
                 // Cancel Action
            }
        })
        .setTitle(R.string.title_delete_item)
        .create();

Сам пока не проверял.

Темы для диалоговых окон для старых устройств

В библиотеке совместимости версии 22.1.0 появилась поддержка Material Design для диалоговых окон.

Для начала вызовем диалоговое окно стандартным способом:


import android.app.AlertDialog;

public void onClick(View view) {
    AlertDialog.Builder builder = new AlertDialog.Builder(this);
    builder.setTitle("Dialog");
    builder.setMessage("Покормить кота?");
    builder.setPositiveButton("OK", null);
    builder.setNegativeButton("Cancel", null);
    builder.show();
}

Добавим стили в файл styles.xml:


<style name="AppCompatAlertDialogStyle" parent="Theme.AppCompat.Light.Dialog.Alert">
    <item name="colorAccent">#FFCC00</item>
    <item name="android:textColorPrimary">#FFFFFF</item>
    <item name="android:background">#5fa3d0</item>
</style>

Для вывода диалогового окна будем использовать класс из библиотеки совместимости, у которого есть дополнительный параметр для указания темы.


import android.support.v7.app.AlertDialog;

public void onClick(View view) {
    AlertDialog.Builder builder = new AlertDialog.Builder(this, R.style.AppCompatAlertDialogStyle);
    builder.setTitle("Dialog");
    builder.setMessage("Покормить кота?");
    builder.setPositiveButton("OK", null);
    builder.setNegativeButton("Cancel", null);
    builder.show();
}

Если хотите также поменять цвет для заголовка диалогового окно, то добавьте в предыдущую тему AppCompatAlertDialogStyle новый элемент windowTitleStyle и создайте стиль для него.


<item name="android:windowTitleStyle">@style/TitleDialogTextStyle</item>

<style name="TitleDialogTextStyle">
    <item name="android:textColor">#d71616</item>
</style>

Стили для компонентов

У компонентов также появились новые стили, связанные с Material Design. Например, TextAppearance.Material.Title:


<TextView
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:textAppearance="@android:style/TextAppearance.Material.Title"
    android:id="@+id/textView"
    android:text="Текст в стиле Title" />

Темы для компонентов

Обычно темы применялись к активности или приложению. Сейчас самый распространённый вариант Theme.AppCompat.

В Lollipop и AppCompat с версии 22.1 стало возможным присваивать тему отдельному компоненту. В этой связи появился отдельный тип темы ThemeOverlay, который позволяет менять только необходимые настройки. Например, ThemeOverlay.AppCompat.Light меняет фоновый цвет, цвет текста и выделенный текст, как если это была бы светлая тема. Соответственно, ThemeOverlay.AppCompat.Dark работает как тёмная тема.

Это может пригодится, чтобы цвет текста не совпадал с цветом фона и был читаемым. Например, это часто используется у Toolbar:


<android.support.v7.widget.Toolbar
  android:layout_width="match_parent"
  android:layout_height="wrap_content"
  android:background="?attr/colorPrimary"
  android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar" />

Также используется при создании собственных тем


<style name="ThemeOverlay.AccentSecondary"
       parent="ThemeOverlay.AppCompat">
  <item name="colorAccent">@color/accent_secondary</item>
</style>

Выбор темы в зависимости от версии платформы

Каждая новая версия Android обзаводится несколькими новыми темами. И, возможно, вам захочется использовать новые темы в своих приложениях, чтобы пользователи новых аппаратов увидели современный интерфейс, при этом владельцы старых аппаратов будут видеть приложение в другом виде.

Предположим у вас есть собственная тема, использующая стандартную светлую тему, в файле res/values/styles.xml:


<style name="LightThemeSelector" parent="android:Theme.Light">
    ...
</style>

Чтобы задействовать также новую голографическую тему, доступную в Android 3.0 (API Level 11) и выше, создайте альтернативный файл стилей в папке res/values-v11, где будет указана новая тема:


<style name="LightThemeSelector" parent="android:Theme.Holo.Light">
    ...
</style>

Для последней версии Android 5.0 вам понадобится папка res/values-21 для темы, использующую Material Design.

Теперь программа автоматически будет переключаться между стилями, самостоятельно определяя версию Android.

Список стандартных атрибутов, используемых в темах, можно найти на странице R.styleable.Theme.

Использование стилей и тем платформы

Вы можете создавать собственные стили, а можете подключать готовые системные стили или отдельные атрибуты стилей, используемых в Android. Для указания стиля, предопределённого в Android, используется следующий синтаксис:


style="@android:style/TextAppearance

Если вам нужно выбрать только отдельную часть стиля, то используйте знак вопроса:


<EditText
    id="@+id/edit"
	android:textColor:="?android:textColorSecondary" />

Знак ? применяется для поиска значения стиля в текущей теме, а подстрока ?android означает поиск значения стиля в системной теме Android.

В студии можно выбрать системную тему сразу из среды разработки. Откройте файл разметки в режиме Design. Чуть выше формы имеется выпадающая кнопка AppTheme. Нажмите на неё и поиграйтесь со списком, чтобы просмотреть другие варианты. Вы сможете увидеть, как будет выглядеть ваше приложение в разных темах. Учтите, что эта настройка не вносит изменения в ваш файл, а предназначена только для просмотра темы, чтобы вы представляли, как будет выглядеть программа у разных пользователей.

В последних версиях проектов студии, которые используют тему AppCompat для создания полноэкранной активности используйте стиль:


<style name="Theme.AppCompat.Light.NoActionBar.FullScreen" parent="Theme.AppCompat.Light">
    <item name="windowNoTitle">true</item>
    <item name="windowActionBar">false</item>
    <item name="android:windowFullscreen">true</item>
    <item name="android:windowContentOverlay">@null</item>
</style>

И примените его к нужной активности.


<activity
    android:name=".MainActivity"
    android:theme="@style/Theme.AppCompat.Light.NoActionBar.FullScreen">

Новые темы в Android 4.4

В Android 4.4 появилась возможность сделать панель навигации и строку состояния полупрозрачными. Откройте файл styles.xml и добавьте строчки:


<!-- Application theme. -->
<style name="AppTheme" parent="AppBaseTheme">

    <!-- All customizations that are NOT specific to a particular API-level can go here. -->
    <item name="android:windowTranslucentStatus">true</item>
    <item name="android:windowTranslucentNavigation">true</item>
    <item name="android:fitsSystemWindows">true</item>
    <!--  <item name="android:actionBarStyle">@style/ActionBar.Solid.GreenStyle</item> -->
</style>


<style name="ActionBar.Solid.GreenStyle" parent="@android:style/Widget.Holo.Light.ActionBar.Solid">
    <item name="android:background">@android:color/holo_green_dark</item>
</style>

Последний пункт у меня закомментирован. Он позволяет настроить тему для ActionBar. Можете поиграться с ним. Для сравнения ниже представлены скриншоты стандартного окна активности с чёрными полосками снизу и сверху и стилизованной активности. Для наглядности я выбрал оранжевый цвет для фона активности.

Theme in Kitkat Theme in Kitkat

Если говорить об эволюции тем и стилей, то в Android 2.x темы были в зачаточном состоянии. В Android 3/4 дизайнеры проделали огромную работу, чтобы система стала красивой и предложили тему Holo. В новой версии Android 5.0 работа над стилями была продолжена и была представлена новая концепция стиля под названием Material Design с подробной документацией по её использованию.

В статье Android App Launching Made Gorgeous рассматривается интересный случай, когда неправильное использование тем приводит к некрасивому эффекту — сначала загружается пустой экран, а затем уже экран вашей активности.

Темы для View

В статье говорилось, что отдельные компоненты должны использовать стили, а активности — темы. В Android 5.0 Lollipop, а также старые устройства с API 11 через библиотеку совместимости AppCompat могут также использовать темы:


<Toolbar
    android:theme="@style/ThemeOverlay.AppCompat.Dark.ActionBar"
    app:popupTheme="@style/ThemeOverlay.AppCompat.Light" />

Небольшой список на память.

  • ThemeOverlay.AppCompat
  • ThemeOverlay.AppCompat.Light
  • ThemeOverlay.AppCompat.Dark
  • ThemeOverlay.AppCompat.ActionBar
  • ThemeOverlay.AppCompat.Dark.ActionBar

Например, ваши компоненты в разметке используют светлую тему, а родительский элемент должен использовать тёмную тему. Тогда применим к нему готовую тему.


<FrameLayout
    android:background="@color/dark_background"
    android:theme="@style/ThemeOverlay.AppCompat.Dark">
  <TextView />
</FrameLayout>

Если вам нужно изменить конкретный атрибут, например, colorAccent, то добавьте новую тему:


<style name="CustomAccentOverlay" parent="ThemeOverlay.AppCompat">
   <item name="colorAccent">@color/custom_accent</item>
</style>

Примените тему к вашему компоненту через android:theme=»CustomAccentOverlay». Так вы можете переопределить и другие атрибуты.

Общие советы

Избегайте конкретных значений для цвета.


<View …
    android:background="@color/white"/>

Лучше используйте атрибуты, что позволит вам корректно переключаться к тёмной теме.


<View …
    android:background="?attr/colorSurface"/>

В некоторых ситуациях использование готовых значений цвета оправдано.

При работе с элементами темы программным способом не используйте Context от Application, только от Activity.

Дополнительное чтение

Обсуждение статьи на форуме.

Тема в Material Design

Best Practices for Themes and Styles (Android Dev Summit ’18) — YouTube

Собственная анимация для диалоговых окон

Анимация активностей при помощи тем и стилей

Переходи на светлую сторону — динамическая смена темы

Реклама

Different Ways to Change or Add Themes to Android Studio

When we are working on any editor or IDE we get used to it and its environment like if we are using Sublime then we like its dark background environment. We have now moved to Android studio but we are not comfortable with the default background and theme. Now the point that comes here is how we can Change or Add Themes to Android Studio . So in this article, we are going to discuss four different methods to Change or Add Themes to Android Studio.

  • Method 1: Changing default theme
  • Method 2: Add the theme to Android Studio by importing jar file
  • Method 3: Adding theme from Android Studio plugin section
  • Method 4: Adding theme by copying ICLS file to a particular directory

Method 1: Changing default theme

First of all, open your Android Studio:

Here you can see my Android Studio window and a demo application is running. In Android Studio, there are three default themes available i.e. Intellij Light, Dracula, and High Contrast. To change default themes go to File and click on Settings.

A new Settings dialog will appear, like this.

Under the Appearance & Behaviour -> Appearance, you will find Theme. Choose the right theme from the drop-down and click on Apply and then Ok. Here you can see the background and color scheme for all three themes.

Intellij Light theme

Dracula theme

High Contrast theme

Method 2: Add the theme to Android Studio by importing jar file

We will now add monokai theme of sublime to Android Studio. First of all download the jar file from my Github. To import this theme to our Android Studio, go to the File > Manage IDE Settings > Import Settings…

After clicking on Import Settings, a new dialog box will be open like this.

Now you have to select the downloaded jar file or you can do drag and drop too then click on Ok.

After clicking Ok, a new dialog box will open where we can select what component we want to import from jar file to editor.

Here select both colors and schemes and then click Ok. After this, a new box will be open.

Click on the Restart button to reload the settings. Here you can see the new theme. You can follow the same steps while importing any jar files.

Method 3: Adding theme from Android Studio plugin section

There is another way to add themes to the android studio by downloading the themes from the plugin section. Go to the File > Settings > Plugins.

Click on Marketplace and search for themes. Ex. themes

Here you can see a lot of different themes and select one and download it, after downloading you can apply these themes to your IDE and these downloaded themes will be available in your default themes collection.

solarized theme

Here you can see we have downloaded and applied solarized theme.

Method 4: Adding theme by copying ICLS file to a particular directory

You can refer to this GitHub repo for a set of amazing themes. Download the file and copy the file to the following directory:

%USERPROFILE%/.AndroidStudio/config/colors

Once you have copied the ICLS file to the above directory then restart the Android Studio so that theme will be applied to the IDE.

How to change or add theme to Android Studio?

I have just installed Android Studio in my Window 7 64bit.
When I launch the application the background of the screen where we write the code is white.
I would prefer black or any other color.
I am not sure whether we can change the color/theme OR add more themes.

user avatar

user avatar

35 Answers 35

Introducing: Trending sort

You can now choose to sort by Trending, which boosts votes that have happened recently, helping to surface more up-to-date answers.

Trending is based off of the highest score sort and falls back to it if no posts are trending.

File->Settings->Editor->Colors & Fonts-> In scheme name select Darcula and apply to see a awesome dark background theme editor

Android Studio 3.1.2 File->Settings->Editor->Color Scheme-> In scheme name select Darcula and apply to see a awesome dark background theme editor

user avatar

You can download new themes from https://github.com/sdvoynikov/color-themes — note that the project is deprecated at this time, but the sources are still available.

Once you have downloaded the .jar file, go to File -> Import Settings. and choose the file downloaded.

user avatar

//you need to go to the File-> settings in that choose IDE settings-> Appearance in that choose the Theme: options

enter image description here

user avatar

Windows

Mac OSX

Android Studio -> Preferences->Editor->Colors&Fonts

Dayle Reese has an amazing set of color schemes available for use in both AndroidStudio and Intellij. Depending on the IDE you are using, these ICLS files go into a particular directory (This is for Windows):

Android Studio

IntelliJ

Once you’ve placed the ICLS files in one of the directories above, relaunch the IDE so that it picks up the new themes. There is also a nice page containing a preview of most/all the themes so you can figure out which ones you like most. Enjoy.

user avatar

Just a note for people in the future. To add more themes on a Mac, put the theme .icls files in

Then restart Android Studio. And select your new themes in

Android Studio can use any theme that are made for jetbrains IDE. Here is a good Github repo that has many themes for different IDEs.

Also, the Color Ide plugin is a good tool that changes the background colour of all menus in Android Studio to match your theme. Try it, the IDE will look much better.

Windows should have similar setups, just the theme directory will be a bit different, search for JetBrains Ide theme location should give you the result.

/Library/Preferences/AndroidStudio2.3 and I had to create the «colors» folder because it didn’t exist there. So the final path was:

If one just need to change (strictly just) the editor’s background to your own colour.

Preferences > Editor > Color & Fonts > General > Default Text > Background

Although you need to save it as your own theme.

user avatar

Press Ctrl + ` (Back Quote).
Then select «Switch Color Scheme» or press 1.
Select «Dracula» or press 2.

user avatar

user avatar

(Note: the exact paths shown here are primarily for Windows and Linux. I know Mac has a few non-standard paths, so if you’re on Mac, you may have to adjust the starting bit of the path. The point is, get into settings however you’d do that on a Mac)

Switch theme:

File -> Settings-> Appearance & behavior -> Appearance.

Select the «theme» dropdown, and change between whatever themes you have installed. It shows the default themes and any you have installed in the form of plugins.

Install new themes

As plugin from plugins.jetbrains.com

File-> Settings -> plugins -> install JetBrains plugin/browse repositories/install plugin from disk

Note: newer versions of Android Studio, and possibly IntelliJ, (at least Jan. 2021 and out) may instead have a Marketplace tab in place of the first and/or second one.

The last part has three different options. The first has a few amount of plugins, and looks like only the official plugins. Browse repositories have much more plugins, and seems to be like going to the plugin page. This is a shorter way than going to the intelliJ plugin page and downloading the plugins manually. If you download, click install plugin from disk. This allows you to drag and drop, or find .jar files.

Как изменить или добавить тему в Android Studio?

Я только что установил Android Studio в своем окне 7 64bit.
Когда я запускаю приложение, фон экрана, на котором мы пишем код, белый.
Я бы предпочел черный или любой другой цвет.
Я не уверен, можем ли мы изменить цвет/тему или добавить больше тем.

29 ответов

File->Settings->Editor->Colors & Fonts-> в названии схемы выберите Darcula и применитесь, чтобы увидеть удивительный редактор темного фона

Android Studio 3.1.2 File->Settings->Editor->Color Scheme-> в названии схемы выберите Darcula и применитесь, чтобы увидеть удивительный редактор темного фона темы

вы можете скачать новые темы изhttp://color-themes.com/

после того как вы скачали перейдите к File -> Import Settings. и выберите загруженный файл.

//вам нужно перейти в файл — > настройки в этом выберите настройки IDE — > внешний вид в этом выберите тему: параметры

enter image description here

Windows

Mac OSX

Android Studio — > Настройки — > Редактор — >Цвета И Шрифты

Дейл Риз имеет удивительный набор доступные цветовые схемы для использования в AndroidStudio и Intellij. В зависимости от используемой среды IDE эти файлы ICLS попадают в определенный каталог (Это для Windows):

Android Studio

IntelliJ

после того, как вы разместили файлы ICLS в одном из каталогов выше, перезапустите IDE, чтобы он забирал новые темы. Существует также хорошая страница, содержащая предварительный просмотр большинства / всех тем Так что вы можете выяснить, какие из них вам больше всего нравится. Наслаждаться.

просто примечание для людей в будущем. Чтобы добавить больше тем на Mac, поставить тему .мкст файлы

затем перезапустите Android Studio. И выберите новые темы в

Android Studio может использовать любую тему, которые сделаны для JetBrains IDE. здесь — хорошее РЕПО Github, которое имеет много тем для разных IDEs.

и Color Ide плагин-хороший инструмент, который изменяет цвет фона всех меню в Android Studio, чтобы соответствовать вашей теме. Попробуйте, IDE будет выглядеть намного лучше.

Windows должна иметь аналогичные настройки, только каталог темы будет немного отличаться, поиск местоположения темы JetBrains Ide должен дать вам результат.

Если вам просто нужно изменить (строго просто) фон редактора на свой собственный цвет.

Preferences > Editor > Color & Fonts > General > Default Text > Background

хотя вам нужно сохранить его как свою собственную тему.

загрузите цветную тему, которая вам нравится -http://www.ideacolorthemes.org/themes/

импортировать тему. Файл — > Параметры Импорта. Перейдите к названию темы.сосуд. Нажмите кнопку «Ok». Это скажет вам перезагрузить приложение, по крайней мере, это сделал для меня, и он автоматически выбрал тему для моего редактора.

измените цвет темы редактора, перейдя в Файл — > Настройки — > редактор — > цвета и шрифты. Выбирать схема и нажмите кнопку «Ok».

обратите внимание, что это изменяет цвет темы редактора, а не тему всего приложения.

Файл- > Настройки — >Внешний Вид

есть выпадающий список с различными темами.

пресс Ctrl + ` (Обратная Кавычка).
Затем выберите «переключить цветовую схему» или нажмите 1.
Выберите «Дракула»или нажмите 2.

думал, что добавлю это в качестве ответа, для тех, кто случайно испортил, как я!
Это не совсем ответ на исходный вопрос, но несколько других сообщений относятся к этому сообщению, поэтому я подумал, что добавлю его здесь (потому что это немного относится к вопросу). Надеюсь, это кому-то поможет!

сегодня я случайно установил размер шрифта IDE на Android Studio очень высоким (собирался установить его в 10, но он случайно стал 110).

Теперь большой проблемой для меня было то, что открыть меню «Файл» было невозможно (ну, можно было открыть его, но не удалось добраться до выбора настроек), поэтому мне пришлось выяснить, как это сделать вручную.

Я нашел настройки IDE Android Studio в и там ui.inf.xml файл, в котором я мог бы изменить опцию FONT_SIZE назад к более управляемому размеру.

следующее изображение — Android studio с размером шрифта 110 px на в 1920×1080 экран: Android studio 110 px font size

на OSX, в строке меню вверху, нажмите на Android Studio > Настройки > Внешний вид, и вы увидите тему выпадающего списка.

Файл — > Настройки — >Внешний вид и поведение — > внешний вид и в теме выберите Darcula и применить редактор темного фона темы.

чтобы установить новую тему на Mac, перейдите в Preferences -> Plugins -> Browse Repositories -> Выберите Категорию «UI» и имя темы поиска, я рекомендую «Material Theme UI» нажмите на зеленую кнопку «Install» а затем перезапустите после установки.

если ваша тема .формат мкст.

  1. щелкните правой кнопкой мыши на finder и выберите «Перейти в папку»
  2. введите «

новая тема будет установлена.

чтобы изменить темы перейдите в Preferences -> Editor -> Colors & Fonts и затем выбрать схему.

29 ответов

File->Settings->Editor->Colors & Fonts-> В имени схемы выберите Darcula и примените, чтобы увидеть потрясающий редактор тем на темном фоне

Android Studio 3.1.2 File->Settings->Editor->Color Scheme-> В имени схемы выберите Darcula и примените, чтобы увидеть потрясающий редактор тем на темном фоне

flexdroid
16 май 2013, в 07:44

Поделиться

Вы можете загружать новые темы из http://color-themes.com/

Как только вы загрузили файл .jar, перейдите к File -> Import Settings... и выберите файл, загруженный.

marc_ferna
18 дек. 2013, в 02:42

Поделиться

//вам нужно перейти в Настройки File- > в котором выбирают параметры IDE- > Внешний вид, в котором выбираются темы: параметры

Изображение 3176

Padma Kumar
16 май 2013, в 15:45

Поделиться

Windows

Файл- > Настройки- > Редактор- > Цвета и шрифты →

Mac OSX

Android Studio → Настройки- > Редактор- > Цвета и шрифты

Triode
18 май 2013, в 20:50

Поделиться

Просто записка для людей в будущем.
Чтобы добавить другие темы в Mac, поместите файлы .icls темы в

~/Library/Preferences/AndroidStudio/colors/

Затем перезапустите Android Studio. И выберите новые темы в

Android Studio > Preferences > Editor > Colors&Fonts

Android Studio может использовать любую тему, созданную для IDE jetbrains. Здесь является хорошим репо Github, которое имеет много тем для разных IDE.

Кроме того, плагин Color Ide — хороший инструмент, который изменяет цвет фона всех меню в Android Studio в соответствии с вашей темой. Попробуйте, IDE будет выглядеть намного лучше.

У Windows должны быть похожие настройки, только каталог тем будет немного другим, поиск места размещения JetBrains Ide должен дать вам результат.

Johnson
26 фев. 2015, в 10:23

Поделиться

  1. Загрузите понравившуюся цветовую тему — http://www.ideacolorthemes.org/themes/

  2. Импортируйте тему. Файл → Настройки импорта. Перейдите к theme-name.jar. Нажмите кнопку «ОК». Это скажет вам перезапустить ваше приложение, по крайней мере, для меня, и оно автоматически выбрало тему для моего редактора.

  3. Измените цвет темы редактора, выбрав Файл → Настройки → Редактор → Цвета и шрифты. Выберите схему и нажмите кнопку «ОК».

Обратите внимание, что это меняет цвет темы редактора, а не всю тему приложения.

Derek Kier
02 сен. 2015, в 00:58

Поделиться

Если нужно просто изменить (строго справедливо) фон редактора для вашего собственного цвета.

Preferences > Editor > Color & Fonts > General > Default Text > Background

Хотя вам нужно сохранить его как свою собственную тему.

GheloAce
31 янв. 2014, в 19:48

Поделиться

Нажмите Ctrl + ` (Назад).
Затем выберите «Switch Color Scheme» или нажмите 1.
Выберите «Дракула» или нажмите 2.

vishnu
29 авг. 2013, в 14:45

Поделиться

Файл- > Настройки- > Внешний вид

Там выпадающий блок с различными темами.

Dmiters
16 май 2013, в 06:52

Поделиться

В 2.3.2 я могу изменить тему, следуя

View -> Quick Switch Theme -> 6.Look and Feel

abbas.aniefa
31 май 2017, в 07:50

Поделиться

Mac OS

Чтобы установить новую тему на Mac, перейдите в Preferences -> Plugins -> Browse Repositories -> Выберите категорию "UI" и найдите название темы, я рекомендую "Material Theme UI" щелкнуть зеленую кнопку "Install" и перезагрузить ее после установки.

Если ваша тема — формат .icls.

  • Щелкните правой кнопкой мыши на поисковом устройстве и выберите «перейти в папку»
  • введите «~/Library/», чтобы перейти в папку скрытой библиотеки.
  • найдите «Настройки»
  • найдите «AndroidStudio2.x»
  • Если у вас нет папки «colors», то создайте ее
  • вставить .icls файлы тем в цвета.

будет установлена ​​новая тема.

чтобы изменить темы, перейдите к Preferences -> Editor -> Colors & Fonts, а затем выберите схему.

Aamer Shahzad
14 апр. 2017, в 07:51

Поделиться

Файл- > Настройки- > Внешний вид и поведение- > Внешний вид и В теме выберите Даркулу и примените редактор тем темного фона.

Umar
09 сен. 2015, в 09:22

Поделиться

В OSX в верхней строке меню нажмите «Android Studio» > «Настройки» > «Внешний вид», и вы увидите, что тема выпадает.

Dwayne Forde
15 сен. 2014, в 16:08

Поделиться

Думаю, я бы добавил это как ответ, для тех, кто случайно испортился, как я!
Это не ответ на исходный вопрос, но несколько других сообщений относятся к этому сообщению, поэтому я подумал, что добавлю его здесь (потому что это немного актуально для вопроса). Надеюсь, это поможет кому-то!

Сегодня я случайно установил размер своего IDE-шрифта на Android Studio очень высоким (собирался установить его на 10, но он случайно стал 110).

Теперь большая проблема для меня заключалась в том, что открытие меню файла было невозможным (ну, можно было открыть его, но не смог получить выбор настроек), поэтому мне пришлось выяснить, как это сделать вручную.

Я нашел настройки IDE Android Studio в папке Users/%username%/.AndroidStudioPreview/config и там, в файле ui.inf.xml, в котором я мог бы изменить параметр FONT_SIZE обратно на более управляемый размер.

Следующее изображение — студия Android с размером шрифта 110 px на экране 1920×1080:
Изображение 3177

Jite
09 янв. 2014, в 11:49

Поделиться

Вы можете попробовать этот сделать Android Studio довольно, чтобы изменить внешний вид студии и почувствовать себя другим.

santoshpatmca
15 июнь 2016, в 15:23

Поделиться

Simple. Просто нажмите CTRL + alt + s — внешний вид и поведение — внешний вид — тема — (Даркула)

Koech
30 янв. 2016, в 14:34

Поделиться

В Windows:
Файл- > Настройки- > Внешний вид и поведение- > Внешний вид:
Изменить « Теманое поле«.

Denis
04 июль 2015, в 09:10

Поделиться

  • Перейдите в File > Settings,
  • Теперь в настройках IDE нажмите на appearance и выберите тему по вашему выбору из выпадающего списка.
  • Вы также можете install themes, они являются файлами JAR
  • File > Import Settings, выберите файл или ваш выбор и выберите ОК, чтобы всплывающее окно restart studio, нажмите Да, и студия перезапустится, и ваша тема будет применена.

Ravi Rawal
24 май 2015, в 08:30

Поделиться

Тема переключения:

Окна:

Файл- > Настройки- > Внешний вид и поведение- > Внешний вид.

Выберите раскрывающийся список «тема» и измените все те темы, которые вы установили. В нем отображаются темы по умолчанию и все, что вы установили в виде плагинов.


Установить новые темы

Как плагин от plugins.jetbrains.com

Окна:

Файл- > Настройки → плагины → установить плагин JetBrains/просмотреть репозитории/установить плагин с диска

Последняя часть имеет три разных варианта. Первый имеет несколько плагинов и выглядит только как официальные плагины. Обзор репозиториев имеет гораздо больше плагинов и, похоже, похоже на переход к странице плагина. Это более короткий путь, чем переход на страницу плагина intelliJ и загрузку плагинов вручную. Если вы загружаете, нажмите «Установить плагин с диска». Это позволяет вам перетаскивать или находить файлы .jar.

Внешние веб-сайты

Они установлены несколько иначе. Найдите любую тему, понравившуюся вам на таких веб-сайтах, как этот.

Перейдите к

Файл- > Параметры импорта файла

Это не плагины, и как таковые должны быть установлены другим способом.

Zoe
14 апр. 2017, в 18:04

Поделиться

Файл — Настройки — Внешний вид и поведение — Внешний вид — ВЫБЕРИТЕ Даркулу в «Тема» — нажмите «Применить».

или

Выберите «Файл» — «Настройки» — «Редактор» — «Цвета и шрифты» — затем «SELECT Darcula» в имени схемы — нажмите «Применить» — перезапустите Studio (иногда не все элементы реализуют тему)

Morozov
05 сен. 2016, в 11:23

Поделиться

Вы можете использовать CTRL + SHIFT + A , а затем просто ввести theme чтобы перейти непосредственно к настройкам темы. То же самое касается практически любой настройки, рефакторинга или действия, которые вы ищете.

Kevin Coulombe
03 сен. 2013, в 16:36

Поделиться

Для удобства использования в Android Studio 3.0.

Нажмите Файл > Настройки > Внешний вид и поведение > Ядро

Изображение 3178

Marvin Glenn Lacuna
26 окт. 2017, в 06:47

Поделиться

Вы можете изменить или импортировать тему, используя значок, на который указывает стрелка «Дублировать тему» на фотографии.

Каждый видит цвет по-своему. В большинстве случаев небольшое изменение в контрасте — это все, что вам нужно. Снятие с дракулы «хаза» путем изменения цвета фона на 242527 было для меня идеальным решением.

Изображение 3179

Jeffrey
18 авг. 2018, в 17:38

Поделиться

Выполните следующие действия:

  • Перейдите в меню Файл → Настройки → Внешний вид и поведение → Внешний вид

  • Измените тему на все, что вам нравится.

  • Затем перезапустите студию android.

Saurabh Singh
22 апр. 2017, в 14:11

Поделиться

Я использую android studio 2.2.3, и я могу изменить тему, выполнив следующие шаги.

  • перейдите в Файл > Настройка, откройте окно, подобное прикрепленному изображению
  • затем Редактоp > Цвета и шрифты
  • Выберите тему в раскрывающемся списке Схема
  • теперь выберите ОК

Изображение 3180

reza.cse08
26 фев. 2017, в 13:13

Поделиться

Я нашел интересные темы из github.com/jkaving/intellij-colors-solarized. Характеристики палитры — от ethanschoonover.com/solarized.
Я использую один из них в своей Android Studio, версия 2.1.3

MBDevelop
25 авг. 2016, в 10:25

Поделиться

В Windows 7 — 64Bit
Файл- > Настройки- > Редактор- > Цвета и шрифты- > Используйте раскрывающийся список: «Имя схемы» и выберите «Даркула».

saltais
13 июнь 2013, в 14:02

Поделиться

В Mac Android Studio> Настройки> Редактор> Цветовая схема → Шрифт цветовой схемы. Изменить схему на Дракулу

Rocky
14 май 2018, в 05:56

Поделиться

Ещё вопросы

  • 1доступ к _id из слушателя событий шаблона в пробелах # цикл
  • 0Позиция диалога со смещением не работает
  • 0Почему JQuery создает избыточные элементы <p> </ p> с этой строкой html?
  • 1Добавление объектов SQL в JTable
  • 0Карты Google не будут отображаться до обновления страницы
  • 0Поиск конкретного магазина с eBay API
  • 0Ошибка Connect 500 в MongooseError.CastError
  • 0ошибка MSB4057: цель «PreLinkEvent» не существует в проекте
  • 1Замена адаптеров таблиц на Oracle.DataAccess.Client (ODP.NET)
  • 1Передача данных в событие — Объединить события
  • 1Перемещение мыши Java mouseListener не работает
  • 1NullReferenceException При вызове функции класса c # [duplicate]
  • 0Изменить цвет div на основе значения цвета из JSON
  • 0MYSQL определяет приоритетность записи, выбранной GROUP BY
  • 0Попытка вывести самого богатого пользователя в моей базе данных через php
  • 1Регулярное выражение для сопоставления 3 или 4 выражений части с разделителями пробела и пробела
  • 1Как я могу получить доступ к DOM в AngularDart?
  • 1Как сохранить изображение, загруженное через url, в базу данных sqlite в двоичном формате
  • 0Рассчитать сумму подписки новых пользователей MySQL
  • 1install4j — получить идентификатор компонента, если настроенный идентификатор установлен
  • 0пытаюсь перенаправить пользователя на свой профиль после регистрации на моем сайте
  • 1Vuejs — передать слот вложенному ребенку
  • 1Chart.js не показывает динамически заполненные данные
  • 1Поместите Google Maps Maker x Расстояние с y Подшипником?
  • 0Ошибка с оператором соединения
  • 1Вызовите родительский метод из экземпляра
  • 0Компилятор Intel: что означает ошибка «неизвестный тип в IL-обходе»?
  • 1Пакет Maven не включает все JAR-файлы зависимостей
  • 1DDD зачем создавать интерфейс на доменном сервисе?
  • 0Добавить drupal в существующий проект Angular
  • 0Дождитесь выполнения функции, пока новые данные не отобразятся в браузере
  • 1Как можно задержать выполнение функции javascript после обновления страницы?
  • 0Что происходит, если функция нового обработчика не написана должным образом или не может освободить больше памяти в c ++
  • 1порядок выполнения кода с ожиданием и уведомлением
  • 1Android Camera Preview вопрос
  • 1Кадр данных Pandas в Excel с определенным диапазоном имен
  • 0JQUERY иногда элемент не найден, если элемент указан
  • 0Ядро CUDA автоматически вызывает ядро для завершения добавления вектора. Почему?
  • 0мой setTimeout не работает правильно
  • 0Измените UL стиля выбора JQuery для работы без BootstrapJS
  • 1QThread не обновляет представление событиями
  • 0Как прочитать содержимое HTML в about: в браузере Firefox?
  • 0Вызов пользовательской функции для каждого объекта в массиве
  • 1Количество задач в очереди; как я могу избежать глобальной переменной?
  • 0Как открыть соединение с MySQL DataBase на другом ПК? [Дубликат]
  • 1java.lang.invoke.MethodHandleStatics.newInternalError (MethodHandleStatics.java:97)
  • 0закрыть скрытый div и кликнуть другой div
  • 1Как сохранить вновь созданный файл PDF с помощью SaveFileDialog
  • 1Реализации по умолчанию VS наследуемые методы в Java 8
  • 0Пользовательский столбец QTreeView

Очень важно иметь красивое окружение, чтобы сделать нашу жизнь проще и веселее, поэтому без лишних слов давайте перейдем к делу.

Темы Android Studio

Важно выбрать тему, которая вам нравится, чтобы получить больше удовольствия от программирования. Вот моя подборка тем для вас.

Чтобы добавить тему, перейдите в Settings -> Plugins -> Install a theme, затем перейдите в Settings -> Appearance and behavior -> Appearance-> Select your theme.

Как сделать Android Studio потрясающей

  1. DarkCode Theme. Это моя любимая тема, потому что она имеет простую цветовую схему.
  2. Atom OneDark Theme.
  3. Atom One Theme.
  4. Dracula Theme. Я не смог найти ссылку на плагин, но при поиске вы его найдете.

Здесь есть много замечательных тем, которые вы можете исследовать.

Иконки

Я люблю использовать иконки Atom Material, которые меняют значки в зависимости от типа файлов.

Как сделать Android Studio потрясающей

Этот плагин также изменяет иконки пользовательского интерфейса, вы можете изменить это, щелкнув значок Atom и «Включить/отключить UI иконки».

Шрифты

Мы целыми днями смотрим на текст и код, поэтому, думаю, нам следует выбрать для этого самый лучший шрифт. Я использую JetBrains Mono, но Fira Code тоже великолепен.

Как сделать Android Studio потрясающей

Чтобы изменить шрифт, перейдите в Settings -> Editor -> Font -> Select a font.

Отличный совет — включить лигатуры, чтобы ваши символы (такие как ->, ==, !=) выглядели великолепно.

Для этого перейдите в Settings -> Editor -> Font -> Enable ligatures.

Как сделать Android Studio потрясающей

Скобки

Трудно быть экспертом в копипасте, если вы не можете найти нужный блок, не так ли? Rainbow Brackets помогут вам лучше идентифицировать блоки кода, сделав скобки блоков кода разноцветными.

Как сделать Android Studio потрясающей

Вы можете увеличить количество цветов, выбрав Settings -> Other settings -> Rainbow Brackets -> Change the number of colors.

ProgessBar

Я знаю, это действительно глупо, но мне нравится менять форму прогрессбара, чтобы сделать мои сборки Gradle более сносными :). Я использую Mario Progress Bar, но есть и другие плагины.

Как сделать Android Studio потрясающей

Как сделать Android Studio потрясающей

Бессмысленная ошибка: Android Studio использует плагин для отображения любого прогресса, поэтому, когда я удалил плагин из Android Studio, она сама стала использовал плагин, чтобы показывать прогресс :) Android Studio потребовала перезагрузки.

Logcat

Чтобы ваш Logcat выглядел потрясающе, перейдите в Settings -> Editor -> Color scheme -> Android Logcat, затем измените цвета на следующие.

  • Assert: 9C27B0
  • Debug: 2BBAC5
  • Error: EF596F
  • Info: 89CA78
  • Verbose: 61AFEF
  • Warning: E5C07B

Как сделать Android Studio потрясающей
Другие плагины, которые вы можете попробовать

  • CodeGlance3: встраивает миникарту кода, аналогичную той, что есть в Sublime, в панель редактора.
  • Monocai Color Theme
  • GitToolBox: показывает многое, связанное с git.

Если вы хотите сделать свою рабочую среду потрясающей, ознакомьтесь с этой статьей про украшение терминала в MacOS.

Вывод

Приложите немного усилий, чтобы сделать вашу IDE красивой, она действительно того стоит. Может у вас есть дополнительные советы, как сделать IDE потрясающей?

Если вы нашли опечатку — выделите ее и нажмите Ctrl + Enter! Для связи с нами вы можете использовать info@apptractor.ru.

Понравилась статья? Поделить с друзьями:

Читайте также:

  • Как изменить тему word 2019
  • Как изменить тему windows 7 домашняя базовая
  • Как изменить тему whatsapp на андроиде
  • Как изменить тему visual studio 2023
  • Как изменить тему visual studio 2019

  • 0 0 голоса
    Рейтинг статьи
    Подписаться
    Уведомить о
    guest

    0 комментариев
    Старые
    Новые Популярные
    Межтекстовые Отзывы
    Посмотреть все комментарии