IntegrationDemos/MetaPluginAndroidDemo
10
0
Fork 0
Code

[MWA-5265] Meta Demo: Theming via xml

Browse Source 
{change theme colors}
This commit is contained in:
andre 2025-11-19 13:34:45 +01:00
parent ff088a0dc7
commit 0509132c0c
3 changed files with 22 additions and 88 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app/src/main/java/de/webidsolutions/metaplugindemo/scenes/MetaPluginDemoScene.kt
View File

@ -111,15 +111,11 @@ fun MetaPluginDemoScreen(
Row( Row(
verticalAlignment = Alignment.CenterVertically, verticalAlignment = Alignment.CenterVertically,
) { ) {
RadioButton( CheckboxWithLabel(
selected = useXmlTheming, checked = useXmlTheming,
onClick = { useXmlTheming = !useXmlTheming }, onCheckedChange = { useXmlTheming = it },
colors = RadioButtonDefaults.colors( label = "XML-Theming"
selectedColor = Color(0xFF05B1FB),
) )
)
Spacer(modifier = Modifier.width(4.dp))
Text(text = "XML-Theming")
} }
Spacer(modifier = Modifier.height(10.dp)) Spacer(modifier = Modifier.height(10.dp))

46
app/src/main/res/values-night/themes.xml
View File

@ -3,46 +3,18 @@
<style name="WebId.PluginTheme" parent="Theme.AppCompat.Light.NoActionBar"> <style name="WebId.PluginTheme" parent="Theme.AppCompat.Light.NoActionBar">
<item name="actionPrimary">#FF0000</item> <!-- Rot --> <item name="actionPrimary">#FFD32D1F</item> <!-- Deep Orange 400 -->
<item name="actionPrimaryPressed">#00FF00</item> <!-- Grün --> <item name="actionPrimaryPressed">#FF8A1E15</item> <!-- Deep Orange 600 -->
<item name="actionPrimaryHover">#0000FF</item> <!-- Blau --> <item name="actionPrimaryHover">#FFE57373</item> <!-- Deep Orange 300 -->
<item name="actionPrimaryInvert">#FFFF00</item> <!-- Gelb --> <item name="actionPrimaryInvert">#FFFFFFFF</item> <!-- White -->
<item name="actionDisabled">#FF00FF</item> <!-- Magenta --> <item name="actionDisabled">#FFBDBDBD</item> <!-- Grey 400 -->
<item name="brandPrimary">#FFD32D1F</item>
<item name="brandSecondary">#FF8A1E15</item>
<!-- ===== Background Colors ===== --> <!-- ===== Background Colors ===== -->
<item name="backgroundPrimary">#00FFFF</item> <!-- Cyan --> <item name="backgroundPrimary">#FFFFFFFF</item> <!-- Light Cyan (Cyan 50) -->
<item name="backgroundSecondary">#FFA500</item> <!-- Orange --> <item name="backgroundSecondary">#FFFFFF</item> <!-- White -->
<!-- ===== Text Colors ===== -->
<item name="textHeadline">#FFFFFF</item> <!-- Weiß -->
<item name="textSubtitle">#000000</item> <!-- Schwarz -->
<item name="textBodyPrimary">#808080</item> <!-- Grau -->
<item name="textBodySecondary">#800000</item> <!-- Dunkelrot -->
<!-- ===== Border Colors ===== -->
<item name="borderPrimary">#A52A2A</item> <!-- Brown -->
<item name="borderSecondary">#2F4F4F</item> <!-- DarkSlateGray -->
<!-- ===== Signal Colors ===== -->
<item name="signalDefault">#FFD700</item> <!-- Gold -->
<item name="signalPositive">#7CFC00</item> <!-- LawnGreen -->
<item name="signalPositiveText">#006400</item> <!-- DarkGreen -->
<item name="signalNegative">#8B0000</item> <!-- DarkRed -->
<item name="signalNegativeText">#FF4500</item> <!-- OrangeRed -->
<item name="signalWarning">#FF8C00</item> <!-- DarkOrange -->
<item name="signalWarningText">#B8860B</item> <!-- DarkGoldenRod -->
<item name="signalInvert">#F5FFFA</item> <!-- MintCream -->
<item name="headlineMediumFontSize">24sp</item>
<item name="headlineSmallFontSize">20sp</item>
<item name="subheadlineFontSize">18sp</item>
<item name="bodyXLargeFontSize">16sp</item>
<item name="bodyLargeFontSize">14sp</item>
<item name="bodyMediumFontSize">12sp</item>
<item name="bodySmallFontSize">10sp</item>
<item name="buttonFontSize">14sp</item>
<item name="buttonSmallFontSize">12sp</item>
<item name="captionFontSize">10sp</item>
</style> </style>
</resources> </resources>

52
app/src/main/res/values/themes.xml
View File

@ -3,51 +3,17 @@
<style name="WebId.PluginTheme" parent="Theme.AppCompat.Light.NoActionBar"> <style name="WebId.PluginTheme" parent="Theme.AppCompat.Light.NoActionBar">
<!-- ===== Action Colors ===== --> <item name="actionPrimary">#FFD32D1F</item> <!-- Deep Orange 400 -->
<item name="actionPrimary">#FF0000</item> <!-- Rot --> <item name="actionPrimaryPressed">#FF8A1E15</item> <!-- Deep Orange 600 -->
<item name="actionPrimaryPressed">#00FF00</item> <!-- Grün --> <item name="actionPrimaryHover">#FFE57373</item> <!-- Deep Orange 300 -->
<item name="actionPrimaryHover">#0000FF</item> <!-- Blau --> <item name="actionPrimaryInvert">#FFFFFFFF</item> <!-- White -->
<item name="actionPrimaryInvert">#FFFF00</item> <!-- Gelb --> <item name="actionDisabled">#FFBDBDBD</item> <!-- Grey 400 -->
<item name="actionDisabled">#FF00FF</item> <!-- Magenta -->
<item name="brandPrimary">#FFD32D1F</item>
<item name="brandSecondary">#FF8A1E15</item>
<!-- ===== Background Colors ===== --> <!-- ===== Background Colors ===== -->
<item name="backgroundPrimary">#00FFFF</item> <!-- Cyan --> <item name="backgroundPrimary">#FFFFFFFF</item> <!-- Light Cyan (Cyan 50) -->
<item name="backgroundSecondary">#FFA500</item> <!-- Orange --> <item name="backgroundSecondary">#FFFFFF</item> <!-- White -->
<!-- ===== Text Colors ===== -->
<item name="textHeadline">#FFFFFF</item> <!-- Weiß -->
<item name="textSubtitle">#000000</item> <!-- Schwarz -->
<item name="textBodyPrimary">#808080</item> <!-- Grau -->
<item name="textBodySecondary">#800000</item> <!-- Dunkelrot -->
<!-- ===== Border Colors ===== -->
<item name="borderPrimary">#A52A2A</item> <!-- Brown -->
<item name="borderSecondary">#2F4F4F</item> <!-- DarkSlateGray -->
<!-- ===== Signal Colors ===== -->
<item name="signalDefault">#FFD700</item> <!-- Gold -->
<item name="signalPositive">#7CFC00</item> <!-- LawnGreen -->
<item name="signalPositiveText">#006400</item> <!-- DarkGreen -->
<item name="signalNegative">#8B0000</item> <!-- DarkRed -->
<item name="signalNegativeText">#FF4500</item> <!-- OrangeRed -->
<item name="signalWarning">#FF8C00</item> <!-- DarkOrange -->
<item name="signalWarningText">#B8860B</item> <!-- DarkGoldenRod -->
<item name="signalInvert">#F5FFFA</item> <!-- MintCream -->
<item name="headlineMediumFontSize">24sp</item>
<item name="headlineSmallFontSize">20sp</item>
<item name="subheadlineFontSize">18sp</item>
<item name="bodyXLargeFontSize">16sp</item>
<item name="bodyLargeFontSize">14sp</item>
<item name="bodyMediumFontSize">12sp</item>
<item name="bodySmallFontSize">10sp</item>
<item name="buttonFontSize">14sp</item>
<item name="buttonSmallFontSize">12sp</item>
<item name="captionFontSize">10sp</item>
<item name="FontFamily">casual</item>
<item name="headlineFontFamily">casual</item>
<item name="fontFamily">casual</item>
</style> </style>
</resources> </resources>