Add Spinner for URL selection and adjust layout

- Change Logo And aligned the logo with LobeHub SVG for better visual consistency.
- Adjusted the input field style to match the LobeChat design guidelines.
- Ensured proper padding, margins, and constraints for responsiveness across different screen sizes.
This commit is contained in:
moreoronce 2024-10-06 20:57:31 +08:00
parent 5f63e48590
commit aba43616da
7 changed files with 761 additions and 40 deletions

View file

@ -1,10 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/black"/> <!-- 按钮的背景颜色,可以更改为你喜欢的颜色 -->
<corners android:radius="12dp"/> <!-- 设置圆角半径12dp 可以根据需要进行调整 -->
<solid android:color="@color/gray_dark_2"/> <!-- 按钮的背景颜色,可以更改为你喜欢的颜色 -->
<corners android:radius="10dp"/> <!-- 设置圆角半径12dp 可以根据需要进行调整 -->
<stroke
android:width="1dp"
android:color="@color/grey_light"/> <!-- 按钮的边框颜色,可以修改 -->
android:color="@android:color/transparent"/> <!-- 按钮的边框颜色,可以修改 -->
<padding
android:left="12dp"
android:top="8dp"

View file

@ -0,0 +1,13 @@
<vector xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:width="940dp"
android:height="320dp"
android:viewportWidth="940"
android:viewportHeight="340"
tools:ignore="VectorRaster">
<path
android:fillColor="#FF000000"
android:pathData="m8,326.04l0,-152.86l39.24,0l0,118.58l66.19,0l0,34.28l-105.43,0zM176.73,328c-11.76,0 -22.2,-2.62 -31.31,-7.86c-9.12,-5.24 -16.32,-12.45 -21.6,-21.62c-5.15,-9.32 -7.73,-19.94 -7.73,-31.88c0,-11.94 2.58,-22.49 7.73,-31.66c5.16,-8.96 12.16,-15.98 20.98,-21.05l0.62,-0.35c9.12,-5.24 19.55,-7.86 31.31,-7.86s22.2,2.62 31.31,7.86c9.25,5.1 16.45,12.23 21.6,21.4c5.15,9.17 7.73,19.73 7.73,31.66c0,11.94 -2.58,22.57 -7.73,31.88c-5.15,9.17 -12.35,16.38 -21.6,21.62c-9.12,5.24 -19.55,7.86 -31.31,7.86zM176.73,295.02c4.36,0 8.19,-1.09 11.49,-3.28c3.44,-2.18 6.14,-5.39 8.13,-9.61c1.98,-4.37 2.97,-9.54 2.97,-15.51c0,-5.97 -0.99,-10.99 -2.97,-15.07c-1.91,-4.06 -4.48,-7.18 -7.73,-9.35l-0.39,-0.26c-3.3,-2.18 -7.13,-3.28 -11.49,-3.28c-4.23,0 -8.06,1.09 -11.49,3.28c-3.3,2.18 -6.01,5.39 -8.13,9.61c-1.98,4.08 -2.97,9.1 -2.97,15.07c0,5.97 0.99,11.14 2.97,15.51c2.11,4.22 4.82,7.43 8.13,9.61c3.44,2.18 7.27,3.28 11.49,3.28zM288.51,164l-0,54.04a34.07,34.07 0,0 1,6.54 -5.78c6.47,-4.37 14.27,-6.55 23.39,-6.55c9.78,0 18.63,2.47 26.56,7.42c7.87,4.84 14.1,11.68 18.7,20.55l0.32,0.64c4.76,9.03 7.14,19.8 7.14,32.32c0,12.67 -2.38,23.58 -7.14,32.76c-4.62,9.03 -10.97,16.09 -19.02,21.18c-7.93,4.95 -16.78,7.43 -26.56,7.43c-9.64,0 -17.7,-2.18 -24.18,-6.55c-2.83,-1.95 -5.34,-4.36 -7.53,-7.23l0,11.81l-35.87,0l0,-162.04l37.65,0zM310.51,238.68c-4.23,0 -8.06,1.09 -11.49,3.28c-3.3,2.18 -6.01,5.39 -8.13,9.61c-1.98,4.08 -2.97,9.1 -2.97,15.07c0,5.97 0.99,11.14 2.97,15.51c2.11,4.22 4.82,7.43 8.13,9.61c3.43,2.18 7.27,3.28 11.49,3.28s7.99,-1.09 11.3,-3.28c3.43,-2.18 6.14,-5.39 8.13,-9.61c2.11,-4.37 3.17,-9.54 3.17,-15.51c0,-5.97 -1.06,-10.99 -3.17,-15.07c-1.91,-4.06 -4.48,-7.18 -7.73,-9.35l-0.39,-0.26c-3.3,-2.18 -7.07,-3.28 -11.3,-3.28zM415.84,277.34l0.08,0.34a27.86,27.86 0,0 0,2.06 5.56c2.25,4.22 5.42,7.5 9.51,9.83c4.1,2.18 8.98,3.28 14.66,3.28c5.28,0 9.78,-0.8 13.48,-2.4c3.58,-1.63 7.1,-4.03 10.56,-7.18l0.73,-0.68l19.82,22.71c-5.15,6.26 -11.49,11.06 -19.02,14.41c-7.53,3.2 -16.45,4.8 -26.75,4.8c-12.68,0 -23.78,-2.62 -33.29,-7.86c-9.38,-5.39 -16.71,-12.66 -22,-21.84c-5.15,-9.32 -7.73,-19.87 -7.73,-31.67c0,-11.79 2.51,-22.27 7.53,-31.45c5.04,-9.1 11.9,-16.19 20.6,-21.27l0.61,-0.35c8.98,-5.24 19.09,-7.86 30.32,-7.86c10.31,0 19.74,2.29 28.29,6.86l0.64,0.35c8.72,4.66 15.66,11.57 20.81,20.75c5.15,9.17 7.73,20.31 7.73,33.41c0,1.29 -0.05,2.76 -0.16,4.4l-0.04,0.62l-0.17,2.35c-0.08,1.01 -0.15,1.97 -0.23,2.89l-78.04,0zM437.21,235.19c-4.49,0 -8.46,1.09 -11.89,3.28c-3.3,2.18 -5.88,5.31 -7.73,9.39a26.04,26.04 0,0 0,-1.12 2.79a30.16,30.16 0,0 0,-1.12 4.5l-0.06,0.35l43.96,0l-0.01,-0.11c-0.4,-2.64 -1.12,-5.05 -2.16,-7.25l-0.25,-0.5c-1.78,-3.77 -4.28,-6.74 -7.52,-8.91l-0.41,-0.27c-3.3,-2.18 -7.2,-3.28 -11.69,-3.28zM548.9,173.17l-0,57.43l53.51,0l0,-57.43l39.24,0l0,152.86l-39.24,0l0,-59.62l-53.51,0l0,59.62l-39.24,0l0,-152.86l39.24,0zM708.77,328c-8.72,0 -16.58,-1.89 -23.58,-5.68c-6.87,-3.79 -12.29,-9.68 -16.25,-17.69c-3.83,-8.15 -5.75,-18.42 -5.75,-30.79l0,-66.17l37.65,0l0,59.4c0,9.17 1.52,15.72 4.56,19.65c3.17,3.93 7.6,5.9 13.28,5.9c3.7,0 7.07,-0.95 10.11,-2.84c3.04,-1.89 5.48,-4.88 7.33,-8.95c1.85,-4.22 2.78,-9.61 2.78,-16.16l0,-57l37.65,0l0,118.36l-35.87,0l0,-12.38c-2.64,3.2 -5.68,5.87 -9.12,8.01c-7,4.22 -14.6,6.33 -22.79,6.33zM834.49,164l-0,54.04a34.1,34.1 0,0 1,6.54 -5.78c6.47,-4.37 14.27,-6.55 23.39,-6.55c9.78,0 18.63,2.47 26.56,7.42c7.87,4.84 14.11,11.68 18.7,20.55l0.32,0.64c4.76,9.03 7.13,19.8 7.13,32.32c0,12.67 -2.38,23.58 -7.13,32.76c-4.62,9.03 -10.97,16.09 -19.03,21.18c-7.93,4.95 -16.78,7.43 -26.56,7.43c-9.65,0 -17.7,-2.18 -24.18,-6.55c-2.83,-1.95 -5.34,-4.35 -7.53,-7.22l0,11.81l-35.87,0l0,-162.04l37.65,0zM856.49,238.68c-4.23,0 -8.06,1.09 -11.49,3.28c-3.3,2.18 -6.01,5.39 -8.13,9.61c-1.98,4.08 -2.97,9.1 -2.97,15.07c0,5.97 0.99,11.14 2.97,15.51c2.11,4.22 4.82,7.43 8.13,9.61c3.44,2.18 7.27,3.28 11.49,3.28c4.23,0 7.99,-1.09 11.3,-3.28c3.43,-2.18 6.14,-5.39 8.13,-9.61c2.11,-4.37 3.17,-9.54 3.17,-15.51c0,-5.97 -1.06,-10.99 -3.17,-15.07c-1.91,-4.06 -4.48,-7.18 -7.73,-9.35l-0.39,-0.26c-3.3,-2.18 -7.07,-3.28 -11.3,-3.28z"
android:fillType="evenOdd"
tools:ignore="VectorPath" />
</vector>

