TeyvatGuide/src/assets/index.css

@import "fonts/index.css";
@import url("themes/default.css");
@import url("themes/dark.css");

/*
 * @description 侧边滚动条样式
 * @since Alpha v0.1.3
 */
::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  border-radius: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

/*
 * @description 米游社解析 json
 * @since Alpha v0.1.1
 */
.dev-json {
  padding: 20px;
  border-radius: 20px;
  font-family: Consolas, serif;
}

/* card action 内的按钮 */
.card-btn {
  background: #4a5366;
  color: #ece5d8;
  border-radius: 50px;
  margin-left: 5px;
}

.card-btn img {
  width: 20px;
  height: 20px;
  margin: 5px;
}

.card-dev-btn {
  background: #546d8b;
  color: #faf7e8;
}

.card-dev-btn img {
  width: 18px;
  height: 18px;
}