export const text = `
/* 默认颜色是 --color-text-light, 主题下此颜色是亮白色, 修改为灰色 */
  /* release 页面下一些描述信息的文本颜色 */
  .tw-text-text-light {
    color: var(--color-text-light-1) !important;
  }
`;

export const listHeader = `
.list-header {
    align-items: center;
    align-content: center;
  }
`;

export const svg = `
/* 已标星的图标 */
  .octicon-star-fill {
    color: var(--github-button-star-iconColor) !important;
  }
  /* VSCode 图标 */
  .gitea-vscode {
    color: #007acc !important;
  }
  /* VSCodium 图标 */
  .gitea-vscodium {
    color: #429cf0 !important;
  }
  /* 重新打开工单按钮设置为绿色 */
  .tw-text-green {
    .octicon-issue-reopened,
    &.octicon-issue-reopened {
      color: var(--github-fgColor-success) !important;
    }
  }
  /* 关闭工单按钮设置为紫色 */
  .tw-text-red {
    .octicon-issue-closed,
    &.octicon-issue-closed {
      color: var(--github-fgColor-done) !important;
    }
  }
`;

export const avatar = `
img.ui.avatar,
  .ui.avatar img,
  .ui.avatar svg {
    background-color: var(--github-avatar-bgColor);
    box-shadow: 0 0 0 1px var(--github-avatar-borderColor);
  }
`;

export const toggle = `
.ui.toggle.checkbox {
    label {
      &:before {
        border-radius: var(--border-radius);
        border: 1px solid var(--color-light-border);
        height: 24px;
        width: 44px;
      }
      &:after {
        background: var(--color-input-background);
        border-radius: var(--border-radius);
        border: 1px solid var(--color-light-border);
        height: 21px;
        width: 23px;
        top: 1.5px;
        bottom: 1.5px;
      }
    }
    /* 滑块在左 */
    input ~ label:after {
      left: 1.5px;
    }
    /* 滑块在右 */
    input:checked ~ label:after {
      left: 19.5px;
    }
  }
`;

export const stylesheet = [text, listHeader, svg, avatar, toggle].join("\n\n");