Skip to content

键盘颜色

键盘配色

「仓」沿用了 「Squirrel 鼠须管」的中的配色格式,即 BGR 格式。

当前流行色格式为 RGB 格式,所以直接将 RGB 格式的颜色复制到配色参数下,大概率显示结果会与您期望的不一样。

为什么使用 BGR 格式?为了与鼠须管保持一致,再深究的话,可以搜索下。

无论是RGB还是BGR,R:Red,G:Green,B:Blue,都使用十六进制中两位数字来表示 Red/Green/Blue 中的一种颜色。

十六进制中的数字:1,2,3,4,5,6,7,8,9,A,B,C,D,E,F

以下图为例:

颜色

上面是BGR格式颜色,下面是对应的RGB格式颜色。您会发现他们只是交换了一下 R 与 B 所表示的的两位数字的位置

您在配置文件中会发现有的颜色是八位长度,非上面说的 BGR 的六位数字长度。这是因为八位长度0x后的2位是透明度,例如0x50FFFFFF,这里的50就表示透明度。如果用六位表示,则没有透明度,例如0xFFFFFF

注意注意注意:完全透明会导致点击事件不生效,也就是点击按键后无反应,使用透明度最低01,无法00全透明!!!!

透明度16进制表示
100%00(全透明)
99%03
98%05
97%07
96%0A
95%0D
94%0F
93%12
92%14
91%17
90%1A
89%1C
88%1E
87%21
86%24
85%26
84%29
83%2B
82%2E
81%30
80%33
79%36
78%38
77%3B
76%3D
75%40
74%42
73%45
72%47
71%4A
70%4D
69%4F
68%52
67%54
66%57
65%59
64%5C
63%5E
62%61
61%63
60%66
59%69
58%6B
57%6E
56%70
55%73
54%75
53%78
52%7A
51%7D
50%80
49%82
48%85
47%87
46%8A
45%8C
44%8F
43%91
42%94
41%96
40%99
39%9C
38%9E
37%A1
36%A3
35%A6
34%A8
33%AB
32%AD
31%B0
30%B3
29%B5
28%B8
27%BA
26%BD
25%BF
24%C2
23%C4
22%C7
21%C9
20%CC
19%CF
18%D1
17%D4
16%D6
15%D9
14%DB
13%DE
12%E0
11%E3
10%E6
9%E8
8%EB
7%ED
6%F0
5%F2
4%F5
3%F7
2%FA
1%FC
0%FF(完全不透明)

配色参数说明

曬經・月/Solarized Dark,曬經・日/Solarized Light 配色为例:

注意:配置文件中的颜色的必须以 0x 开头,0x 只是表明格式为十六进制,且程序也是以十六进制做处理的,别想着省略 0x,或者转为别的进制。

- schemaName: solarized_dark
name: 曬經・月/Solarized Dark
author: 雪齋 <lyc20041@gmail.com>/Morse <morse.hsiao@gmail.com>
back_color: 0xF0352A0A # 键盘背景色
button_back_color: 0xF0352A0A # 按键背景色
button_pressed_back_color: 0xF0352A0A # 按下时按键背景色
button_front_color: 0x7389FF # 按键上文字颜色
button_pressed_front_color: 0x7389FF # 按下时按键上文字颜色
button_swipe_front_color: 0x7389FF # 按键上划动手势文字的颜色
corner_radius: 5 # 按键圆角半径
border_color: 0x2A1F00 # 按键边框颜色
text_color: 0x756E5D # 组字区域文字颜色
hilited_candidate_back_color: 0x403516 # 候选栏首选文字区域背景色
hilited_candidate_text_color: 0x989F52 # 候选栏首选文字颜色
hilited_comment_text_color: 0x289989 # 候选栏首选文字 Comment 信息颜色
candidate_text_color: 0x7389FF # 候选栏次选文字颜色
comment_text_color: 0xC38AFF # 候选栏次选文字 Comment 信息颜色
- schemaName: solarized_light
name: 曬經・日/Solarized Light
author: 雪齋 <lyc20041@gmail.com>/Morse <morse.hsiao@gmail.com>
back_color: 0xF0E5F6FB # 键盘背景色
button_back_color: 0xF0E5F6FB # 按键背景色
button_pressed_back_color: 0xF0E5F6FB # 按下时按键背景色
button_front_color: 0x595E00 # 按键上文字颜色
button_pressed_front_color: 0x595E00 # 按下时按键上文字颜色
button_swipe_front_color: 0x595E00 # 按键上划动手势文字的颜色
corner_radius: 5 # 按键圆角半径
border_color: 0xEDFFFF # 按键边框颜色
text_color: 0xA1A095 # 组字区域文字颜色
hilited_candidate_back_color: 0xD7E8ED # 候选栏首选文字区域背景色
hilited_candidate_text_color: 0x3942CB # 候选栏首选文字颜色
hilited_comment_text_color: 0x8144C2 # 候选栏首选文字 Comment 信息颜色
candidate_text_color: 0x595E00 # 候选栏次选文字颜色
comment_text_color: 0x005947 # 候选栏次选文字 Comment 信息颜色
键盘配色

键盘配色

  • back_color: 键盘背景色

按键配色参数

  • button_back_color: 按键背景色
  • button_pressed_back_color: 按下时按键背景色
  • button_foreground_color: 按键上文字颜色
  • button_pressed_foreground_color:当按键按下时,按键上文字颜色
  • button_swipe_foreground_color: 按键划动手势文字颜色
  • corner_radius: 按键的圆角半径
  • border_color:按键边框色
  • shadow_color: 按键阴影
  • shadow_size:阴影大小

候选栏配色参数

  • text_color:组字区文字颜色
  • hilited_candidate_text_color:候选栏首选文字颜色
  • hilited_comment_text_color:候选栏首选文字 Comment 信息颜色
  • hilited_candidate_back_color: 候选栏首选文字区域背景色
  • hilited_candidate_label_color: 候选栏首选序号颜色
  • candidate_text_color:候选栏次选文字颜色
  • comment_text_color:候选栏次选文字 Comment 信息颜色
  • label_color: 候选栏次选序号颜色

长按 Action

  • hilited_callout_back_color: 长按首选背景色
  • hilited_callout_foreground_color 长按首选文字颜色

按键气泡

  • button_bubble_back_color:按键气泡颜色(可选),为空时使用 button_back_color 作为气泡颜色,长按 Action 的背景色等同此颜色