IBus has its front-end based on GTK, and GNOME replace that front-end with its GJS version to make it more unified with GNOME.
As a result, in non-GNOME Shell desktop environment, the display effect of IBus is determined by the current GTK theme.
$HOME/.config/gtk-3.0/settings.ini defines the current GTK3 theme and font size.
Example of the content of the file is as follows:
[Settings]
gtk-theme-name=Materia-light
gtk-font-name=更纱黑体 SC 12In the above content, gtk-theme-name specifies that the current GTK theme is material-light, gtk-font-name specifies that the current font is 更纱黑体 SC and the font size is `12 '.
The IBus font and font size can be changed by modifying the above documents.
As for the color scheme of IBus, you can specify that it uses specific GTK theme when IBus starts, and then customize the color matching of IBus.
You can directly use pip to install:
pip install ibus-theme-tools
ibus-theme-toolsOr just install manually:
git clone https://github.com/openSUSE/IBus-Theme-Tools.git
cd IBus-Theme-Tools && python3 setup.py install
ibus-theme-toolsIf you use Arch Linux, you can also use AUR to install:
yay -S ibus-theme-tools(For Manjaro user, since unlike Arch Linux, the dependency python-tinycss2 is not included in the official package repository. You can install that dependency using the pkg file by manually downloading it from the Arch Linux community repository just like the following example)
wget https://ftp5.gwdg.de/pub/linux/archlinux/community/os/x86_64/python-tinycss2-1.1.1-1-any.pkg.tar.zst
sudo pacman -U python-tinycss2-1.1.1-1-any.pkg.tar.zst
rm python-tinycss2-1.1.1-1-any.pkg.tar.zstFor openSUSE, you can install directly through the ymp file.
You can download the majority of your Linux distributions related packages through OpenSUSE OBS and then install.
For Ubuntu, you can use PPA to install:
sudo add-apt-repository ppa:hollowman86/ibus-theme-tools
sudo apt-get updateFor Gentoo:
git clone https://github.com/openSUSE/IBus-Theme-Tools.git
cd IBus-Theme-Tools && make emergeFor NixOS:
sudo nix-env -i ibus-theme-toolsFor Guix:
guix install ibus-theme-toolsGenerate the IBus GTK theme in a non-GNOME Shell desktop environment and supporting to select a background picture or configure border radius.
Run ibus_theme_tools.py script, operate according to prompted message.
After generating the new theme, just select the theme in the system theme configuration.
If you install themes that support GNOME shell style, you can also choose to extract IBus style, but you can only use it on GNOME desktop.
Create a GTK3 theme called ibus-custom-theme by running:
mkdir -p $HOME/.themes/ibus-custom-theme/gtk-3.0
$EDITOR $HOME/.themes/ibus-custom-theme/gtk-3.0/gtk.cssthen edit the file content. An example can be:
* {
color: #0b141a; /* Font Color */
background-color: #ffffff; /* Background Color */
-gtk-secondary-caret-color: #d4d4d4; /* Highlight Background Color */
}After that, run the program, then select the theme ibus-custom-theme which you just created.
Extracting IBus style from GNOME Shell theme, implement it using CSS parser library tinycss2 in Python. Additional IBus style sheets are generated for users to modify and test.
Run ibus_theme_tools.py script, operate according to prompted message.
When user chooses a theme from the list, this script will first read the theme CSS file, extract the IBus related style classes (.candidate-*), then write it to stylesheet.
Then use the Customize IBus GNOME Shell extension to import and apply themes.
Note: If your IBus style sheet has changed after application, please close and reopen the corresponding Starting from v69, now this extension support stylesheets hot reload, CSS changes will reflect in real-time.custom IME theme to make it effective.
Sample extracted stylesheet: exportedIBusTheme.css
This project was part of the achievement of @HollowMan6 partipating the Google Summer of Code 2021 at OpenSUSE.

