Added new format bar icons and selectors

wordpress-mobile · Apr 16, 2015 · 14c3938 · 14c3938
1 parent 8303e45
commit 14c3938
Show file tree

Hide file tree

Showing 79 changed files with 218 additions and 0 deletions.
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_bold.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_bold.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_bold_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_bold_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_html.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_html.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_html_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_html_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_italic.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_italic.png
diff --git a/...PressEditor/src/main/res/drawable-hdpi/format_bar_button_italic_highlighted.png b/...PressEditor/src/main/res/drawable-hdpi/format_bar_button_italic_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_link.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_link.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_link_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_link_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_media.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_media.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_media_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_media_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_more.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_more.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_more_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_more_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ol.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ol.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ol_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ol_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_quote.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_quote.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_quote_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_quote_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_strikethrough.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_strikethrough.png
diff --git a/...itor/src/main/res/drawable-hdpi/format_bar_button_strikethrough_highlighted.png b/...itor/src/main/res/drawable-hdpi/format_bar_button_strikethrough_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ul.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ul.png
diff --git a/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ul_highlighted.png b/WordPressEditor/src/main/res/drawable-hdpi/format_bar_button_ul_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_bold.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_bold.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_bold_highlighted.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_bold_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_html.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_html.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_html_highlighted.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_html_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_italic.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_italic.png
diff --git a/...ressEditor/src/main/res/drawable-xhdpi/format_bar_button_italic_highlighted.png b/...ressEditor/src/main/res/drawable-xhdpi/format_bar_button_italic_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_link.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_link.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_link_highlighted.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_link_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_media.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_media.png
diff --git a/...PressEditor/src/main/res/drawable-xhdpi/format_bar_button_media_highlighted.png b/...PressEditor/src/main/res/drawable-xhdpi/format_bar_button_media_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_more.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_more.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_more_highlighted.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_more_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ol.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ol.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ol_highlighted.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ol_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_quote.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_quote.png
diff --git a/...PressEditor/src/main/res/drawable-xhdpi/format_bar_button_quote_highlighted.png b/...PressEditor/src/main/res/drawable-xhdpi/format_bar_button_quote_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_strikethrough.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_strikethrough.png
diff --git a/...tor/src/main/res/drawable-xhdpi/format_bar_button_strikethrough_highlighted.png b/...tor/src/main/res/drawable-xhdpi/format_bar_button_strikethrough_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ul.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ul.png
diff --git a/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ul_highlighted.png b/WordPressEditor/src/main/res/drawable-xhdpi/format_bar_button_ul_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_bold.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_bold.png
diff --git a/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_bold_highlighted.png b/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_bold_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_html.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_html.png
diff --git a/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_html_highlighted.png b/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_html_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_italic.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_italic.png
diff --git a/...essEditor/src/main/res/drawable-xxhdpi/format_bar_button_italic_highlighted.png b/...essEditor/src/main/res/drawable-xxhdpi/format_bar_button_italic_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_link.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_link.png
diff --git a/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_link_highlighted.png b/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_link_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_media.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_media.png
diff --git a/...ressEditor/src/main/res/drawable-xxhdpi/format_bar_button_media_highlighted.png b/...ressEditor/src/main/res/drawable-xxhdpi/format_bar_button_media_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_more.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_more.png
diff --git a/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_more_highlighted.png b/...PressEditor/src/main/res/drawable-xxhdpi/format_bar_button_more_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ol.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ol.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ol_highlighted.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ol_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_quote.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_quote.png
diff --git a/...ressEditor/src/main/res/drawable-xxhdpi/format_bar_button_quote_highlighted.png b/...ressEditor/src/main/res/drawable-xxhdpi/format_bar_button_quote_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_strikethrough.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_strikethrough.png
diff --git a/...or/src/main/res/drawable-xxhdpi/format_bar_button_strikethrough_highlighted.png b/...or/src/main/res/drawable-xxhdpi/format_bar_button_strikethrough_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ul.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ul.png
diff --git a/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ul_highlighted.png b/WordPressEditor/src/main/res/drawable-xxhdpi/format_bar_button_ul_highlighted.png
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_bold_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_bold_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_bold_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_bold_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_bold_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_bold_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_bold_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_bold"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_html_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_html_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_html_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_html_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_html_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_html_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_html_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_html"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_italic_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_italic_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_italic_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_italic_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_italic_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_italic_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_italic_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_italic"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_link_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_link_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_link_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_link_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_link_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_link_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_link_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_link"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_media_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_media_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_media_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_media_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_media_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_media_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_media_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_media"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_ol_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_ol_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_ol_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_ol_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_ol_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_ol_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_ol_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_ol"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_quote_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_quote_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_quote_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_quote_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_quote_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_quote_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_quote_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_quote"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_ul_selected_state.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_ul_selected_state.xml
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="utf-8"?>
+<layer-list
+    xmlns:android="http://schemas.android.com/apk/res/android">
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_ul_highlighted"
+            android:gravity="center"/>
+    </item>
+    <item android:top="@dimen/format_bar_button_underline_top">
+        <shape android:shape="line">
+            <stroke
+                android:width="@dimen/format_bar_button_underline_width"
+                android:color="@color/format_bar_button_highlighted_color"/>
+        </shape>
+    </item>
+</layer-list>
diff --git a/WordPressEditor/src/main/res/drawable/format_bar_button_ul_selector.xml b/WordPressEditor/src/main/res/drawable/format_bar_button_ul_selector.xml
@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<selector xmlns:android="http://schemas.android.com/apk/res/android">
+    <item android:state_checked="true" android:drawable="@drawable/format_bar_button_ul_selected_state"/>
+    <item android:state_pressed="true" android:drawable="@drawable/format_bar_button_ul_selected_state"/>
+    <item>
+        <bitmap
+            android:src="@drawable/format_bar_button_ul"
+            android:gravity="center"/>
+    </item>
+</selector>
diff --git a/WordPressEditor/src/main/res/values/colors.xml b/WordPressEditor/src/main/res/values/colors.xml
@@ -5,4 +5,7 @@
     <color name="format_bar_background">#eeeeee</color>
     <color name="image_options_label">#cccccc</color>
     <color name="pressed_wordpress">#CC78C8E6</color>
+
+    <color name="format_bar_button_normal_color">@color/wp_gray</color>
+    <color name="format_bar_button_highlighted_color">@color/wp_blue</color>
 </resources>
diff --git a/WordPressEditor/src/main/res/values/dimens.xml b/WordPressEditor/src/main/res/values/dimens.xml
@@ -1,6 +1,8 @@
 <?xml version="1.0" encoding="utf-8"?>
 <resources>
     <dimen name="format_bar_height">40dp</dimen>
+    <dimen name="format_bar_button_underline_top">37dp</dimen>
+    <dimen name="format_bar_button_underline_width">2dp</dimen>
     <dimen name="post_editor_content_side_margin">20dp</dimen>
 
 

diff --git a/WordPressEditor/src/main/res/values/wp_colors.xml b/WordPressEditor/src/main/res/values/wp_colors.xml
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+    <color name="wp_gray">#87a6bc</color>
+    <color name="wp_blue">#0087be</color>
+</resources>