feat: 区分浅色和深色主题,添加 values-night/colors.xml 深色模式配色
This commit is contained in:
59
flomo-ai/app/src/main/res/values-night/colors.xml
Normal file
59
flomo-ai/app/src/main/res/values-night/colors.xml
Normal file
@@ -0,0 +1,59 @@
|
|||||||
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
|
<resources>
|
||||||
|
<!-- 核心色值 - 深色模式 -->
|
||||||
|
<color name="primary">#2DD4A8</color>
|
||||||
|
<color name="primary_variant">#1A1D27</color>
|
||||||
|
<color name="secondary">#2DD4A8</color>
|
||||||
|
<color name="secondary_variant">#1A1D27</color>
|
||||||
|
|
||||||
|
<!-- 背景色 - 深色 -->
|
||||||
|
<color name="background">#0F1117</color>
|
||||||
|
<color name="surface">#1A1D27</color>
|
||||||
|
<color name="surface_elevated">#232733</color>
|
||||||
|
|
||||||
|
<!-- 主强调色 -->
|
||||||
|
<color name="primary_light">#1A2DD4A8</color>
|
||||||
|
|
||||||
|
<!-- 文字层级 - 深色 -->
|
||||||
|
<color name="text_primary">#F0F2F5</color>
|
||||||
|
<color name="text_secondary">#C8CDD5</color>
|
||||||
|
<color name="text_hint">#6B7280</color>
|
||||||
|
<color name="text_placeholder">#4B5260</color>
|
||||||
|
|
||||||
|
<!-- 四个操作按钮颜色 - 深色模式 -->
|
||||||
|
<color name="btn_typos_bg">#0E38BDF8</color>
|
||||||
|
<color name="btn_typos_icon">#38BDF8</color>
|
||||||
|
<color name="btn_typos_border">#4D38BDF8</color>
|
||||||
|
|
||||||
|
<color name="btn_summarize_bg">#0E2DD4A8</color>
|
||||||
|
<color name="btn_summarize_icon">#2DD4A8</color>
|
||||||
|
<color name="btn_summarize_border">#4D2DD4A8</color>
|
||||||
|
|
||||||
|
<color name="btn_translate_bg">#0EFBBF24</color>
|
||||||
|
<color name="btn_translate_icon">#FBBF24</color>
|
||||||
|
<color name="btn_translate_border">#4DFBBF24</color>
|
||||||
|
|
||||||
|
<color name="btn_polish_bg">#0EF472B6</color>
|
||||||
|
<color name="btn_polish_icon">#F472B6</color>
|
||||||
|
<color name="btn_polish_border">#4DF472B6</color>
|
||||||
|
|
||||||
|
<!-- 功能色 -->
|
||||||
|
<color name="stop_generate">#F59E0B</color>
|
||||||
|
<color name="stop_generate_bg">#14F59E0B</color>
|
||||||
|
<color name="config_button_border">#402DD4A8</color>
|
||||||
|
<color name="divider">#0FFFFFFF</color>
|
||||||
|
<color name="card_border">#14FFFFFF</color>
|
||||||
|
|
||||||
|
<color name="icon_container_bg">#0AFFFFFF</color>
|
||||||
|
|
||||||
|
<!-- 边框色 -->
|
||||||
|
<color name="border_default">#14FFFFFF</color>
|
||||||
|
<color name="border_focused">#4D2DD4A8</color>
|
||||||
|
<color name="border_glow">#0F2DD4A8</color>
|
||||||
|
|
||||||
|
<color name="black">#FF000000</color>
|
||||||
|
<color name="white">#FFFFFFFF</color>
|
||||||
|
<color name="success">#4CAF50</color>
|
||||||
|
<color name="warning">#FF9800</color>
|
||||||
|
<color name="error">#F44336</color>
|
||||||
|
</resources>
|
||||||
@@ -1,65 +1,59 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<resources>
|
<resources>
|
||||||
<!-- 核心色值 -->
|
<!-- 核心色值 - 浅色模式 -->
|
||||||
<color name="primary">#2DD4A8</color>
|
<color name="primary">#0EA57A</color>
|
||||||
<color name="primary_variant">#1A1D27</color>
|
<color name="primary_variant">#F0F4F8</color>
|
||||||
<color name="secondary">#2DD4A8</color>
|
<color name="secondary">#0EA57A</color>
|
||||||
<color name="secondary_variant">#1A1D27</color>
|
<color name="secondary_variant">#F0F4F8</color>
|
||||||
|
|
||||||
<!-- 背景色 -->
|
<!-- 背景色 - 浅色 -->
|
||||||
<color name="background">#0F1117</color>
|
<color name="background">#F5F7FA</color>
|
||||||
<color name="surface">#1A1D27</color>
|
<color name="surface">#FFFFFF</color>
|
||||||
<color name="surface_elevated">#232733</color>
|
<color name="surface_elevated">#FFFFFF</color>
|
||||||
|
|
||||||
<!-- 主强调色 -->
|
<!-- 主强调色 -->
|
||||||
<color name="primary_light">#1A2DD4A8</color>
|
<color name="primary_light">#1A0EA57A</color>
|
||||||
|
|
||||||
<!-- 文字层级 -->
|
<!-- 文字层级 - 浅色 -->
|
||||||
<color name="text_primary">#F0F2F5</color>
|
<color name="text_primary">#1A1D27</color>
|
||||||
<color name="text_secondary">#C8CDD5</color>
|
<color name="text_secondary">#4B5260</color>
|
||||||
<color name="text_hint">#6B7280</color>
|
<color name="text_hint">#9CA3AF</color>
|
||||||
<color name="text_placeholder">#4B5260</color>
|
<color name="text_placeholder">#D1D5DB</color>
|
||||||
|
|
||||||
<!-- 四个操作按钮颜色 -->
|
<!-- 四个操作按钮颜色 - 浅色模式 -->
|
||||||
<!-- 检查错别字 -->
|
<color name="btn_typos_bg">#E0F2FE</color>
|
||||||
<color name="btn_typos_bg">#0E38BDF8</color>
|
<color name="btn_typos_icon">#0284C7</color>
|
||||||
<color name="btn_typos_icon">#38BDF8</color>
|
<color name="btn_typos_border">#BAE6FD</color>
|
||||||
<color name="btn_typos_border">#4D38BDF8</color>
|
|
||||||
|
|
||||||
<!-- 总结 -->
|
<color name="btn_summarize_bg">#ECFDF5</color>
|
||||||
<color name="btn_summarize_bg">#0E2DD4A8</color>
|
<color name="btn_summarize_icon">#059669</color>
|
||||||
<color name="btn_summarize_icon">#2DD4A8</color>
|
<color name="btn_summarize_border">#A7F3D0</color>
|
||||||
<color name="btn_summarize_border">#4D2DD4A8</color>
|
|
||||||
|
|
||||||
<!-- 翻译 -->
|
<color name="btn_translate_bg">#FFFBEB</color>
|
||||||
<color name="btn_translate_bg">#0EFBBF24</color>
|
<color name="btn_translate_icon">#D97706</color>
|
||||||
<color name="btn_translate_icon">#FBBF24</color>
|
<color name="btn_translate_border">#FDE68A</color>
|
||||||
<color name="btn_translate_border">#4DFBBF24</color>
|
|
||||||
|
|
||||||
<!-- 润色 -->
|
<color name="btn_polish_bg">#FDF2F8</color>
|
||||||
<color name="btn_polish_bg">#0EF472B6</color>
|
<color name="btn_polish_icon">#DB2777</color>
|
||||||
<color name="btn_polish_icon">#F472B6</color>
|
<color name="btn_polish_border">#FBCFE8</color>
|
||||||
<color name="btn_polish_border">#4DF472B6</color>
|
|
||||||
|
|
||||||
<!-- 功能色 -->
|
<!-- 功能色 -->
|
||||||
<color name="stop_generate">#F59E0B</color>
|
<color name="stop_generate">#D97706</color>
|
||||||
<color name="stop_generate_bg">#14F59E0B</color>
|
<color name="stop_generate_bg">#FEF3C7</color>
|
||||||
<color name="config_button_border">#402DD4A8</color>
|
<color name="config_button_border">#4D0EA57A</color>
|
||||||
<color name="divider">#0FFFFFFF</color>
|
<color name="divider">#1A000000</color>
|
||||||
<color name="card_border">#14FFFFFF</color>
|
<color name="card_border">#1A000000</color>
|
||||||
|
|
||||||
<!-- 图标容器 -->
|
<color name="icon_container_bg">#0A000000</color>
|
||||||
<color name="icon_container_bg">#0AFFFFFF</color>
|
|
||||||
|
|
||||||
<!-- 边框色 -->
|
<!-- 边框色 -->
|
||||||
<color name="border_default">#14FFFFFF</color>
|
<color name="border_default">#E5E7EB</color>
|
||||||
<color name="border_focused">#4D2DD4A8</color>
|
<color name="border_focused">#4D0EA57A</color>
|
||||||
<color name="border_glow">#0F2DD4A8</color>
|
<color name="border_glow">#0F0EA57A</color>
|
||||||
|
|
||||||
<!-- 其他 -->
|
|
||||||
<color name="black">#FF000000</color>
|
<color name="black">#FF000000</color>
|
||||||
<color name="white">#FFFFFFFF</color>
|
<color name="white">#FFFFFFFF</color>
|
||||||
<color name="success">#4CAF50</color>
|
<color name="success">#22C55E</color>
|
||||||
<color name="warning">#FF9800</color>
|
<color name="warning">#F59E0B</color>
|
||||||
<color name="error">#F44336</color>
|
<color name="error">#EF4444</color>
|
||||||
</resources>
|
</resources>
|
||||||
|
|||||||
@@ -1,8 +1,7 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<resources>
|
<resources>
|
||||||
<!-- 定义一个主题 -->
|
<style name="TransparentTheme" parent="Theme.AppCompat.DayNight.NoActionBar">
|
||||||
<style name="TransparentTheme" parent="Theme.AppCompat.Light.NoActionBar">
|
|
||||||
<item name="android:windowIsTranslucent">true</item>
|
<item name="android:windowIsTranslucent">true</item>
|
||||||
<item name="android:windowBackground">@android:color/transparent</item>
|
<item name="android:windowBackground">@android:color/transparent</item>
|
||||||
</style>
|
</style>
|
||||||
</resources>
|
</resources>
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
<?xml version="1.0" encoding="utf-8"?>
|
<?xml version="1.0" encoding="utf-8"?>
|
||||||
<resources>
|
<resources>
|
||||||
|
|
||||||
<style name="Theme.Flomoai" parent="android:Theme.Material.Light.NoActionBar" />
|
<style name="Theme.Flomoai" parent="Theme.AppCompat.DayNight.NoActionBar" />
|
||||||
</resources>
|
</resources>
|
||||||
|
|||||||
Reference in New Issue
Block a user