【代码片段】分享：页签【更多】和搜索界面计数

Sofill- v0.94+ build-in

搜索界面效果图

Sofill- 纯洁蓝形态原生效果：

默认 daylight 主题 + 代码片段效果：

代码片段：

#searchList .b3-list-item__text:has(mark:nth-child(10)):before {
  content: "9+";
  font-size: 90%;
  background-color: #58585831;
  border-radius: 50%;
  padding: 4px;
  margin-right: 5px;
}

#searchList .b3-list-item__text:has(mark:nth-child(100)):before {
  content: "99+";
  font-size: 90%;
  background-color: #58585831;
  border-radius: 50%;
  padding: 4px;
  margin-right: 5px;
}

#searchList .b3-list-item {
  counter-increment: search-index;
}

#searchList .b3-list-item:before {
  content: counter(search-index);
  font-size: 90%;
  width: 26px;
  opacity: .31;
}

#searchList {
  counter-reset: search-index 0;
}

页签【更多】界面效果图

Sofill- 纯洁蓝形态原生效果：

默认 daylight 主题 + 代码片段效果：

代码片段：

body {
  counter-reset: b3-menu__item--custom;
}

#commonMenu:has(button):not(:has(button.b3-menu__item--readonly)):not(:has(.b3-menu__item--show)):not(:has(.b3-menu__separator)):not(:has(input)):has(.b3-menu__item--custom:nth-of-type(1)) .b3-menu__item--custom {
  counter-increment: b3-menu__item--custom;
}

#commonMenu:has(button):not(:has(button.b3-menu__item--readonly)):not(:has(.b3-menu__item--show)):not(:has(.b3-menu__separator)):not(:has(input)):has(.b3-menu__item--custom:nth-of-type(1)) .b3-menu__item--custom:after {
  content: counter(b3-menu__item--custom);
  width: 26px;
  opacity: .31;
}