Binary file not shown.

After

Width:  |  Height:  |  Size: 23 KiB

View file

@ -1,6 +1,8 @@
<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android">
<solid android:color="@color/grey_light"/>
<corners android:radius="12dp"/>
<stroke android:width="1dp" android:color="@color/black"/>
<solid android:color="#FFFFFF"/> <!-- 输入框背景颜色 -->
<corners android:radius="8dp"/> <!-- 圆角半径 -->
<stroke
android:width="1dp"
android:color="#CCCCCC"/> <!-- 边框颜色 -->
</shape>

View file

@ -1,4 +1,3 @@
<?xml version="1.0" encoding="utf-8"?>
<FrameLayout
xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
@ -13,55 +12,80 @@
android:layout_width="match_parent"
android:layout_height="match_parent">
<!-- Logo 图片 -->
<ImageView
android:id="@+id/appLogo"
android:layout_width="200dp"
android:layout_height="200dp"
android:layout_marginTop="32dp"
android:contentDescription="App Logo"
android:src="@drawable/ic_logo"
app:layout_constraintEnd_toEndOf="parent"
android:id="@+id/logo_3d"
android:layout_width="80dp"
android:layout_height="80dp"
android:layout_marginTop="84dp"
android:layout_marginEnd="8dp"
android:contentDescription="@string/logo_3d_description"
android:src="@drawable/logo_3d"
app:layout_constraintEnd_toStartOf="@+id/appLogo"
app:layout_constraintHorizontal_chainStyle="packed"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toTopOf="parent" />
<!-- 输入框,用于输入 URL -->
<ImageView
android:id="@+id/appLogo"
android:layout_width="200dp"
android:layout_height="100dp"
android:contentDescription="@string/logo_3d_description"
android:src="@drawable/logo"
app:layout_constraintBottom_toBottomOf="@+id/logo_3d"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toEndOf="@id/logo_3d" />
<EditText
android:id="@+id/urlInput"
android:layout_width="0dp"
android:layout_height="wrap_content"
android:layout_margin="16dp"
android:layout_marginTop="16dp"
android:autofillHints="url"
android:background="@drawable/search_box_background"
android:hint="Enter your server URL"
android:hint="@string/enter_your_server_url"
android:inputType="textUri"
android:padding="12dp"
android:textColor="@android:color/black"
android:textColorHint="@color/black"
android:textColor="@color/cyan_dark_0"
android:textColorHint="@color/gray_dark_8"
android:textSize="14sp"
android:lineSpacingExtra="1.571dp"
android:paddingTop="6dp"
android:paddingBottom="6dp"
android:paddingLeft="15dp"
android:paddingRight="15dp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/appLogo" />
<!-- 提交按钮,用于加载用户输入的 URL -->
<!-- 提交按钮 -->
<Button
android:id="@+id/loadUrlButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="提交"
app:layout_constraintTop_toBottomOf="@id/urlInput"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintEnd_toEndOf="parent"
android:layout_marginTop="16dp"
android:textColor="#fff"
android:background="@drawable/button_rounded_background"/>
android:background="@drawable/button_rounded_background"
android:gravity="center"
android:lineSpacingExtra="1.57dp"
android:paddingLeft="15dp"
android:paddingTop="6dp"
android:paddingRight="15dp"
android:paddingBottom="6dp"
android:text="@string/send"
android:textAllCaps="false"
android:textColor="@android:color/white"
android:textSize="14sp"
app:layout_constraintEnd_toEndOf="parent"
app:layout_constraintStart_toStartOf="parent"
app:layout_constraintTop_toBottomOf="@id/urlInput" />
</androidx.constraintlayout.widget.ConstraintLayout>
<!-- WebView 控件,用于显示加载的网页 -->
<!-- WebView 控件 -->
<WebView
android:id="@+id/webView"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:visibility="gone"/> <!-- 默认隐藏 WebView直到用户点击提交按钮 -->
android:visibility="gone"/>
</FrameLayout>

View file

