Use the themes abstraction

Themes replace 'colors.xml' and soon will replace 'dimens.xml'.

4 files changed, 45 insertions, 18 deletions

diff --git a/res/values/colors.xml b/res/values/colors.xml
deleted file mode 100644
index 63d981b..0000000
--- a/res/values/colors.xml
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<resources>
-  <item name="bg" type="color">#1B1B1B</item>
-  <item name="key_bg" type="color">#303030</item>
-  <item name="key_down_bg" type="color">#1B1B1B</item>
-  <item name="key_label" type="color">#FFFFFF</item>
-  <item name="key_label_locked" type="color">#229933</item>
-  <item name="key_label_activated" type="color">#226b99</item>
-  <item name="key_sub_label" type="color">#A0A0A0</item>
-  <item name="emoji_button_bg" type="color">#202020</item>
-  <item name="emoji_color" type="color">#FFFFFF</item>
-  <item name="emoji_key_bg" type="color">@color/emoji_button_bg</item>
-  <item name="emoji_key_text" type="color">@color/key_label</item>
-</resources>
diff --git a/res/values/dimens.xml b/res/values/dimens.xml
index a8286cb..0fe54d3 100644
--- a/res/values/dimens.xml
+++ b/res/values/dimens.xml
@@ -12,4 +12,5 @@
   <dimen name="sublabel_text_size">12dp</dimen>
   <dimen name="emoji_type_button_height">56dp</dimen>
   <dimen name="emoji_grid_height">250dp</dimen>
+  <dimen name="emoji_text_size">28dp</dimen>
 </resources>
diff --git a/res/values/styles.xml b/res/values/styles.xml
index 7dcbb33..bad63e1 100644
--- a/res/values/styles.xml
+++ b/res/values/styles.xml
@@ -4,8 +4,8 @@
     <item name="android:padding">1px</item>
     <item name="android:gravity">center</item>
     <item name="android:minHeight">@dimen/label_text_size</item>
-    <item name="android:background">@color/emoji_button_bg</item>
-    <item name="android:textColor">@color/emoji_key_text</item>
+    <item name="android:background">?attr/emoji_button_bg</item>
+    <item name="android:textColor">?attr/emoji_key_text</item>
     <item name="android:textSize">@dimen/label_text_size</item>
   </style>
   <style name="emojiKeyButton">
@@ -13,8 +13,13 @@
     <item name="android:layout_height">wrap_content</item>
     <item name="android:layout_weight">1</item>
     <item name="android:padding">0px</item>
-    <item name="android:background">@color/emoji_key_bg</item>
-    <item name="android:textColor">@color/emoji_key_text</item>
+    <item name="android:background">?attr/emoji_key_bg</item>
+    <item name="android:textColor">?attr/emoji_key_text</item>
     <item name="android:textSize">@dimen/label_text_size</item>
   </style>
+  <!-- Passed to TextView.setTextAppearance -->
+  <style name="emojiGridButton">
+    <item name="android:textSize">@dimen/emoji_text_size</item>
+    <item name="android:textColor">?attr/emoji_color</item>
+  </style>
 </resources>
diff --git a/res/values/themes.xml b/res/values/themes.xml
new file mode 100644
index 0000000..02f97be
--- /dev/null
+++ b/res/values/themes.xml
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="utf-8"?>
+<resources>
+  <declare-styleable name="keyboard">
+    <!-- The background of the keyboard -->
+    <attr name="colorKeyboard" format="color"/>
+    <!-- Background of the keys -->
+    <attr name="colorKey" format="color"/>
+    <!-- Background of the keys when pressed -->
+    <attr name="colorKeyActivated" format="color"/>
+    <!-- Label colors -->
+    <attr name="colorLabel" format="color"/>
+    <attr name="colorLabelActivated" format="color"/>
+    <attr name="colorLabelLocked" format="color"/>
+    <!-- Corner labels -->
+    <attr name="colorSubLabel" format="color"/>
+    <!-- Emoji panel -->
+    <attr name="emoji_button_bg" type="color" format="color"/>
+    <attr name="emoji_color" type="color" format="color"/>
+    <attr name="emoji_key_bg" type="color" format="color"/>
+    <attr name="emoji_key_text" type="color" format="color"/>
+  </declare-styleable>
+  <style name="Dark">
+    <item name="colorKeyboard">#1B1B1B</item>
+    <item name="colorKey">#303030</item>
+    <item name="colorKeyActivated">#1B1B1B</item>
+    <item name="colorLabel">#FFFFFF</item>
+    <item name="colorLabelActivated">#226b99</item>
+    <item name="colorLabelLocked">#229933</item>
+    <item name="colorSubLabel">#A0A0A0</item>
+    <item name="emoji_button_bg" type="color">#202020</item>
+    <item name="emoji_color" type="color">#FFFFFF</item>
+    <item name="emoji_key_bg" type="color">?attr/emoji_button_bg</item>
+    <item name="emoji_key_text" type="color">?attr/colorLabel</item>
+  </style>
+</resources>