Obsidian 样式：给 Thino 搭配 10 种热力图颜色

十种配色所需的 CSS 文中已经给出，需要自取即可。记得设置的热力图颜色要选择 default 才会生效。

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #eaeaea74;
  --memos-stat-day-L1-bg: #dad7cd;
  --memos-stat-day-L2-bg: #a3b18a;
  --memos-stat-day-L3-bg: #588157;
  --memos-stat-day-L4-bg: #3a5a40;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #344e41;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #3a5a40;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #eaeaea74;
  --memos-stat-day-L1-bg: #dee2e6;
  --memos-stat-day-L2-bg: #adb5bd;
  --memos-stat-day-L3-bg: #495057;
  --memos-stat-day-L4-bg: #212529;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #6c757d;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #212529;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #ddd8c4;
  --memos-stat-day-L1-bg: #a3c9a8;
  --memos-stat-day-L2-bg: #84b59f;
  --memos-stat-day-L3-bg: #69a297;
  --memos-stat-day-L4-bg: #50808e;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #69a297;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #50808e;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #eaeaea74;
  --memos-stat-day-L1-bg: #d8f3dc;
  --memos-stat-day-L2-bg: #74c69d;
  --memos-stat-day-L3-bg: #40916c;
  --memos-stat-day-L4-bg: #1b4332;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #2d6a4f;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #40916c;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #e0e1dd;
  --memos-stat-day-L1-bg: #778da9;
  --memos-stat-day-L2-bg: #415a77;
  --memos-stat-day-L3-bg: #1b263b;
  --memos-stat-day-L4-bg: #0d1b2a;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #415a77;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #1b263b;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #caf0f84e;
  --memos-stat-day-L1-bg: #90e0ef;
  --memos-stat-day-L2-bg: #00b4d8;
  --memos-stat-day-L3-bg: #0077b6;
  --memos-stat-day-L4-bg: #03045e;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #0077b6;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #0077b6;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #e0b1cb51;
  --memos-stat-day-L1-bg: #e0b1cb;
  --memos-stat-day-L2-bg: #be95c4;
  --memos-stat-day-L3-bg: #9f86c0;
  --memos-stat-day-L4-bg: #5e548e;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #231942;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #5e548e;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #f2f2f2;
  --memos-stat-day-L1-bg: #cccccc;
  --memos-stat-day-L2-bg: #a5a5a5;
  --memos-stat-day-L3-bg: #7f7f7f;
  --memos-stat-day-L4-bg: #595959;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #7f7f7f;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #313131;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #f5e6e8d7;
  --memos-stat-day-L1-bg: #d5c6e0;
  --memos-stat-day-L2-bg: #aaa1c8;
  --memos-stat-day-L3-bg: #967aa1;
  --memos-stat-day-L4-bg: #192a51;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #967aa1;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #aaa1c8;
}

.theme-dark .heatmap-default,
.theme-light .heatmap-default {
  --memos-bg-lightgray: #eaeaea74;
  --memos-stat-day-L1-bg: #ccd3dfea;
  --memos-stat-day-L2-bg: #ACBDD2;
  --memos-stat-day-L3-bg: #8DA6C6;
  --memos-stat-day-L4-bg: #6D90B9;
}

div[data-type=thino_view] .common-editor-wrapper>.common-tools-wrapper>.btns-container>.confirm-btn {
  background-color: #6D90B9;
}

div[data-type=thino_view] .tags-wrapper>.tags-container .tag-item-container.active>.tag-text-container>* {
  color: #6D90B9;
}

讨论

若阁下有独到的见解或新颖的想法，诚邀您在文章下方留言，与大家共同探讨。