Swiftkey-like Layout + Style with Holo theme

[keylogthis]

Main Keyboard

Numpad

Here is my first attempt at making a custom board that makes this feel familiar to me as a long time Swiftkey user.

Main Keyboard

Add this in Languages and Layouts, then I set Select popup key order and Select hint source both to Layout and turned the rest off.

q 1
w 2
e 3
r 4 
t 5
y 6
u 7
i 8
o 9
p 0

a @
s #
d &
f *
g -
h +
j =
k ( < {
l ) > }

z _
x $
c "
v '
b :
n ;
m /

Main keyboard function keys

This changes the symbol button to instead go directly to the numpad, and changes the period to a . so it loads the popups I want instead of the period ones.

[
  [
    { "label": "shift", "width": 0.15 },
    { "type": "placeholder" },
    { "label": "delete", "width": 0.15 }
  ],
  [
    { "label": "numpad", "width": 0.15 },
    { "$": "variation_selector",
      "default":  { "label": ",", "popup": { "relevant":
        [
            { "label": "voice" },
            { "label": "emoji" },
            { "label": "one_handed" }
        ] } },
      "email":    { "label": "@", "popup": { "relevant":
        [
            { "label": "voice" },
            { "label": "emoji" },
            { "label": "one_handed" }
        ] } },
      "uri":      { "label": "/", "popup": { "relevant":
        [
            { "label": "voice" },
            { "label": "emoji" },
            { "label": "one_handed" }
        ] } }
    },
    { "$": "keyboard_state_selector", "languageKeyEnabled": { "$": "keyboard_state_selector", "alphabet": { "label": "language_switch" }}},
    { "$": "keyboard_state_selector", "emojiKeyEnabled": { "$": "keyboard_state_selector", "alphabet": { "label": "emoji" }}},
    { "$": "keyboard_state_selector", "symbols": { "label": "numpad" }},
    { "label": "space" },
    { "label": ".", "popup": { "relevant": [ { "label": "!"}, { "label": "?"} ] } },
    { "label": "action", "width": 0.15 }
  ]
]

Numpad

This numpad isn't from Swiftkey, but it's the layout that I prefer.

[
  [
    { "label": "+", "type":  "normal", "popup": { "relevant": [ { "label": "-"} ] } },
    { "label": "1", "type": "space" },
    { "label": "2", "type": "space" },
    { "label": "3", "type": "space" },
    { "label": "$", "type": "normal", "popup": { "relevant": [ { "label": "#"} ] } },
    { "label": "%", "type": "normal", "popup": { "relevant": [ { "label": "&"} ] } }
  ],
  [
    { "label": "*", "type": "normal", "popup": { "relevant": [ { "label": "/"} ] } },
    { "label": "4", "type": "space" },
    { "label": "5", "type": "space" },
    { "label": "6", "type": "space" },
    { "label": "(", "type":  "normal", "popup": { "relevant": [ { "label": "<"}, { "label": "{"} ] } },
    { "label": ")", "type": "normal", "popup": { "relevant": [ { "label": ">"}, { "label": "}"} ] } }
  ],
  [
    { "label": "symbol", "type":  "function" },
    { "label": "7", "type": "space" },
    { "label": "8", "type": "space" },
    { "label": "9", "type": "space" },
    { "label": ":", "type": "normal", "popup": { "relevant": [ { "label": ";"} ] }, "width": 0.083 },
    { "label": "\"", "type": "normal", "popup": { "relevant": [ { "label": "'"} ] }, "width": 0.083 },
    { "label": "delete" }
  ],
  [
    { "label": "alpha", "type":  "function" },
    { "label": ",", "type": "normal" },
    { "label": "0", "type": "space" },
    { "label": ".", "type": "normal" },
    { "label": "space", "type": "normal", "popup": { "relevant": [ { "label": "="} ] } },
    { "label": "action" }
  ]
]

Custom Colors

The custom colors for the Holo theme... I used the Space bar background to get a 3rd color to put in the numpad. Kindof dirty, but it was quick and it works.

Section	Color
Keyboard background	000000
Key background	ff575757
Functional key background	ff212121
Space bar background	ff414141
Key text	ffffffff
Key hint text	ff00b6e8
Gesture input	ff00b6e8
Accent	ff87521b

[Maliink]

Hey ! I did not understand how to do ... is it possible to open a telegram group and show a video tutorial? Thanks

[keylogthis]

Go to Settings > Languages & Layouts > English
Click the + to add a layout then Add Custom Layout > Copy Existing Layout > QWERTY
Name it whatever you want, I named mine Swiftkey.
Click into it, delete everything in there, and put in the text from this post under Main Keyboard section.
Turn off the other layouts.

Go to Settings > Advanced > Customize functional key layouts > Functional keys
Delete everything in there and paste in the text from this post in the Main keyboard function keys section.

Go to Settings > Advanced > Customize symbols and number layouts > Numpad
Delete everything in there and paste in the text from this post in the Numpad section.

Go to Settings > Appearance > Colors
Set to User-Defined

Go to Settings > Appearance > Adjust Colors
Set the colors to the values from this post in the Custom Colors section.

Other than that, I also went to Settings > Languages & Layouts > English and then I set Select popup key order and Select hint source both to Layout and turned the rest off.