microsoft
/
fluentui-android
зеркало из https://github.com/microsoft/fluentui-android.git
1
0
Форкнуть 0
Код Задачи Пакеты Проекты Релизы Вики Активность

Common theme (#91) 

* creating common theme

* Extending from base theme in Container module and calendar module

Co-authored-by: Aishwarya <aishwarya@TT-KEVINCRE-WS.redmond.corp.microsoft.com>
Co-authored-by: Aishwarya <aishwarya@Sachins-MacBook-Pro.local>
This commit is contained in:
Aishwarya Pratap Singh 2021-07-12 18:37:12 +05:30 коммит произвёл GitHub
Родитель 7d7901ccb1
Коммит fec7952930
Не найден ключ, соответствующий данной подписи
Идентификатор ключа GPG: 4AEE18F83AFDEB23
8 изменённых файлов: 391 добавлений и 33 удалений
Показать статистику Скачать Patch файл Скачать Diff файл Показать все файлы Свернуть все файлы

14
FluentUI.Demo/build.gradle
Просмотреть файл

@ -56,19 +56,7 @@ dependencies {
implementation 'androidx.legacy:legacy-support-v4:1.0.0'
implementation 'androidx.cardview:cardview:1.0.0'
implementation "androidx.constraintlayout:constraintlayout:$constraintLayoutVersion"
implementation project(':fluentui_core')
implementation project(':fluentui_listitem')
implementation project(':fluentui_drawer')
implementation project(':fluentui_tablayout')
implementation project(':fluentui_ccb')
implementation project(':fluentui_transients')
implementation project(':fluentui_topappbars')
implementation project(':fluentui_menus')
implementation project(':fluentui_persona')
implementation project(':fluentui_progress')
implementation project(':fluentui_peoplepicker')
implementation project(':fluentui_calendar')
implementation project(':fluentui_others')
implementation project(':FluentUI')
implementation 'com.squareup.picasso:picasso:2.71828'
implementation 'com.github.bumptech.glide:glide:4.8.0'
implementation 'com.jakewharton.threetenabp:threetenabp:1.1.0'

2
FluentUI.Demo/src/main/res/values-night/styles.xml
Просмотреть файл

@ -6,7 +6,7 @@
<resources xmlns:tools="http://schemas.android.com/tools">
<style name="AppTheme" parent="Base.AppTheme.FluentOthers">
<style name="AppTheme" parent="Base.AppTheme.FluentCommon">
<item name="android:statusBarColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="android:windowBackground">@color/fluentui_black</item>
</style>

8
FluentUI.Demo/src/main/res/values/styles.xml
Просмотреть файл

@ -107,9 +107,9 @@
<item name="fluentuiCompoundButtonTintCheckedColor">@color/fluentui_communication_blue</item>
</style>
<!-- Example theme with Fluent Others theme, you will not have to only look for what rest of the
modules have set. Majorly everything is set for you in Others theme-->
<style name="Base.AppTheme.FluentOthers" parent="Theme.FluentUI.Others">
<!-- Example theme with Fluent Container Base theme, you will not have to only look for what rest of the
modules have set. Majorly everything is set for you in Fluent theme-->
<style name="Base.AppTheme.FluentCommon" parent="Theme.FluentUI">
<item name="windowActionBar">false</item>
<item name="windowNoTitle">true</item>
<item name="android:windowBackground">@color/fluentui_white</item>
@ -119,7 +119,7 @@
<item name="android:windowLightStatusBar" tools:targetApi="23">false</item>
</style>
<style name="AppTheme" parent="Base.AppTheme.FluentOthers" />
<style name="AppTheme" parent="Base.AppTheme.FluentCommon" />
<style name="AppTheme.Orange">
<item name="colorPrimaryDark">#a52c00</item>

26
FluentUI/build.gradle
Просмотреть файл

@ -29,19 +29,19 @@ android {
dependencies {
implementation fileTree(dir: 'libs', include: ['*.jar'])
implementation project(':fluentui_ccb')
implementation project(':fluentui_core')
implementation project(':fluentui_drawer')
implementation project(':fluentui_listitem')
implementation project(':fluentui_menus')
implementation project(':fluentui_others')
implementation project(':fluentui_peoplepicker')
implementation project(':fluentui_persona')
implementation project(':fluentui_progress')
implementation project(':fluentui_tablayout')
implementation project(':fluentui_topappbars')
implementation project(':fluentui_transients')
implementation project(':fluentui_calendar')
api project(':fluentui_calendar')
api project(':fluentui_ccb')
api project(':fluentui_core')
api project(':fluentui_drawer')
api project(':fluentui_listitem')
api project(':fluentui_menus')
api project(':fluentui_others')
api project(':fluentui_peoplepicker')
api project(':fluentui_persona')
api project(':fluentui_progress')
api project(':fluentui_tablayout')
api project(':fluentui_topappbars')
api project(':fluentui_transients')
implementation "org.jetbrains.kotlin:kotlin-stdlib-jdk7:$kotlin_version"
implementation "androidx.appcompat:appcompat:$appCompatVersion"
implementation "com.google.android.material:material:$materialVersion"

126
FluentUI/src/main/res/values-night/themes.xml Normal file
Просмотреть файл

@ -0,0 +1,126 @@
<?xml version="1.0" encoding="utf-8"?>
<!--
~ Copyright (c) Microsoft Corporation. All rights reserved.
~ Licensed under the MIT License.
-->
<resources>
<!--
All dark theme specific semantic colors should be defined here.
Light theme semantic colors should be defined in themes.xml as the default.
-->
<style name="Theme.FluentUI" parent="Theme.FluentUI.Container">
<item name="android:textColorPrimary">@color/fluentui_white</item>
<!-- *** Base Semantic Colors *** -->
<!--Backgrounds-->
<item name="fluentuiBackgroundColor">@color/fluentui_black</item>
<item name="fluentuiBackgroundPressedColor">@color/fluentui_gray_900</item>
<!--Foregrounds-->
<item name="fluentuiForegroundColor">@color/fluentui_white</item>
<item name="fluentuiForegroundOnPrimaryColor">@color/fluentui_black</item>
<item name="fluentuiDividerColor">@color/fluentui_gray_800</item>
<!-- *** Semantic Colors *** -->
<!--AppBarLayout-->
<item name="fluentuiAppBarLayoutBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<!--BottomSheet-->
<item name="fluentuiBottomSheetBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiBottomSheetBackgroundPressedColor">?attr/fluentuiBackgroundSecondaryPressedColor</item>
<item name="fluentuiBottomSheetDividerColor">@color/fluentui_gray_700</item>
<!--Button-->
<item name="fluentuiButtonBackgroundDisabledColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiButtonBackgroundPressedColor">?attr/fluentuiColorPrimaryDarker</item>
<item name="fluentuiButtonTextDisabledColor">?attr/colorPrimaryDark</item>
<!--ButtonBorderless-->
<item name="fluentuiButtonBorderlessBackgroundPressedColor">@android:color/transparent</item>
<item name="fluentuiButtonBorderlessTextDisabledColor">@color/fluentui_gray_500</item>
<item name="fluentuiButtonBorderlessTextPressedColor">?attr/colorPrimaryDark</item>
<!--Button Outlined-->
<item name="fluentuiButtonOutlinedTextDefaultColor">@color/fluentui_communication_blue</item>
<item name="fluentuiButtonOutlinedTextPressedColor">@color/fluentui_communication_tint_20</item>
<item name="fluentuiButtonOutlinedTextDisabledColor">@color/fluentui_gray_600</item>
<item name="fluentuiButtonOutlinedStrokeDefaultColor">@color/fluentui_communication_tint_20</item>
<item name="FluentuiButtonOutlinedStrokePressedColor">@color/fluentui_communication_tint_40</item>
<item name="FluentuiButtonOutlinedStrokeDisabledColor">@color/fluentui_gray_800</item>
<!--CalendarView-->
<item name="fluentuiCalendarBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiCalendarWeekHeadingBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiCalendarOtherMonthBackgroundColor">@color/fluentui_gray_700</item>
<item name="fluentuiCalendarDayTodayBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiCalendarDayTextActiveColor">?attr/fluentuiForegroundColor</item>
<item name="fluentuiCalendarWeekHeadingWeekendTextColor">@color/fluentui_gray_600</item>
<!--ContextualCommandBar-->
<item name="fluentuiContextualCommandBarBackgroundColor">@color/fluentui_gray_600</item>
<item name="fluentuiContextualCommandBarBackgroundColorPressed">@color/fluentui_gray_900</item>
<item name="fluentuiContextualCommandBarBackgroundColorSelected">@color/fluentui_communication_blue</item>
<item name="fluentuiContextualCommandBarIconTint">@color/fluentui_gray_100</item>
<item name="fluentuiContextualCommandBarIconTintDisabled">@color/fluentui_gray_400</item>
<item name="fluentuiContextualCommandBarIconTintSelected">@color/fluentui_black</item>
<item name="fluentuiContextualCommandBarDismissBackgroundColor">@color/fluentui_black</item>
<item name="fluentuiContextualCommandBarDismissIconTintColor">@color/fluentui_gray_100</item>
<!--Dialog-->
<item name="fluentuiDialogBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiDialogCloseIconColor">?attr/colorPrimary</item>
<!--Drawer-->
<item name="fluentuiDrawerBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiDrawerHandleColor">@color/fluentui_gray_500</item>
<!--ListItemView-->
<item name="fluentuiListItemTitleColor">@color/fluentui_gray_100</item>
<!--NumberPicker-->
<item name="fluentuiNumberPickerBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<!--Persona Chip-->
<!--TODO add hex values to the colors file when they get added to the toolkit-->
<item name="fluentuiPersonaChipBackgroundNormalColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiPersonaChipBackgroundErrorColor">#4DFF474C</item>
<item name="fluentuiPersonaChipBackgroundErrorActiveColor">#FF474C</item>
<item name="fluentuiPersonaChipTextNormalColor">@color/fluentui_gray_100</item>
<item name="fluentuiPersonaChipTextErrorColor">#FF474C</item>
<!--PopupMenu-->
<item name="fluentuiPopupMenuBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiPopupMenuBackgroundPressedColor">?attr/fluentuiBackgroundSecondaryPressedColor</item>
<item name="fluentuiPopupMenuItemTitleColor">@color/fluentui_gray_100</item>
<item name="fluentuiPopupMenuItemCheckBackgroundRippleColor">?attr/fluentuiBackgroundSecondaryPressedColor</item>
<!--Progress-->
<item name="fluentuiProgressBackgroundColor">@color/fluentui_gray_900</item>
<!--Searchbar-->
<item name="fluentuiSearchbarBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiSearchbarSearchViewContainerBackgroundColor">@color/fluentui_gray_700</item>
<item name="fluentuiSearchbarSearchViewTextColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<item name="fluentuiSearchbarBackButtonColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<item name="fluentuiSearchbarSearchViewCursorColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<!--Toolbar-->
<item name="fluentuiToolbarBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiToolbarTitleTextColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<item name="fluentuiToolbarSubtitleTextColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<item name="fluentuiToolbarIconColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<!--TabLayout-->
<item name="fluentuiTabSelectedTextColor">@color/fluentui_white</item>
<item name="fluentuiTabUnselectedTextColor">@color/fluentui_gray_100</item>
<item name="fluentuiTabLayoutContainerBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiTabLayoutBackgroundColor">@color/fluentui_gray_950</item>
<item name="fluentuiTabSelectedBackgroundColor">@color/fluentui_gray_600</item>
<!--Tooltip-->
<item name="fluentuiTooltipBackgroundColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiTooltipTextColor">?attr/fluentuiForegroundOnPrimaryColor</item>
</style>
</resources>

242
FluentUI/src/main/res/values/themes.xml Normal file
Просмотреть файл

@ -0,0 +1,242 @@
<?xml version="1.0" encoding="utf-8"?>
<!--
~ Copyright (c) Microsoft Corporation. All rights reserved.
~ Licensed under the MIT License.
-->
<resources>
<!--
All semantic colors should be defined here in their light theme state as the default.
If they have a different semantic color for dark theme, define that color in "themes.xml (night)" as well.
-->
<style name="Theme.FluentUI.Container" parent="Base.Theme.FluentUI">
<item name="colorPrimary">@color/fluentui_communication_blue</item>
<item name="colorPrimaryDark">@color/fluentui_communication_shade_20</item>
<item name="colorAccent">@color/fluentui_communication_blue</item>
<item name="android:textColorPrimary">@color/fluentui_gray_900</item>
<item name="buttonStyle">@style/Widget.FluentUI.Button</item>
<item name="toolbarStyle">@style/Widget.FluentUI.Toolbar</item>
<item name="actionOverflowButtonStyle">@style/Widget.FluentUI.Toolbar.OverflowButtonStyle</item>
<item name="homeAsUpIndicator">@drawable/ms_ic_arrow_left_24_filled_toolbar</item>
<item name="checkboxStyle">@style/Widget.FluentUI.CheckBox</item>
<item name="radioButtonStyle">@style/Widget.FluentUI.RadioButton</item>
<!-- *** Theme Semantic Colors *** -->
<item name="fluentuiColorPrimaryDarker">@color/fluentui_communication_shade_30</item>
<item name="fluentuiColorPrimaryLight">@color/fluentui_communication_tint_20</item>
<item name="fluentuiColorPrimaryLighter">@color/fluentui_communication_tint_40</item>
<!-- *** Base Semantic Colors *** -->
<!--Backgrounds-->
<item name="fluentuiBackgroundColor">@color/fluentui_white</item>
<item name="fluentuiBackgroundPressedColor">@color/fluentui_gray_100</item>
<item name="fluentuiBackgroundPrimaryColor">?attr/colorPrimary</item>
<item name="fluentuiBackgroundSecondaryColor">@color/fluentui_gray_900</item>
<item name="fluentuiBackgroundSecondaryPressedColor">@color/fluentui_gray_500</item>
<!--Backgrounds, Transparent-->
<item name="fluentuiBackgroundSecondary20Color">#33000000</item>
<!--Foregrounds-->
<item name="fluentuiForegroundColor">@color/fluentui_gray_900</item>
<item name="fluentuiForegroundSelectedColor">?attr/colorPrimary</item>
<item name="fluentuiForegroundSecondaryColor">@color/fluentui_gray_500</item>
<item name="fluentuiForegroundSecondaryIconColor">@color/fluentui_gray_400</item>
<item name="fluentuiForegroundOnPrimaryColor">@color/fluentui_white</item>
<item name="fluentuiForegroundOnSecondaryColor">@color/fluentui_white</item>
<item name="fluentuiDividerColor">@color/fluentui_gray_100</item>
<!--Foregrounds, Transparent-->
<item name="fluentuiForegroundOnPrimary80Color">#CCFFFFFF</item>
<item name="fluentuiForegroundOnPrimary70Color">#B3FFFFFF</item>
<!-- *** Semantic Colors *** -->
<!--AppBarLayout-->
<item name="fluentuiAppBarLayoutBackgroundColor">?attr/colorPrimary</item>
<!--BottomNavigation-->
<item name="fluentuiBottomNavigationBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiBottomNavigationForegroundActiveColor">?attr/colorPrimary</item>
<item name="fluentuiBottomNavigationForegroundInactiveColor">?attr/fluentuiForegroundSecondaryColor</item>
<!--BottomSheet-->
<item name="fluentuiBottomSheetBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiBottomSheetBackgroundPressedColor">?attr/fluentuiBackgroundPressedColor</item>
<item name="fluentuiBottomSheetIconColor">?attr/fluentuiForegroundSecondaryIconColor</item>
<item name="fluentuiBottomSheetDividerColor">?attr/fluentuiDividerColor</item>
<!--Button-->
<item name="fluentuiButtonBackgroundDefaultColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiButtonBackgroundDisabledColor">@color/fluentui_gray_50</item>
<item name="fluentuiButtonBackgroundPressedColor">?attr/colorControlHighlight</item>
<item name="fluentuiButtonTextDefaultColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiButtonTextDisabledColor">@color/fluentui_gray_300</item>
<!--Button Borderless-->
<item name="fluentuiButtonBorderlessBackgroundDefaultColor">@android:color/transparent</item>
<item name="fluentuiButtonBorderlessBackgroundDisabledColor">@android:color/transparent</item>
<item name="fluentuiButtonBorderlessBackgroundPressedColor">?attr/colorControlHighlight</item>
<item name="fluentuiButtonBorderlessTextDefaultColor">?attr/colorPrimary</item>
<item name="fluentuiButtonBorderlessTextDisabledColor">@color/fluentui_gray_300</item>
<item name="fluentuiButtonBorderlessTextPressedColor">?attr/fluentuiButtonBorderlessTextDefaultColor</item>
<!--Button Outlined-->
<item name="fluentuiButtonOutlinedTextDefaultColor">@color/fluentui_communication_blue</item>
<item name="fluentuiButtonOutlinedTextPressedColor">@color/fluentui_communication_tint_20</item>
<item name="fluentuiButtonOutlinedTextDisabledColor">@color/fluentui_gray_300</item>
<item name="fluentuiButtonOutlinedStrokeDefaultColor">@color/fluentui_communication_tint_20</item>
<item name="FluentuiButtonOutlinedStrokePressedColor">@color/fluentui_communication_tint_30</item>
<item name="FluentuiButtonOutlinedStrokeDisabledColor">@color/fluentui_gray_50</item>
<!--Compound Buttons-->
<item name="fluentuiCompoundButtonTintDefaultColor">?attr/fluentuiForegroundSecondaryIconColor</item>
<item name="fluentuiCompoundButtonTintCheckedColor">?attr/fluentuiForegroundSelectedColor</item>
<!--CalendarView-->
<item name="fluentuiCalendarBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiCalendarWeekHeadingBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiCalendarWeekHeadingWeekDayTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiCalendarWeekHeadingWeekendTextColor">@color/fluentui_gray_400</item>
<item name="fluentuiCalendarMonthOverlayBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiCalendarMonthOverlayTextColor">?attr/fluentuiForegroundColor</item>
<item name="fluentuiCalendarOtherMonthBackgroundColor">@color/fluentui_gray_25</item>
<item name="fluentuiCalendarSelectedColor">?attr/fluentuiForegroundSelectedColor</item>
<item name="fluentuiCalendarDayTodayBackgroundColor">?attr/fluentuiColorPrimaryLighter</item>
<!--ContextualCommandBar-->
<item name="fluentuiContextualCommandBarBackgroundColor">@color/fluentui_gray_50</item>
<item name="fluentuiContextualCommandBarBackgroundColorPressed">@color/fluentui_gray_100</item>
<item name="fluentuiContextualCommandBarBackgroundColorSelected">@color/fluentui_communication_tint_40</item>
<item name="fluentuiContextualCommandBarIconTint">@color/fluentui_gray_900</item>
<item name="fluentuiContextualCommandBarIconTintDisabled">@color/fluentui_gray_300</item>
<item name="fluentuiContextualCommandBarIconTintSelected">@color/fluentui_communication_blue</item>
<item name="fluentuiContextualCommandBarDismissBackgroundColor">#FFFFFF</item>
<item name="fluentuiContextualCommandBarDismissIconTintColor">@color/fluentui_gray_900</item>
<!--day selector-->
<item name="fluentuiCalendarDayTextActiveColor">?attr/fluentuiForegroundSelectedColor</item>
<item name="fluentuiCalendarDayTextActiveCheckedColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiCalendarDayTextInactiveCheckedColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiCalendarDayTextDefaultColor">?attr/fluentuiForegroundSecondaryColor</item>
<!--DateTimePicker-->
<item name="fluentuiDateTimePickerToolbarTitleTextColor">?attr/colorPrimary</item>
<item name="fluentuiDateTimePickerTabTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiDateTimePickerDialogBackgroundColor">?attr/fluentuiDialogBackgroundColor</item>
<item name="fluentuiDateTimePickerToolbarIconColor">?attr/colorPrimary</item>
<!--Dialog-->
<item name="fluentuiDialogBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiDialogCloseIconColor">?attr/fluentuiForegroundSecondaryIconColor</item>
<item name="fluentuiDialogTabLayoutBackgroundColor">?attr/fluentuiDialogBackgroundColor</item>
<!--Drawer-->
<item name="fluentuiDrawerBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiDrawerHandleColor">@color/fluentui_gray_100</item>
<!--ListItemView-->
<item name="fluentuiListItemBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiListItemTitleColor">?attr/fluentuiForegroundColor</item>
<item name="fluentuiListItemSubtitleColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiListItemSubtitleLargeHeaderColor">?attr/fluentuiForegroundColor</item>
<item name="fluentuiListItemFooterColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiListItemRippleColor">?attr/fluentuiBackgroundPressedColor</item>
<!--ListSubHeader-->
<item name="fluentuiListSubHeaderTitlePrimaryColor">?attr/colorPrimary</item>
<item name="fluentuiListSubHeaderTitleSecondaryColor">?attr/fluentuiForegroundColor</item>
<item name="fluentuiListSubHeaderTitleTertiaryColor">?attr/fluentuiForegroundSecondaryColor</item>
<!--NumberPicker-->
<item name="fluentuiNumberPickerBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiNumberPickerDefaultTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiNumberPickerSelectedTextColor">?attr/fluentuiForegroundSelectedColor</item>
<!--PeoplePicker-->
<item name="fluentuiPeoplePickerBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiPeoplePickerPopupBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiPeoplePickerTextViewBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiPeoplePickerTextViewDragBackgroundColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiPeoplePickerHintTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiPeoplePickerLabelTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiPeoplePickerCountSpanTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<!--Persona Chip-->
<!--TODO add hex values to the colors file when they get added to the toolkit-->
<item name="fluentuiPersonaChipBackgroundNormalColor">@color/fluentui_gray_50</item>
<item name="fluentuiPersonaChipBackgroundActiveColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiPersonaChipBackgroundErrorColor">#FFF3F4</item>
<item name="fluentuiPersonaChipBackgroundErrorActiveColor">#E8484C</item>
<item name="fluentuiPersonaChipBackgroundPressedColor">#0D000000</item>
<item name="fluentuiPersonaChipTextNormalColor">@color/fluentui_gray_900</item>
<item name="fluentuiPersonaChipForegroundActiveColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiPersonaChipTextErrorColor">#E63237</item>
<item name="fluentuiPersonaChipTextDisabledColor">@color/fluentui_gray_400</item>
<!--PopupMenu-->
<item name="fluentuiPopupMenuBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiPopupMenuBackgroundPressedColor">?attr/fluentuiBackgroundPressedColor</item>
<item name="fluentuiPopupMenuItemTitleColor">?attr/fluentuiForegroundColor</item>
<item name="fluentuiPopupMenuItemForegroundSelectedColor">?attr/fluentuiForegroundSelectedColor</item>
<item name="fluentuiPopupMenuItemCheckBackgroundRippleColor">@color/fluentui_gray_300</item>
<!--Progress-->
<item name="fluentuiProgressPrimaryColor">?attr/colorPrimary</item>
<item name="fluentuiProgressBackgroundColor">@color/fluentui_gray_100</item>
<!--Searchbar-->
<item name="fluentuiSearchbarBackgroundColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiSearchbarSearchViewContainerBackgroundColor">?attr/fluentuiBackgroundSecondary20Color</item>
<item name="fluentuiSearchbarBackButtonColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiSearchbarSearchIconColor">?attr/fluentuiForegroundOnPrimary80Color</item>
<item name="fluentuiSearchbarSearchViewTextColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiSearchbarSearchViewTextHintColor">?attr/fluentuiForegroundOnPrimary80Color</item>
<item name="fluentuiSearchbarSearchViewCursorColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiSearchbarProgressColor">?attr/fluentuiForegroundOnPrimary70Color</item>
<item name="fluentuiSearchbarCloseIconColor">?attr/fluentuiForegroundOnPrimary70Color</item>
<!--Snackbar-->
<item name="fluentuiSnackbarBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiSnackbarBackgroundAnnouncementColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiSnackbarTextColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<item name="fluentuiSnackbarActionTextColor">?attr/fluentuiColorPrimaryLight</item>
<item name="fluentuiSnackbarActionTextAnnouncementColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<!--TabLayout Dialog-->
<item name="fluentuiDialogTabTextColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiDialogTabSelectedTextColor">?attr/fluentuiForegroundSelectedColor</item>
<item name="fluentuiDialogTabIndicatorColor">?attr/fluentuiForegroundSelectedColor</item>
<!--TabLayout-->
<item name="fluentuiTabSelectedTextColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiTabUnselectedTextColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiTabLayoutContainerBackgroundColor">?attr/fluentuiBackgroundPrimaryColor</item>
<item name="fluentuiTabLayoutBackgroundColor">@color/fluentui_communication_shade_10</item>
<item name="fluentuiTabSelectedBackgroundColor">?attr/fluentuiBackgroundColor</item>
<item name="fluentuiTabUnselectedBackgroundColor">?attr/fluentuiTabLayoutBackgroundColor</item>
<item name="fluentuiTabTextAppearance">@style/TextAppearance.FluentUI.Tab</item>
<!--Toolbar-->
<item name="fluentuiToolbarBackgroundColor">?attr/colorPrimary</item>
<item name="fluentuiToolbarTitleTextColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiToolbarSubtitleTextColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<item name="fluentuiToolbarIconColor">?attr/fluentuiForegroundOnPrimaryColor</item>
<!--Tooltip-->
<item name="fluentuiTooltipBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiTooltipTextColor">?attr/fluentuiForegroundOnSecondaryColor</item>
<!--BottomSheet-->
<item name="fluentuiPersistentBottomSheetHeadingColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiPersistentBottomSheetItemColor">?attr/fluentuiForegroundSecondaryColor</item>
<item name="fluentuiPersistentBottomSheetHorizontalItemColor">?attr/fluentuiForegroundColor</item>
</style>
<!--
All light theme semantic colors should be defined in the base theme as the default.
Dark theme specific semantic colors should be defined in "themes.xml (night)".
-->
<style name="Theme.FluentUI" parent="Theme.FluentUI.Container"/>
</resources>

2
fluentui_calendar/src/main/res/values-night/themes.xml
Просмотреть файл

@ -9,7 +9,7 @@
All dark theme specific semantic colors should be defined here.
Light theme semantic colors should be defined in themes.xml as the default.
-->
<style name="Theme.FluentUI.Calendar" parent="Base.Theme.FluentUI">
<style name="Theme.FluentUI.Calendar" parent="Theme.FluentUI.Calendar.Base">
<!--CalendarView-->
<item name="fluentuiCalendarBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>
<item name="fluentuiCalendarWeekHeadingBackgroundColor">?attr/fluentuiBackgroundSecondaryColor</item>

4
fluentui_calendar/src/main/res/values/themes.xml
Просмотреть файл

@ -10,7 +10,7 @@
All semantic colors should be defined here in their light theme state as the default.
If they have a different semantic color for dark theme, define that color in "themes.xml (night)" as well.
-->
<style name="Theme.FluentUI.Calendar" parent="Base.Theme.FluentUI">
<style name="Theme.FluentUI.Calendar.Base" parent="Base.Theme.FluentUI">
<!--CalendarView-->
<item name="fluentuiCalendarBackgroundColor">?attr/fluentuiBackgroundColor</item>
@ -53,4 +53,6 @@
</style>
<style name="Theme.FluentUI.Calendar" parent="Theme.FluentUI.Calendar.Base"/>
</resources>