Skip to content

Commit d5158e6

Browse files
authored
Merge pull request #1 from bufferapp/task/add-bds-styles
Add colors and text styles
2 parents dde12a0 + 1705d19 commit d5158e6

File tree

5 files changed

+128
-0
lines changed

5 files changed

+128
-0
lines changed

README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,4 +39,8 @@ Colors
3939
Styles
4040
------
4141

42+
- Font Styles
43+
44+
![Text styles](art/text_styles.png)
45+
4246
TBC

app/src/main/res/values/colors.xml

Lines changed: 62 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -28,4 +28,66 @@
2828
<color name="title_text">#000000</color>
2929
<color name="content_text">#6B6B6B</color>
3030

31+
<!--BDS colors-->
32+
33+
<color name="gray_lighter">#F5F5F5</color>
34+
<color name="gray_light">#E0E0E0</color>
35+
<color name="gray">#B8B8B8</color>
36+
<color name="gray_dark">#636363</color>
37+
<color name="gray_darker">#3D3D3D</color>
38+
39+
<color name="blue_lighter">#ABB7FF</color>
40+
<color name="blue_light">#6B81FF</color>
41+
<color name="blue">#2C4BFF</color>
42+
<color name="blue_dark">#1F35B3</color>
43+
<color name="blue_darker">#121E66</color>
44+
45+
<color name="purple_lighter">#D7AAFF</color>
46+
<color name="purple_light">#BA6BFF</color>
47+
<color name="purple">#9C2BFF</color>
48+
<color name="purple_dark">#6D1EB3</color>
49+
<color name="purple_darker">#3E1166</color>
50+
51+
<color name="pink_lighter">#F0A8DE</color>
52+
<color name="pink_light">#E466C5</color>
53+
<color name="pink">#D925AC</color>
54+
<color name="pink_dark">#981A78</color>
55+
<color name="pink_darker">#570F45</color>
56+
57+
<color name="teal_lighter">#99E9EC</color>
58+
<color name="teal_light">#4DD9DD</color>
59+
<color name="teal">#00C8CF</color>
60+
<color name="teal_dark">#008387</color>
61+
<color name="teal_darker">#005053</color>
62+
63+
<color name="red_lighter">#F3AFB9</color>
64+
<color name="red_light">#E97284</color>
65+
<color name="red">#E0364F</color>
66+
<color name="red_dark">#9D2637</color>
67+
<color name="red_darker">#5A1620</color>
68+
69+
<color name="orange_lighter">#FFC6AB</color>
70+
<color name="orange_light">#FF9B6B</color>
71+
<color name="orange">#FF702C</color>
72+
<color name="orange_dark">#662D12</color>
73+
<color name="orange_darker">#5A1620</color>
74+
75+
<color name="yellow_lighter">#FDF2AA</color>
76+
<color name="yellow_light">#FCE86A</color>
77+
<color name="yellow">#FADE2A</color>
78+
<color name="yellow_dark">#A8961D</color>
79+
<color name="yellow_darker">#645911</color>
80+
81+
<color name="green_lighter">#CFE7A6</color>
82+
<color name="green_light">#ABD464</color>
83+
<color name="green">#87C221</color>
84+
<color name="green_dark">#598016</color>
85+
<color name="green_darker">#364E0D</color>
86+
87+
<color name="text_primary">@color/gray_darker</color>
88+
<color name="text_disabled">@color/gray_dark</color>
89+
<color name="text_placeholder">@color/gray</color>
90+
<color name="text_notice">@color/red_dark</color>
91+
<color name="text_button">@color/blue</color>
92+
3193
</resources>

app/src/main/res/values/styles.xml

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -18,4 +18,5 @@
1818
<style name="bottomSheetStyleWrapper" parent="Widget.Design.BottomSheet.Modal">
1919
<item name="android:background">@android:color/transparent</item>
2020
</style>
21+
2122
</resources>
Lines changed: 61 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,61 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<resources>
3+
4+
<style name="HeadlineOne">
5+
<item name="android:textSize">@dimen/text_hero</item>
6+
<item name="android:textStyle">bold</item>
7+
<item name="android:textColor">@color/text_primary</item>
8+
</style>
9+
10+
<style name="HeadlineTwo">
11+
<item name="android:textSize">@dimen/text_headline</item>
12+
<item name="android:textStyle">bold</item>
13+
<item name="android:textColor">@color/text_primary</item>
14+
</style>
15+
16+
<style name="Heading">
17+
<item name="android:textSize">@dimen/text_large_body</item>
18+
<item name="android:textColor">@color/text_primary</item>
19+
</style>
20+
21+
<style name="Subheading">
22+
<item name="android:textSize">@dimen/text_body</item>
23+
<item name="android:textStyle">bold</item>
24+
<item name="android:textColor">@color/text_primary</item>
25+
</style>
26+
27+
<style name="BodyMedium">
28+
<item name="android:textSize">@dimen/text_small_body</item>
29+
<item name="android:textStyle">bold</item>
30+
<item name="android:textColor">@color/text_primary</item>
31+
</style>
32+
33+
<style name="Body">
34+
<item name="android:textSize">@dimen/text_small_body</item>
35+
<item name="android:textColor">@color/text_primary</item>
36+
</style>
37+
38+
<style name="Label">
39+
<item name="android:textSize">@dimen/text_small_body</item>
40+
<item name="android:textStyle">bold</item>
41+
<item name="android:textColor">@color/text_primary</item>
42+
</style>
43+
44+
<style name="Input">
45+
<item name="android:textSize">@dimen/text_small_body</item>
46+
<item name="android:textColor">@color/text_primary</item>
47+
</style>
48+
49+
<style name="SmallTextMedium">
50+
<item name="android:textSize">@dimen/text_smaller_body</item>
51+
<item name="android:textStyle">bold</item>
52+
<item name="android:textColor">@color/text_primary</item>
53+
</style>
54+
55+
<style name="SmallText">
56+
<item name="android:textSize">@dimen/text_smaller_body</item>
57+
<item name="android:textStyle">bold</item>
58+
<item name="android:textColor">@color/text_primary</item>
59+
</style>
60+
61+
</resources>

art/text_styles.png

73.6 KB
Loading

0 commit comments

Comments
 (0)