中州韻输入法框架 ibus-rime 修改样式

Posted 2020-10-11 Lemo_wd

一键命令移植 Gnome-Shell 主题

$ sudo su
$ curl -LO https://github.com/lemos1235/Little-Utils/raw/master/gnome-tools/gnome-shell-theme-install.sh && /bin/bash gnome-shell-theme-install.sh && rm -rf gnome-shell-theme-install.sh

 

手动方法：

找到你当前用的主题。然后修改其中 ibus的样式文件就可以了。比如：gnome shell下的 OSX-Arc-White 主题，则其样式文件为：

vim /usr/share/themes/OSX-Arc-White/gnome-shell/gnome-shell.css

搜索 .candidate 关键字，定位到以下内容。对其进行修改：

candidate-popup-content 整个候选框
candidate-index 候选项前面的序号
candidate-box 候选的各选项

修改结果如下： 

/************************
 * IBus Candidate Popup *
 ************************/
.candidate-popup-content {
  padding: 0.5em;
  spacing: 0.3em; }

.candidate-index {
  padding: 0 0.5em 0 0;
  color: #333333; }

.candidate-box {
  transition-duration: 0s;
  padding: 0.3em 0.5em 0.3em 0.5em;
  border-radius: 2px; }
  .candidate-box:hover {
    background-color: rgba(236, 239, 241, 0.2);
    color: #5d585d; }
  .candidate-box:active, .candidate-box:selected {
    background-color: rgba(148, 211, 255, 1);
    color: #131313; }

.candidate-page-button-box {
  height: 2em; }
  .vertical .candidate-page-button-box {
    padding-top: 0.5em; }
  .horizontal .candidate-page-button-box {
    padding-left: 0.5em; }

.candidate-page-button {
  padding: 4px;
  color: rgba(77, 182, 172, 0.8); }
  .candidate-page-button:hover {
    background-color: rgba(77, 182, 172, 0.1);
    color: #4DB6AC; }
  .candidate-page-button:active {
    background-color: rgba(77, 182, 172, 0.25);
    color: #4DB6AC; }

.candidate-page-button-previous {
  border-radius: 2px;
  border-right-width: 0; }

.candidate-page-button-next {
  border-radius: 2px; }

.candidate-page-button-icon {
  icon-size: 14px; }

 效果：