[My Obsidian CSS snippet for Ebullientworks theme] Changes for Ebullientworks theme #obsidian #obsidian-css

myobsidian.css

/* BEGIN: ebullientworks Dark Theme */
/* dark theme: code block原為--blue-2 */
.theme-dark {
  --pre-code: var(--purple-3);
  --tags: var(--pink-2);
}

/* dark mode在highlight裡黃底時，白色游標看不見 */
.theme-dark .cm-highlight {
  caret-color: var(--text-highlight-fg);
}

.theme-dark .cm-s-obsidian span.obsidian-search-match-highlight {
  color: white !important;
  background-color: var(--text-highlight-bg-active);
}

/* 項目垂直線 */
.theme-dark ul ul::after, ol ul::after, ul ol::after, ol ol::after {
  border-left: 1px solid var(--blue-5);
}

/* 不存在的內部連結 */
.theme-dark .markdown-preview-view .internal-link.is-unresolved {
  color: var(--text-accent);
  text-decoration: underline;
  font-style: italic;
}

/* h1英文大寫字型轉成Normal */
.workspace h1, .cm-header-1 {
  font-variant: normal !important;
}

.cm-atom .cm-hmd-frontmatter {
  color: var(--yellow-3) !important;
}

/* 年月字體由1.5改小 */
.title.svelte-1vwr9dd.svelte-1vwr9dd {
  font-size: 1.2em !important;
}

/* 週一文字水平 */
th.svelte-pcimu8 {
  padding: 0px !important;
}

/* 今天水平 */
.reset-button.svelte-1vwr9dd.svelte-1vwr9dd {
  letter-spacing: 0px !important;
  margin: 0 0px !important;
  padding: 0px !important;
}

/* 某日的tasks圓圈 */
.day.svelte-q3wqg9 {
  padding: 0px !important;
}

/* [](url) 變更url的顏色。原本是--line-hidden太暗了 */
.cm-s-obsidian span.cm-string.cm-url {
  color: var(--primary-accent-2) !important;
}

/* []() */
.markdown-source-view.mod-cm6 .cm-underline {
  text-decoration: none;
}

/* http開頭字串 預設: --link */
/*underline var(--link-underline);*/
/*
a, .cm-s-obsidian span.cm-url, .cm-s-obsidian span.cm-link, .cm-s-obsidian span.cm-hmd-internal-link, .markdown-preview-view .internal-link {
  color: var(--primary-accent-2);
  text-decoration: none;
}
*/
/* table cell外框 */
.markdown-preview-view .table-view-table > tbody > tr > td, .markdown-preview-view tbody > tr > td {
  border: 1px solid var(--gray-dark-5) !important; /* #555 */
}

/* hyperlink取消底線 */
.theme-dark .cm-s-obsidian span.cm-link, .cm-s-obsidian span.cm-hmd-internal-link {
  color: var(--primary-accent-2);
  text-decoration: none;
}

/* link text-decoration: underline var(--link-underline); */
a, .cm-s-obsidian span.cm-url, .cm-s-obsidian span.cm-link, .cm-s-obsidian span.cm-hmd-internal-link, .markdown-preview-view .internal-link {
  color: var(--primary-accent-2);
  text-decoration: none;
}

/* caret line */
.theme-dark .theme-dark .cm-active {
  background-color: var(--gray-dark-6)  /*#414040;*/
}

/* H1~H6 hover顯示等級 BEGIN, copied from blue Topaz and made some changes */
/* 閱讀與即時預覽時顯示標題等級 */
.markdown-preview-view h1:hover::after,
.is-live-preview .HyperMD-header-1:hover::after {
  content: 'H1';
  font-size: 0.7rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 0px;
}

.markdown-preview-view h2:hover::after, 
.is-live-preview .HyperMD-header-2:hover::after {
  content: 'H2';
  font-size: 0.7rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  position: relative;
  top: 0px;
}

.markdown-preview-view h3:hover::after,
.is-live-preview .HyperMD-header-3:hover::after {
  content: 'H3';
  font-size: 0.65rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 19px;
}

.markdown-preview-view h4:hover::after,
.is-live-preview .HyperMD-header-4:hover::after {
  content: 'H4';
  font-size: 0.6rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 20px;
}

.markdown-preview-view h5:hover::after,
.is-live-preview .HyperMD-header-5:hover::after {
  content: 'H5';
  font-size: 0.6rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 20px;
}

.markdown-preview-view h6:hover::after,
.is-live-preview .HyperMD-header-6:hover::after {
  content: 'H6';
  font-size: 0.6rem;
  width: auto;
  margin-left: 10px;
  border: 1px solid;
  padding: 0px 2px;
  border-radius: var(--radius-xs);
  top: 20px;
}
/* H1~H6 hover顯示等級 END */

/* END: ebullientworks */