ibus rime beautification and customization

When I last wrote this article, I hadn't customized the ibus input method, so the interface was a bit bland. Working with computers every day, text input is inevitable. Below is a record of the process of beautifying and customizing the ibus input method. The final result is as follows:

1. Install the Customize-IBus library

1git clone https://github.com/openSUSE/Customize-IBus.git
2cd Customize-IBus && make install

The plugin will be installed to the default plugin directory of GNOME:

1➜ customize-ibus@hollowman.ml pwd
2/home/mephisto/.local/share/gnome-shell/extensions/customize-ibus@hollowman.ml
3➜ customize-ibus@hollowman.ml ls
4extension.js fields.js img locale metadata.json prefs.js schemas

After installation, restart your computer and click the input method status bar in the upper right corner of Ubuntu. A "Customize IBus" menu option will appear. Click it to start customizing IBus. Configuration Options

2. Configuration Options

Refer to this document https://github.com/openSUSE/Customize-IBus/blob/main/GUIDE_CN.md

Select the desired options. In the General section, I personally chose the font: Noto Sans CJK SC Regular 12

3. Find a nice theme

Clone the theme repository to your local computer

1git clone https://github.com/openSUSE/IBus-Theme-Hub

As shown in the image, I chose rose red because Liu Yifei is wearing black. If you're a color enthusiast or design expert, you can also contribute to the community.

Also, I changed the text opacity in the CSS file from 0.6 to 0.8 is too transparent. It's hard to see the character clearly. ^_^

1.candidate-box,
2.candidate-index {
3color: rgba(255, 255, 255, 0.8);
4}

4. Change the background image

Find an image you like. To be honest, I downloaded the original image from Liu Yifei's Weibo and cropped it to the desired size using GIMP.

![ibus background image

The effects of the above adjustments are dynamic. If you prefer in-depth customization, you can experiment as you go. Finally, export your settings in the "Settings" tab.

Liu Yifei Image Download

Gimp cropping demonstration. Adjust to your preferences. Crop to remove the watermark on the right. When resizing to the input, you should see the face (in this case, 1423 × 914 pixels). Due to limited bandwidth on this site, I won't post the cropped image. Just find an image you like.