[Item] 黑白配色模板_基于基础模板只是修改配色

[wennyii]

Description

因为比较喜欢黑白配色，用WINDINGWIND大佬的模板改了个配色而已
后面一二级标题都删掉了，因为比较喜欢自己手动添加
分享给懒得自己调颜色，又喜欢半手动的朋友
Because I prefer black and white colour scheme, I changed the colour scheme with WINDINGWIND's template.
After the first and second title are deleted, because I prefer to manually add their own
Shared to lazy to adjust their own colours, but also like semi-manual friends!

Screenshots

Test on Zotero version

7.0.7

Test on Better Notes version

7.0.7

Template Type

Item

Template Share Code

<!-- Title -->
<h1 style="color:#000000; background-color:#ffffff; padding:8px;">
  ${(() => {
    const date = topItem.getField("date").split('T')[0];
    const title = topItem.getField("title");
    const titleTranslation = topItem.getField("titleTranslation");
    if (date && titleTranslation) {
      return `(${date}) ${title} (${titleTranslation})`;
    } else if (date) {
      return `(${date}) ${title}`;
    } else {
      return `${title}`;
    }
  })()}
</h1>

<!-- Meta Data -->
<table>
  <!-- Author -->
  <tr>
    <td style="color:#000000; background-color:#e5e5e5; padding:8px;">
      <b>Author:</b> ${topItem.getCreators().slice(0, 10).map((v) => v.firstName + " " + v.lastName).join("; ") + (topItem.getCreators().length > 10 ? "; et al." : ";")}
    </td>
  </tr>

  <!-- Journal -->
  <tr>
    <td style="color:#000000; background-color:#eeeeee; padding:8px;">
      <b style="color:#000000;">Journal: <b style="color:#000000">${topItem.getField('publicationTitle')}</b></b><b style="color:#000000;"> (Publication Date: ${topItem.getField("date").split('T')[0]})</b>
    </td>
  </tr>

  <!-- Journal Tags -->
  <tr>
    <td style="color:#000000; background-color:#e5e5e5; padding:8px;">
      <b>Journal Tags: </b>
      <!-- In Zotero7, the tags of Ethereal Style plugin are referenced. Please install Ethereal Style in advance. -->
      ${{
      let space = " ㅤㅤ ㅤㅤ"
      return Array.prototype.map.call(
        Zotero.ZoteroStyle.api.renderCell(topItem, "publicationTags").childNodes,
        e => {
          e.innerText =  space + e.innerText + space;
          return e.outerHTML
        }
        ).join(space)
      }}$
    </td>
  </tr>

  <!-- Local Link -->
  <tr>
    <td style="color:#000000; background-color:#eeeeee; padding:8px;">
      ${(() => {
        const attachments = Zotero.Items.get(topItem.getAttachments());
        const pdf = attachments.filter((i) => i.isPDFAttachment());
        if (pdf && pdf.length > 0) {
          return `<b>Local Link: </b><a href="zotero://open-pdf/0_${pdf[0].key}">${pdf[0].getFilename()}</a>`;
        } else if (attachments && attachments.length > 0) {
          return `<b>Local Link: </b><a href="zotero://open-pdf/0_${attachments[0].key}">${attachments[0].getFilename()}</a>`;
        } else {
          return `<b>Local Link: </b>`;
        }
      })()}
    </td>
  </tr>
  
  <!-- DOI or URL -->
  <tr>
    <td style="color:#000000; background-color:#e5e5e5; padding:8px;">
      ${(() => {
        const doi = topItem.getField("DOI");
        if (doi) {
          return `<b>DOI: </b><a href="https://doi.org/${topItem.getField('DOI')}">${topItem.getField('DOI')}</a>`;
        } else {
          return `<b>URL: </b><a href="${topItem.getField('url')}">${topItem.getField('url')}</a>`;
        }
      })()}
    </td>
  </tr>
  
  <!-- Abstract -->
  <tr>
    <td style="color:#000000; background-color:#eeeeee; padding:8px;">
      ${(() => {
        const abstractTranslation = topItem.getField('abstractTranslation');
        if (abstractTranslation) {
          return `<b>Abstract Translation: </b><i>${abstractTranslation}</i>`;
        } else {
          return `<b>Abstract: </b><i>${topItem.getField('abstractNote')}</i>`;
        }
      })()}
    </td>
  </tr>

  <!-- Note Date -->
  <tr>
    <td style="color:#000000; background-color:#e5e5e5; padding:8px;">
      <b>Note Date: </b>${new Date().toLocaleString()}
    </td>
  </tr>

</table>

<p></p>

Anything else

No response