@ -1,13 +1,692 @@
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="purple_200">#FFBB86FC</color>
<color name="purple_500">#FF6200EE</color>
<color name="purple_700">#FF3700B3</color>
<color name="teal_200">#FF03DAC5</color>
<color name="teal_700">#FF018786</color>
<color name="black">#0D0D0D</color>
<color name="white">#FFFFFFFF</color>
<color name="grey">#F4F4F4</color>
<color name="grey_light">#f8f8f8</color>
<color name="border">#9b9b9b</color>
</resources>
<!-- Blue Colors -->
<color name="blue_dark_0">#000506</color>
<color name="blue_dark_1">#002126</color>
<color name="blue_dark_2">#00363f</color>
<color name="blue_dark_3">#004e59</color>
<color name="blue_dark_4">#006675</color>
<color name="blue_dark_5">#008093</color>
<color name="blue_dark_6">#159ab0</color>
<color name="blue_dark_7">#47b3ca</color>
<color name="blue_dark_8">#6acde4</color>
<color name="blue_dark_9">#8ae8ff</color>
<color name="blue_dark_10">#b8f0ff</color>
<color name="blue_dark_11">#def7ff</color>
<color name="blue_dark_12">#ffffff</color>
<color name="blue_darkA_0">rgba(0, 167, 200, 0.03)</color>
<color name="blue_darkA_1">rgba(0, 220, 253, 0.15)</color>
<color name="blue_darkA_2">rgba(0, 216, 252, 0.25)</color>
<color name="blue_darkA_3">rgba(0, 223, 254, 0.35)</color>
<color name="blue_darkA_4">rgba(0, 222, 254, 0.46)</color>
<color name="blue_darkA_5">rgba(0, 221, 253, 0.58)</color>
<color name="blue_darkA_6">rgba(30, 223, 255, 0.69)</color>
<color name="blue_darkA_7">rgba(89, 224, 252, 0.8)</color>
<color name="blue_darkA_8">rgba(118, 228, 253, 0.9)</color>
<color name="blue_darkA_9">#8ae8ff</color>
<color name="blue_darkA_10">#b8f0ff</color>
<color name="blue_darkA_11">#def7ff</color>
<color name="blue_darkA_12">#ffffff</color>
<!-- Black and White Colors -->
<color name="bnw_dark_0">#000000</color>
<color name="bnw_dark_1">#111111</color>
<color name="bnw_dark_2">#333333</color>
<color name="bnw_dark_3">#555555</color>
<color name="bnw_dark_4">#666666</color>
<color name="bnw_dark_5">#888888</color>
<color name="bnw_dark_6">#aaaaaa</color>
<color name="bnw_dark_7">#cccccc</color>
<color name="bnw_dark_8">#dddddd</color>
<color name="bnw_dark_9">#eeeeee</color>
<color name="bnw_dark_10">#ffffff</color>
<color name="bnw_dark_11">#ffffff</color>
<color name="bnw_dark_12">#ffffff</color>
<color name="bnw_darkA_0">rgba(255, 255, 255, 0.02)</color>
<color name="bnw_darkA_1">rgba(255, 255, 255, 0.08)</color>
<color name="bnw_darkA_2">rgba(255, 255, 255, 0.16)</color>
<color name="bnw_darkA_3">rgba(255, 255, 255, 0.22)</color>
<color name="bnw_darkA_4">rgba(255, 255, 255, 0.36)</color>
<color name="bnw_darkA_5">rgba(255, 255, 255, 0.48)</color>
<color name="bnw_darkA_6">rgba(255, 255, 255, 0.6)</color>
<color name="bnw_darkA_7">rgba(255, 255, 255, 0.72)</color>
<color name="bnw_darkA_8">rgba(255, 255, 255, 0.84)</color>
<color name="bnw_darkA_9">rgba(255, 255, 255, 0.88)</color>
<color name="bnw_darkA_10">rgba(255, 255, 255, 0.92)</color>
<color name="bnw_darkA_11">rgba(255, 255, 255, 0.96)</color>
<color name="bnw_darkA_12">rgba(255, 255, 255, 0.98)</color>
<!-- Cyan Colors -->
<color name="cyan_dark_0">#000503</color>
<color name="cyan_dark_1">#00221c</color>
<color name="cyan_dark_2">#003930</color>
<color name="cyan_dark_3">#005245</color>
<color name="cyan_dark_4">#006c5b</color>
<color name="cyan_dark_5">#008772</color>
<color name="cyan_dark_6">#2fa28a</color>
<color name="cyan_dark_7">#55bca4</color>
<color name="cyan_dark_8">#75d7be</color>
<color name="cyan_dark_9">#95f3d9</color>
<color name="cyan_dark_10">#bdf7e4</color>
<color name="cyan_dark_11">#dffcf0</color>
<color name="cyan_dark_12">#ffffff</color>
<color name="cyan_darkA_0">rgba(0, 250, 150, 0.02)</color>
<color name="cyan_darkA_1">rgba(0, 243, 200, 0.14)</color>
<color name="cyan_darkA_2">rgba(0, 248, 209, 0.23)</color>
<color name="cyan_darkA_3">rgba(0, 248, 209, 0.33)</color>
<color name="cyan_darkA_4">rgba(0, 251, 212, 0.43)</color>
<color name="cyan_darkA_5">rgba(0, 255, 215, 0.53)</color>
<color name="cyan_darkA_6">rgba(73, 253, 216, 0.64)</color>
<color name="cyan_darkA_7">rgba(115, 254, 222, 0.74)</color>
<color name="cyan_darkA_8">rgba(138, 253, 224, 0.85)</color>
<color name="cyan_darkA_9">rgba(155, 253, 226, 0.96)</color>
<color name="cyan_darkA_10">rgba(195, 255, 235, 0.97)</color>
<color name="cyan_darkA_11">rgba(225, 255, 242, 0.99)</color>
<color name="cyan_darkA_12">#ffffff</color>
<!-- Geek Blue Colors -->
<color name="geekblue_dark_0">#000216</color>
<color name="geekblue_dark_1">#001343</color>
<color name="geekblue_dark_2">#00225c</color>
<color name="geekblue_dark_3">#003176</color>
<color name="geekblue_dark_4">#00418f</color>
<color name="geekblue_dark_5">#0052a8</color>
<color name="geekblue_dark_6">#0264c1</color>
<color name="geekblue_dark_7">#1877d5</color>
<color name="geekblue_dark_8">#288aea</color>
<color name="geekblue_dark_9">#369eff</color>
<color name="geekblue_dark_10">#88bffb</color>
<color name="geekblue_dark_11">#c5dffd</color>
<color name="geekblue_dark_12">#ffffff</color>
<color name="geekblue_darkA_0">rgba(0, 22, 244, 0.09)</color>
<color name="geekblue_darkA_1">rgba(0, 70, 248, 0.27)</color>
<color name="geekblue_darkA_2">rgba(0, 92, 249, 0.37)</color>
<color name="geekblue_darkA_3">rgba(0, 104, 251, 0.47)</color>
<color name="geekblue_darkA_4">rgba(0, 116, 255, 0.56)</color>
<color name="geekblue_darkA_5">rgba(0, 124, 255, 0.66)</color>
<color name="geekblue_darkA_6">rgba(3, 132, 254, 0.76)</color>
<color name="geekblue_darkA_7">rgba(29, 142, 254, 0.84)</color>
<color name="geekblue_darkA_8">rgba(43, 150, 254, 0.92)</color>
<color name="geekblue_darkA_9">#369eff</color>
<color name="geekblue_darkA_10">rgba(137, 193, 254, 0.99)</color>
<color name="geekblue_darkA_11">#c5dffd</color>
<color name="geekblue_darkA_12">#ffffff</color>
<!-- Gold Colors -->
<color name="gold_dark_0">#070300</color>
<color name="gold_dark_1">#271a00</color>
<color name="gold_dark_2">#3f2c00</color>
<color name="gold_dark_3">#593f00</color>
<color name="gold_dark_4">#745400</color>
<color name="gold_dark_5">#906a00</color>
<color name="gold_dark_6">#ac8100</color>
<color name="gold_dark_7">#c99811</color>
<color name="gold_dark_8">#e4b12f</color>
<color name="gold_dark_9">#ffcb47</color>
<color name="gold_dark_10">#ffdd90</color>
<color name="gold_dark_11">#ffeecd</color>
<color name="gold_dark_12">#ffffff</color>
<color name="gold_darkA_0">rgba(233, 100, 0, 0.03)</color>
<color name="gold_darkA_1">rgba(244, 163, 0, 0.16)</color>
<color name="gold_darkA_2">rgba(252, 176, 0, 0.25)</color>
<color name="gold_darkA_3">rgba(254, 180, 0, 0.35)</color>
<color name="gold_darkA_4">rgba(252, 183, 0, 0.46)</color>
<color name="gold_darkA_5">rgba(253, 186, 0, 0.57)</color>
<color name="gold_darkA_6">rgba(253, 190, 0, 0.68)</color>
<color name="gold_darkA_7">rgba(254, 192, 22, 0.79)</color>
<color name="gold_darkA_8">rgba(253, 197, 52, 0.9)</color>
<color name="gold_darkA_9">#ffcb47</color>
<color name="gold_darkA_10">#ffdd90</color>
<color name="gold_darkA_11">#ffeecd</color>
<color name="gold_darkA_12">#ffffff</color>
<!-- Gray Colors -->
<color name="gray_dark_0">#000000</color>
<color name="gray_dark_1">#111111</color>
<color name="gray_dark_2">#222222</color>
<color name="gray_dark_3">#2d2d2d</color>
<color name="gray_dark_4">#333333</color>
<color name="gray_dark_5">#444444</color>
<color name="gray_dark_6">#555555</color>
<color name="gray_dark_7">#666666</color>
<color name="gray_dark_8">#6f6f6f</color>
<color name="gray_dark_9">#777777</color>
<color name="gray_dark_10">#aaaaaa</color>
<color name="gray_dark_11">#dddddd</color>
<color name="gray_dark_12">#ffffff</color>
<color name="gray_darkA_0">rgba(255, 255, 255, 0.02)</color>
<color name="gray_darkA_1">rgba(255, 255, 255, 0.06)</color>
<color name="gray_darkA_2">rgba(255, 255, 255, 0.10)</color>
<color name="gray_darkA_3">rgba(255, 255, 255, 0.16)</color>
<color name="gray_darkA_4">rgba(255, 255, 255, 0.24)</color>
<color name="gray_darkA_5">rgba(255, 255, 255, 0.28)</color>
<color name="gray_darkA_6">rgba(255, 255, 255, 0.32)</color>
<color name="gray_darkA_7">rgba(255, 255, 255, 0.38)</color>
<color name="gray_darkA_8">rgba(255, 255, 255, 0.44)</color>
<color name="gray_darkA_9">rgba(255, 255, 255, 0.5)</color>
<color name="gray_darkA_10">rgba(255, 255, 255, 0.66)</color>
<color name="gray_darkA_11">rgba(255, 255, 255, 0.84)</color>
<color name="gray_darkA_12">#ffffff</color>
<!-- Green Colors -->
<color name="green_dark_0">#000503</color>
<color name="green_dark_1">#001d12</color>
<color name="green_dark_2">#002d1d</color>
<color name="green_dark_3">#003f28</color>
<color name="green_dark_4">#005232</color>
<color name="green_dark_5">#00653c</color>
<color name="green_dark_6">#007944</color>
<color name="green_dark_7">#1b8d4d</color>
<color name="green_dark_8">#3ba05a</color>
<color name="green_dark_9">#55b467</color>
<color name="green_dark_10">#96cd92</color>
<color name="green_dark_11">#cde6c3</color>
<color name="green_dark_12">#ffffff</color>
<color name="green_darkA_0">rgba(0, 250, 150, 0.02)</color>
<color name="green_darkA_1">rgba(0, 242, 150, 0.12)</color>
<color name="green_darkA_2">rgba(0, 250, 161, 0.18)</color>
<color name="green_darkA_3">rgba(0, 252, 160, 0.25)</color>
<color name="green_darkA_4">rgba(0, 248, 152, 0.33)</color>
<color name="green_darkA_5">rgba(0, 252, 150, 0.4)</color>
<color name="green_darkA_6">rgba(0, 252, 142, 0.48)</color>
<color name="green_darkA_7">rgba(48, 252, 137, 0.56)</color>
<color name="green_darkA_8">rgba(94, 254, 143, 0.63)</color>
<color name="green_darkA_9">rgba(120, 254, 145, 0.71)</color>
<color name="green_darkA_10">rgba(185, 253, 180, 0.81)</color>
<color name="green_darkA_11">rgba(225, 253, 214, 0.91)</color>
<color name="green_darkA_12">#ffffff</color>
<!-- Lime Colors -->
<color name="lime_dark_0">#020400</color>
<color name="lime_dark_1">#142100</color>
<color name="lime_dark_2">#253700</color>
<color name="lime_dark_3">#374f00</color>
<color name="lime_dark_4">#4b6800</color>
<color name="lime_dark_5">#608200</color>
<color name="lime_dark_6">#769d00</color>
<color name="lime_dark_7">#8fb81b</color>
<color name="lime_dark_8">#a9d42f</color>
<color name="lime_dark_9">#c4f042</color>
<color name="lime_dark_10">#daf685</color>
<color name="lime_dark_11">#eefbbe</color>
<color name="lime_dark_12">#ffffff</color>
<color name="lime_darkA_0">rgba(100, 200, 0, 0.02)</color>
<color name="lime_darkA_1">rgba(154, 254, 0, 0.13)</color>
<color name="lime_darkA_2">rgba(168, 250, 0, 0.22)</color>
<color name="lime_darkA_3">rgba(177, 255, 0, 0.31)</color>
<color name="lime_darkA_4">rgba(183, 254, 0, 0.41)</color>
<color name="lime_darkA_5">rgba(188, 255, 0, 0.51)</color>
<color name="lime_darkA_6">rgba(190, 253, 0, 0.62)</color>
<color name="lime_darkA_7">rgba(196, 252, 37, 0.73)</color>
<color name="lime_darkA_8">rgba(204, 255, 57, 0.83)</color>
<color name="lime_darkA_9">rgba(209, 255, 70, 0.94)</color>
<color name="lime_darkA_10">rgba(225, 254, 137, 0.97)</color>
<color name="lime_darkA_11">rgba(240, 254, 192, 0.99)</color>
<color name="lime_darkA_12">#ffffff</color>
<!-- Magenta Colors -->
<color name="magenta_dark_0">#100002</color>
<color name="magenta_dark_1">#350011</color>
<color name="magenta_dark_2">#4b001e</color>
<color name="magenta_dark_3">#63002d</color>
<color name="magenta_dark_4">#79093f</color>
<color name="magenta_dark_5">#8e1752</color>
<color name="magenta_dark_6">#a32466</color>
<color name="magenta_dark_7">#b8317b</color>
<color name="magenta_dark_8">#ce3e91</color>
<color name="magenta_dark_9">#e34ba9</color>
<color name="magenta_dark_10">#f38bcb</color>
<color name="magenta_dark_11">#fec5e8</color>
<color name="magenta_dark_12">#ffffff</color>
<color name="magenta_darkA_0">rgba(229, 0, 29, 0.07)</color>
<color name="magenta_darkA_1">rgba(252, 0, 81, 0.21)</color>
<color name="magenta_darkA_2">rgba(250, 0, 100, 0.3)</color>
<color name="magenta_darkA_3">rgba(254, 0, 115, 0.39)</color>
<color name="magenta_darkA_4">rgba(252, 19, 131, 0.48)</color>
<color name="magenta_darkA_5">rgba(254, 41, 146, 0.56)</color>
<color name="magenta_darkA_6">rgba(255, 56, 159, 0.64)</color>
<color name="magenta_darkA_7">rgba(252, 67, 168, 0.73)</color>
<color name="magenta_darkA_8">rgba(254, 77, 179, 0.81)</color>
<color name="magenta_darkA_9">rgba(255, 84, 190, 0.89)</color>
<color name="magenta_darkA_10">rgba(253, 145, 211, 0.96)</color>
<color name="magenta_darkA_11">#fec5e8</color>
<color name="magenta_darkA_12">#ffffff</color>
<!-- Orange Colors -->
<color name="orange_dark_0">#080300</color>
<color name="orange_dark_1">#271400</color>
<color name="orange_dark_2">#3d2000</color>
<color name="orange_dark_3">#552d00</color>
<color name="orange_dark_4">#6f3a00</color>
<color name="orange_dark_5">#8a4700</color>
<color name="orange_dark_6">#a75400</color>
<color name="orange_dark_7">#c66100</color>
<color name="orange_dark_8">#e37013</color>
<color name="orange_dark_9">#ff802b</color>
<color name="orange_dark_10">#ffae87</color>
<color name="orange_dark_11">#ffd7c8</color>
<color name="orange_dark_12">#ffffff</color>
<color name="orange_darkA_0">rgba(200, 75, 0, 0.04)</color>
<color name="orange_darkA_1">rgba(244, 125, 0, 0.16)</color>
<color name="orange_darkA_2">rgba(254, 133, 0, 0.24)</color>
<color name="orange_darkA_3">rgba(250, 132, 0, 0.34)</color>
<color name="orange_darkA_4">rgba(252, 132, 0, 0.44)</color>
<color name="orange_darkA_5">rgba(251, 129, 0, 0.55)</color>
<color name="orange_darkA_6">rgba(253, 127, 0, 0.66)</color>
<color name="orange_darkA_7">rgba(254, 124, 0, 0.78)</color>
<color name="orange_darkA_8">rgba(255, 126, 21, 0.89)</color>
<color name="orange_darkA_9">#ff802b</color>
<color name="orange_darkA_10">#ffae87</color>
<color name="orange_darkA_11">#ffd7c8</color>
<color name="orange_darkA_12">#ffffff</color>
<!-- Purple Colors -->
<color name="purple_dark_0">#0d000b</color>
<color name="purple_dark_1">#2e002a</color>
<color name="purple_dark_2">#42003e</color>
<color name="purple_dark_3">#560053</color>
<color name="purple_dark_4">#670e66</color>
<color name="purple_dark_5">#781e78</color>
<color name="purple_dark_6">#892b8a</color>
<color name="purple_dark_7">#9a399e</color>
<color name="purple_dark_8">#ab46b2</color>
<color name="purple_dark_9">#bd54c6</color>
<color name="purple_dark_10">#d590da</color>
<color name="purple_dark_11">#edc7ee</color>
<color name="purple_dark_12">#ffffff</color>
<color name="purple_darkA_0">rgba(217, 0, 183, 0.06)</color>
<color name="purple_darkA_1">rgba(242, 0, 221, 0.19)</color>
<color name="purple_darkA_2">rgba(254, 0, 238, 0.26)</color>
<color name="purple_darkA_3">rgba(253, 0, 244, 0.34)</color>
<color name="purple_darkA_4">rgba(251, 34, 249, 0.41)</color>
<color name="purple_darkA_5">rgba(255, 64, 255, 0.47)</color>
<color name="purple_darkA_6">rgba(249, 78, 251, 0.55)</color>
<color name="purple_darkA_7">rgba(248, 92, 255, 0.62)</color>
<color name="purple_darkA_8">rgba(244, 100, 254, 0.7)</color>
<color name="purple_darkA_9">rgba(242, 108, 254, 0.78)</color>
<color name="purple_darkA_10">rgba(248, 167, 253, 0.86)</color>
<color name="purple_darkA_11">rgba(252, 212, 253, 0.94)</color>
<color name="purple_darkA_12">#ffffff</color>
<!-- Red Colors -->
<color name="red_dark_0">#0f0006</color>
<color name="red_dark_1">#34001d</color>
<color name="red_dark_2">#4b002b</color>
<color name="red_dark_3">#640039</color>
<color name="red_dark_4">#7a0c46</color>
<color name="red_dark_5">#911b53</color>
<color name="red_dark_6">#a72860</color>
<color name="red_dark_7">#bf356e</color>
<color name="red_dark_8">#d7427b</color>
<color name="red_dark_9">#f04f88</color>
<color name="red_dark_10">#ff8eab</color>
<color name="red_dark_11">#ffc9d3</color>
<color name="red_dark_12">#ffffff</color>
<color name="red_darkA_0">rgba(250, 0, 100, 0.06)</color>
<color name="red_darkA_1">rgba(248, 0, 138, 0.21)</color>
<color name="red_darkA_2">rgba(250, 0, 143, 0.3)</color>
<color name="red_darkA_3">rgba(250, 0, 142, 0.4)</color>
<color name="red_darkA_4">rgba(254, 25, 146, 0.48)</color>
<color name="red_darkA_5">rgba(254, 47, 146, 0.57)</color>
<color name="red_darkA_6">rgba(253, 61, 145, 0.66)</color>
<color name="red_darkA_7">rgba(255, 71, 147, 0.75)</color>
<color name="red_darkA_8">rgba(253, 78, 145, 0.85)</color>
<color name="red_darkA_9">rgba(255, 84, 145, 0.94)</color>
<color name="red_darkA_10">#ff8eab</color>
<color name="red_darkA_11">#ffc9d3</color>
<color name="red_darkA_12">#ffffff</color>
<!-- Volcano Colors -->
<color name="volcano_dark_0">#0c0100</color>
<color name="volcano_dark_1">#2f0a00</color>
<color name="volcano_dark_2">#451200</color>
<color name="volcano_dark_3">#5d1900</color>
<color name="volcano_dark_4">#762000</color>
<color name="volcano_dark_5">#8e2a07</color>
<color name="volcano_dark_6">#a53716</color>
<color name="volcano_dark_7">#bc4424</color>
<color name="volcano_dark_8">#d45132</color>
<color name="volcano_dark_9">#ec5e41</color>
<color name="volcano_dark_10">#ff9480</color>
<color name="volcano_dark_11">#ffcbc3</color>
<color name="volcano_dark_12">#ffffff</color>
<color name="volcano_darkA_0">rgba(240, 20, 0, 0.05)</color>
<color name="volcano_darkA_1">rgba(247, 53, 0, 0.19)</color>
<color name="volcano_darkA_2">rgba(246, 64, 0, 0.28)</color>
<color name="volcano_darkA_3">rgba(251, 68, 0, 0.37)</color>
<color name="volcano_darkA_4">rgba(251, 68, 0, 0.47)</color>
<color name="volcano_darkA_5">rgba(254, 75, 12, 0.56)</color>
<color name="volcano_darkA_6">rgba(254, 85, 34, 0.65)</color>
<color name="volcano_darkA_7">rgba(254, 92, 49, 0.74)</color>
<color name="volcano_darkA_8">rgba(255, 98, 60, 0.83)</color>
<color name="volcano_darkA_9">rgba(254, 101, 70, 0.93)</color>
<color name="volcano_darkA_10">#ff9480</color>
<color name="volcano_darkA_11">#ffcbc3</color>
<color name="volcano_darkA_12">#ffffff</color>
<!-- Yellow Colors -->
<color name="yellow_dark_0">#050400</color>
<color name="yellow_dark_1">#251d00</color>
<color name="yellow_dark_2">#3e3300</color>
<color name="yellow_dark_3">#584a00</color>
<color name="yellow_dark_4">#736300</color>
<color name="yellow_dark_5">#8e7d00</color>
<color name="yellow_dark_6">#ab9800</color>
<color name="yellow_dark_7">#c7b426</color>
<color name="yellow_dark_8">#e3d142</color>
<color name="yellow_dark_9">#ffef5c</color>
<color name="yellow_dark_10">#fff594</color>
<color name="yellow_dark_11">#fffad3</color>
<color name="yellow_dark_12">#ffffff</color>
<color name="yellow_darkA_0">rgba(250, 200, 0, 0.02)</color>
<color name="yellow_darkA_1">rgba(247, 193, 0, 0.15)</color>
<color name="yellow_darkA_2">rgba(248, 204, 0, 0.25)</color>
<color name="yellow_darkA_3">rgba(251, 211, 0, 0.35)</color>
<color name="yellow_darkA_4">rgba(250, 215, 0, 0.46)</color>
<color name="yellow_darkA_5">rgba(254, 223, 0, 0.56)</color>
<color name="yellow_darkA_6">rgba(255, 227, 0, 0.67)</color>
<color name="yellow_darkA_7">rgba(255, 231, 49, 0.78)</color>
<color name="yellow_darkA_8">rgba(255, 235, 74, 0.89)</color>
<color name="yellow_darkA_9">#ffef5c</color>
<color name="yellow_darkA_10">#fff594</color>
<color name="yellow_darkA_11">#fffad3</color>
<color name="yellow_darkA_12">#ffffff</color>
<!-- Mauve Colors -->
<color name="mauve_dark_0">#1c1b1e</color>
<color name="mauve_dark_1">#252528</color>
<color name="mauve_dark_2">#2f2f32</color>
<color name="mauve_dark_3">#3a393d</color>
<color name="mauve_dark_4">#454448</color>
<color name="mauve_dark_5">#504f53</color>
<color name="mauve_dark_6">#5b5a5f</color>
<color name="mauve_dark_7">#67666a</color>
<color name="mauve_dark_8">#737177</color>
<color name="mauve_dark_9">#7f7d83</color>
<color name="mauve_dark_10">#bbb9bd</color>
<color name="mauve_dark_11">#fcf8fb</color>
<color name="mauve_dark_12">#ffffff</color>
<color name="mauve_darkA_0">rgba(233, 225, 250, 0.12)</color>
<color name="mauve_darkA_1">rgba(231, 231, 250, 0.16)</color>
<color name="mauve_darkA_2">rgba(235, 235, 250, 0.2)</color>
<color name="mauve_darkA_3">rgba(242, 237, 254, 0.24)</color>
<color name="mauve_darkA_4">rgba(238, 234, 248, 0.29)</color>
<color name="mauve_darkA_5">rgba(242, 239, 252, 0.33)</color>
<color name="mauve_darkA_6">rgba(239, 237, 250, 0.38)</color>
<color name="mauve_darkA_7">rgba(245, 243, 252, 0.42)</color>
<color name="mauve_darkA_8">rgba(245, 240, 253, 0.47)</color>
<color name="mauve_darkA_9">rgba(244, 240, 252, 0.52)</color>
<color name="mauve_darkA_10">rgba(253, 250, 255, 0.74)</color>
<color name="mauve_darkA_11">rgba(255, 251, 254, 0.99)</color>
<color name="mauve_darkA_12">#ffffff</color>
<color name="mauve_light_0">#fcf8fb</color>
<color name="mauve_light_1">#edeaed</color>
<color name="mauve_light_2">#dfdcdf</color>
<color name="mauve_light_3">#d1ced2</color>
<color name="mauve_light_4">#c2c0c4</color>
<color name="mauve_light_5">#b4b2b7</color>
<color name="mauve_light_6">#a7a4a9</color>
<color name="mauve_light_7">#99979c</color>
<color name="mauve_light_8">#8c8a90</color>
<color name="mauve_light_9">#7f7d83</color>
<color name="mauve_light_10">#4a494d</color>
<color name="mauve_light_11">#1c1b1e</color>
<color name="mauve_light_12">#111111</color>
<color name="mauve_lightA_0">rgba(155, 22, 122, 0.03)</color>
<color name="mauve_lightA_1">rgba(55, 22, 55, 0.09)</color>
<color name="mauve_lightA_2">rgba(26, 5, 26, 0.14)</color>
<color name="mauve_lightA_3">rgba(25, 10, 30, 0.2)</color>
<color name="mauve_lightA_4">rgba(11, 3, 19, 0.25)</color>
<color name="mauve_lightA_5">rgba(13, 7, 23, 0.31)</color>
<color name="mauve_lightA_6">rgba(11, 2, 16, 0.36)</color>
<color name="mauve_lightA_7">rgba(6, 1, 14, 0.41)</color>
<color name="mauve_lightA_8">rgba(5, 1, 14, 0.46)</color>
<color name="mauve_lightA_9">rgba(4, 0, 12, 0.51)</color>
<color name="mauve_lightA_10">rgba(4, 2, 8, 0.72)</color>
<color name="mauve_lightA_11">rgba(3, 2, 5, 0.9)</color>
<color name="mauve_lightA_12">#111111</color>
<!-- Olive Colors -->
<color name="olive_dark_0">#1a1c1b</color>
<color name="olive_dark_1">#232624</color>
<color name="olive_dark_2">#2d302e</color>
<color name="olive_dark_3">#383a38</color>
<color name="olive_dark_4">#424542</color>
<color name="olive_dark_5">#4d504d</color>
<color name="olive_dark_6">#585c58</color>
<color name="olive_dark_7">#646763</color>
<color name="olive_dark_8">#70736e</color>
<color name="olive_dark_9">#7c7f79</color>
<color name="olive_dark_10">#b9bab5</color>
<color name="olive_dark_11">#faf9f4</color>
<color name="olive_dark_12">#ffffff</color>
<color name="olive_darkA_0">rgba(236, 255, 245, 0.11)</color>
<color name="olive_darkA_1">rgba(233, 253, 240, 0.15)</color>
<color name="olive_darkA_2">rgba(237, 253, 242, 0.19)</color>
<color name="olive_darkA_3">rgba(243, 252, 243, 0.23)</color>
<color name="olive_darkA_4">rgba(236, 246, 236, 0.28)</color>
<color name="olive_darkA_5">rgba(241, 250, 241, 0.32)</color>
<color name="olive_darkA_6">rgba(238, 249, 238, 0.37)</color>
<color name="olive_darkA_7">rgba(244, 251, 241, 0.41)</color>
<color name="olive_darkA_8">rgba(243, 250, 239, 0.46)</color>
<color name="olive_darkA_9">rgba(248, 254, 242, 0.5)</color>
<color name="olive_darkA_10">rgba(253, 255, 248, 0.73)</color>
<color name="olive_darkA_11">rgba(255, 254, 249, 0.98)</color>
<color name="olive_darkA_12">#ffffff</color>
<color name="olive_light_0">#faf9f4</color>
<color name="olive_light_1">#ecebe6</color>
<color name="olive_light_2">#ddddd7</color>
<color name="olive_light_3">#cfcfc9</color>
<color name="olive_light_4">#c0c1bb</color>
<color name="olive_light_5">#b2b4ae</color>
<color name="olive_light_6">#a4a6a0</color>
<color name="olive_light_7">#969993</color>
<color name="olive_light_8">#898c86</color>
<color name="olive_light_9">#7c7f79</color>
<color name="olive_light_10">#484b48</color>
<color name="olive_light_11">#1a1c1b</color>
<color name="olive_light_12">#111111</color>
<color name="olive_lightA_0">rgba(155, 135, 35, 0.05)</color>
<color name="olive_lightA_1">rgba(65, 55, 5, 0.1)</color>
<color name="olive_lightA_2">rgba(43, 43, 5, 0.16)</color>
<color name="olive_lightA_3">rgba(37, 37, 10, 0.22)</color>
<color name="olive_lightA_4">rgba(22, 25, 3, 0.27)</color>
<color name="olive_lightA_5">rgba(14, 21, 2, 0.32)</color>
<color name="olive_lightA_6">rgba(16, 21, 5, 0.38)</color>
<color name="olive_lightA_7">rgba(11, 18, 4, 0.43)</color>
<color name="olive_lightA_8">rgba(9, 15, 3, 0.48)</color>
<color name="olive_lightA_9">rgba(8, 13, 2, 0.53)</color>
<color name="olive_lightA_10">rgba(1, 5, 1, 0.72)</color>
<color name="olive_lightA_11">rgba(1, 3, 2, 0.9)</color>
<color name="olive_lightA_12">#111111</color>
<!-- Sage Colors -->
<color name="sage_dark_0">#1a1c1b</color>
<color name="sage_dark_1">#232625</color>
<color name="sage_dark_2">#2d302f</color>
<color name="sage_dark_3">#373a39</color>
<color name="sage_dark_4">#424543</color>
<color name="sage_dark_5">#4d504e</color>
<color name="sage_dark_6">#585c59</color>
<color name="sage_dark_7">#636765</color>
<color name="sage_dark_8">#6f7370</color>
<color name="sage_dark_9">#7a7f7c</color>
<color name="sage_dark_10">#b8bab7</color>
<color name="sage_dark_11">#f9f9f7</color>
<color name="sage_dark_12">#ffffff</color>
<color name="sage_darkA_0">rgba(236, 255, 245, 0.11)</color>
<color name="sage_darkA_1">rgba(233, 253, 247, 0.15)</color>
<color name="sage_darkA_2">rgba(237, 253, 247, 0.19)</color>
<color name="sage_darkA_3">rgba(239, 252, 248, 0.23)</color>
<color name="sage_darkA_4">rgba(236, 246, 239, 0.28)</color>
<color name="sage_darkA_5">rgba(241, 250, 244, 0.32)</color>
<color name="sage_darkA_6">rgba(238, 249, 241, 0.37)</color>
<color name="sage_darkA_7">rgba(241, 251, 246, 0.41)</color>
<color name="sage_darkA_8">rgba(241, 250, 243, 0.46)</color>
<color name="sage_darkA_9">rgba(244, 254, 248, 0.5)</color>
<color name="sage_darkA_10">rgba(252, 255, 251, 0.73)</color>
<color name="sage_darkA_11">rgba(254, 254, 252, 0.98)</color>
<color name="sage_darkA_12">#ffffff</color>
<color name="sage_light_0">#f9f9f7</color>
<color name="sage_light_1">#eaebe8</color>
<color name="sage_light_2">#dcddda</color>
<color name="sage_light_3">#cdcfcc</color>
<color name="sage_light_4">#bfc1be</color>
<color name="sage_light_5">#b1b4b0</color>
<color name="sage_light_6">#a3a6a3</color>
<color name="sage_light_7">#959996</color>
<color name="sage_light_8">#888c89</color>
<color name="sage_light_9">#7a7f7c</color>
<color name="sage_light_10">#474b49</color>
<color name="sage_light_11">#1a1c1b</color>
<color name="sage_light_12">#111111</color>
<color name="sage_lightA_0">rgba(105, 105, 55, 0.04)</color>
<color name="sage_lightA_1">rgba(45, 55, 25, 0.1)</color>
<color name="sage_lightA_2">rgba(22, 28, 8, 0.15)</color>
<color name="sage_lightA_3">rgba(5, 15, 0, 0.2)</color>
<color name="sage_lightA_4">rgba(9, 17, 5, 0.26)</color>
<color name="sage_lightA_5">rgba(3, 13, 0, 0.31)</color>
<color name="sage_lightA_6">rgba(6, 14, 6, 0.37)</color>
<color name="sage_lightA_7">rgba(3, 12, 5, 0.42)</color>
<color name="sage_lightA_8">rgba(2, 10, 4, 0.47)</color>
<color name="sage_lightA_9">rgba(4, 13, 8, 0.53)</color>
<color name="sage_lightA_10">rgba(3, 8, 6, 0.73)</color>
<color name="sage_lightA_11">rgba(1, 3, 2, 0.9)</color>
<color name="sage_lightA_12">#111111</color>
<!-- Sand Colors -->
<color name="sand_dark_0">#1c1c18</color>
<color name="sand_dark_1">#262521</color>
<color name="sand_dark_2">#30302b</color>
<color name="sand_dark_3">#3a3a35</color>
<color name="sand_dark_4">#45453f</color>
<color name="sand_dark_5">#505049</color>
<color name="sand_dark_6">#5c5b54</color>
<color name="sand_dark_7">#67675f</color>
<color name="sand_dark_8">#73726a</color>
<color name="sand_dark_9">#7f7e76</color>
<color name="sand_dark_10">#bcbab2</color>
<color name="sand_dark_11">#fcf9f3</color>
<color name="sand_dark_12">#ffffff</color>
<color name="sand_darkA_0">rgba(255, 255, 218, 0.11)</color>
<color name="sand_darkA_1">rgba(253, 247, 220, 0.15)</color>
<color name="sand_darkA_2">rgba(253, 253, 226, 0.19)</color>
<color name="sand_darkA_3">rgba(252, 252, 230, 0.23)</color>
<color name="sand_darkA_4">rgba(246, 246, 225, 0.28)</color>
<color name="sand_darkA_5">rgba(250, 250, 228, 0.32)</color>
<color name="sand_darkA_6">rgba(249, 246, 227, 0.37)</color>
<color name="sand_darkA_7">rgba(251, 251, 232, 0.41)</color>
<color name="sand_darkA_8">rgba(250, 248, 230, 0.46)</color>
<color name="sand_darkA_9">rgba(254, 252, 236, 0.5)</color>
<color name="sand_darkA_10">rgba(254, 251, 241, 0.74)</color>
<color name="sand_darkA_11">rgba(255, 252, 245, 0.99)</color>
<color name="sand_darkA_12">#ffffff</color>
<color name="sand_light_0">#fcf9f3</color>
<color name="sand_light_1">#edebe4</color>
<color name="sand_light_2">#dfddd5</color>
<color name="sand_light_3">#d1cfc7</color>
<color name="sand_light_4">#c3c1b9</color>
<color name="sand_light_5">#b5b3ab</color>
<color name="sand_light_6">#a7a69d</color>
<color name="sand_light_7">#999890</color>
<color name="sand_light_8">#8c8b83</color>
<color name="sand_light_9">#7f7e76</color>
<color name="sand_light_10">#4b4a44</color>
<color name="sand_light_11">#1c1c18</color>
<color name="sand_light_12">#111111</color>
<color name="sand_lightA_0">rgba(195, 135, 15, 0.05)</color>
<color name="sand_lightA_1">rgba(91, 73, 10, 0.11)</color>
<color name="sand_lightA_2">rgba(67, 55, 8, 0.17)</color>
<color name="sand_lightA_3">rgba(46, 37, 0, 0.22)</color>
<color name="sand_lightA_4">rgba(41, 34, 5, 0.28)</color>
<color name="sand_lightA_5">rgba(31, 25, 0, 0.33)</color>
<color name="sand_lightA_6">rgba(29, 27, 4, 0.39)</color>
<color name="sand_lightA_7">rgba(23, 21, 3, 0.44)</color>
<color name="sand_lightA_8">rgba(20, 18, 2, 0.49)</color>
<color name="sand_lightA_9">rgba(18, 16, 1, 0.54)</color>
<color name="sand_lightA_10">rgba(12, 10, 2, 0.74)</color>
<color name="sand_lightA_11">rgba(6, 6, 1, 0.91)</color>
<color name="sand_lightA_12">#111111</color>
<!-- Slate Colors -->
<color name="slate_dark_0">#1b1c1d</color>
<color name="slate_dark_1">#242527</color>
<color name="slate_dark_2">#2e2f32</color>
<color name="slate_dark_3">#383a3c</color>
<color name="slate_dark_4">#434547</color>
<color name="slate_dark_5">#4e5052</color>
<color name="slate_dark_6">#595b5e</color>
<color name="slate_dark_7">#64676a</color>
<color name="slate_dark_8">#707276</color>
<color name="slate_dark_9">#7b7e82</color>
<color name="slate_dark_10">#b8babc</color>
<color name="slate_dark_11">#f9f9fa</color>
<color name="slate_dark_12">#ffffff</color>
<color name="slate_darkA_0">rgba(225, 233, 242, 0.12)</color>
<color name="slate_darkA_1">rgba(225, 231, 244, 0.16)</color>
<color name="slate_darkA_2">rgba(230, 235, 250, 0.2)</color>
<color name="slate_darkA_3">rgba(233, 242, 250, 0.24)</color>
<color name="slate_darkA_4">rgba(239, 246, 254, 0.28)</color>
<color name="slate_darkA_5">rgba(236, 242, 248, 0.33)</color>
<color name="slate_darkA_6">rgba(241, 246, 254, 0.37)</color>
<color name="slate_darkA_7">rgba(238, 245, 252, 0.42)</color>
<color name="slate_darkA_8">rgba(238, 243, 251, 0.47)</color>
<color name="slate_darkA_9">rgba(241, 247, 255, 0.51)</color>
<color name="slate_darkA_10">rgba(249, 251, 254, 0.74)</color>
<color name="slate_darkA_11">rgba(254, 254, 255, 0.98)</color>
<color name="slate_darkA_12">#ffffff</color>
<color name="slate_light_0">#f9f9fa</color>
<color name="slate_light_1">#ebebec</color>
<color name="slate_light_2">#dcddde</color>
<color name="slate_light_3">#cecfd0</color>
<color name="slate_light_4">#bfc1c3</color>
<color name="slate_light_5">#b1b3b5</color>
<color name="slate_light_6">#a4a6a8</color>
<color name="slate_light_7">#96989b</color>
<color name="slate_light_8">#898b8e</color>
<color name="slate_light_9">#7b7e82</color>
<color name="slate_light_10">#484a4d</color>
<color name="slate_light_11">#1b1c1d</color>
<color name="slate_light_12">#111111</color>
<color name="slate_lightA_0">rgba(55, 55, 88, 0.03)</color>
<color name="slate_lightA_1">rgba(5, 5, 17, 0.08)</color>
<color name="slate_lightA_2">rgba(5, 12, 19, 0.14)</color>
<color name="slate_lightA_3">rgba(10, 15, 20, 0.2)</color>
<color name="slate_lightA_4">rgba(9, 17, 24, 0.26)</color>
<color name="slate_lightA_5">rgba(3, 10, 16, 0.31)</color>
<color name="slate_lightA_6">rgba(2, 8, 13, 0.36)</color>
<color name="slate_lightA_7">rgba(5, 10, 17, 0.42)</color>
<color name="slate_lightA_8">rgba(4, 8, 15, 0.47)</color>
<color name="slate_lightA_9">rgba(1, 7, 15, 0.52)</color>
<color name="slate_lightA_10">rgba(1, 4, 8, 0.72)</color>
<color name="slate_lightA_11">rgba(2, 3, 4, 0.9)</color>
<color name="slate_lightA_12">#111111</color>
</resources>

View file

@ -1,4 +1,7 @@
<resources>
<string name="app_name">lobchat</string>
<string name="enter_your_server_url">Enter your server URL</string>
<string name="send">Send</string>
<string name="app_logo">App Logo</string>
<string name="logo_3d_description" />
</resources>