/Mogic-Topaz

Self-modified Blue Topaz theme for Obsidian.

Primary LanguageCSS

QSD's MogicTopaz

按个人喜好魔改的蓝色托帕石主题，适用于Obsidian。

Self-modified Blue Topaz Theme for Obsidian.

Major change includes title color and font, specified as follows.

Original Link

https://github.com/whyt-byte/Blue-Topaz_Obsidian-css

Preview

General Preview

image

Colors From H1 to H6

image

Fonts

  • Main Font: Charter, 20px.

(at the end of css file)

body {
	font-family: "Charter", serif!important;
	font-size: 20px;
}
  • Title Font: SF Pro Rounded, a MacOS Font.

Tags

All tags in the orginal Blue Topaz theme are inheritted. I customised some own tag for my Maths study purposes, including #TBV (To Be Viewed), #MostCrucial, and some other Maths subjects (#Analysis, #MVC, #ProblemSheet, etc). You can search MostCrucial in the css file to find the location to DIY tags.

Some tags use the font Georgia.

.tag[href^="#MVC"] {
  font-weight: 600;
  font-family: var(--font-family-h3);
}
.tag[href^="#Groups"] {
  font-weight: 600;
  font-family: var(--font-family-h3);
}
.tag[href^="#MostCrucial"] {
  background-color: #e01493 !important;
  font-weight: 400;
  font-family: "Georgia";
}
.tag[href^="#MostCrucial"]::before {
  content:'⭐️';
  font-size: 20px;
}
.tag[href^="#Analysis"] {
  font-weight: 600;
  font-family: var(--font-family-h3);
}
.tag[href^="#Analysis"]::before {
  content:' 😵';
  font-size: 20px;
}
.tag[href^="#MVC"]::before {
  content:' ☹️';
  font-size: 20px;
}
.tag[href^="#Groups"]::before {
  content:' 🤡';
  font-size: 20px;
}

Notices

  • I am not very familiar with how css works, so I might embed some useless rubbish code inside the file when trying to DIY the theme myself.
  • Many thanks to the owner of Blue Topaz. This is an amazing theme.
  • Hail Hydra.