1
2
3
4
5
6
7
8
9
10
/* * { color: blue !important; } */
.xterm-viewport {
   background-image: url("https://api.yukifuhane.cn.eu.org/images");
   background-repeat: no-repeat;
   background-position: 45%;
   background-size: auto 100vh;
   filter: opacity(50%);
   opacity: 0.2;
   z-index: 1;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
.xterm-viewport {
  /* 背景图设置（关键调整） */
  background: 
    /* 半透明深色衬底（仅影响背景，不干扰文字） */
    linear-gradient(rgba(10, 10, 10, 0.85), rgba(10, 10, 10, 0.85)),
    /* 背景图居中+覆盖，保持比例但可能被裁剪 */
    url("https://api.yukifuhane.cn.eu.org/images") center/cover no-repeat;

  /* 确保容器撑满视窗 */
  width: 100%;
  height: 100%;

  /* 文字增强 */
  --xterm-foreground: #ffffff; /* 终端文字设为白色 */
  --xterm-background: transparent; /* 背景透明以显示自定义背景 */
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
.xterm-viewport {
  /* 亚克力毛玻璃效果 */
  background: 
    /* 半透明白色基底（调整rgba最后一个参数控制亮度） */
    linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4)),
    /* 背景图（模糊+亮度提升） */
    url("https://api.yukifuhane.cn.eu.org/images") center/cover no-repeat;
  
  /* 毛玻璃滤镜（模糊背景） */
  backdrop-filter: blur(10px) brightness(1.2);
  
  /* 确保撑满容器 */
  width: 100%;
  height: 100%;
  
  /* 终端文字优化 */
  --xterm-foreground: #000000; /* 黑色文字（亮背景适用） */
  --xterm-background: transparent; /* 透明背景以显示亚克力效果 */
  
  /* 可选：增加轻微内阴影增强层次感 */
  box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.3);

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
.xterm-viewport {
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.4); /* 半透明白色基底 */
}

.xterm-viewport::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("https://api.yukifuhane.cn.eu.org/images") center/cover;
  filter: blur(0.8px) brightness(1);
  z-index: -1;
}