/ * ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
✦ P R I M A R Y ✦
an Obsidian Theme by Cecilia May
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
A combination of Bauhaus , Scandinavian
and yellowing magazine pages as palette
inspiration — Primary is a theme for people
looking for a certain nostalgic warmness .
It is toppled with functional pop
of red blue yellow colors .
The perfect mix of loud and reserved .
Playful , reminiscing , productive .
Obsidian October 2021 Best Theme 🏆
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
X : @ ceciliamay_
GitHub : @ ceciliamay
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
Get ✦ P R I M A R Y ✦ updates right
in your inbox 📮
https : / / primarytheme . substack . com / subscribe
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
● SUPPORT MY WORK ●
https : / / ko-fi . com / ceciliamay
+ early access to updates
+ Premium Palettes
+ ports to other theme-able Apps
● ROADMAP ●
https : / / git . new / primary / project-tracker
● OBSIDIAN FORUM THREAD ●
https : / / forum . obsidian . md / t / primary-theme / 26687
● README ●
https : / / git . new / primary / obsidian
- Features and How to Use Them
- Supported Plugins
- Contribution Guide
- Developer Guide
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
CODE STRUCTURE
1 . General ( overrides , spacing , sizing , radius , shape , fonts , animation )
2 . Specific ( usually colors , icons )
3 . Mobile Styling
4 . Light Theme
5 . Dark Theme
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─
This theme is using the
GNU GENERAL PUBLIC LICENSE v3 .
Please visit the project ' s README file
for more information :
https : / / git . new / primary / obsidian
If you will be using parts of the code
or are inspired , please do leave a link
to my Ko-fi :
https : / / ko-fi . com / ceciliamay
as well as leave a link to the original
GitHub repository :
https : / / github . com / primary-theme / obsidian
It has to be stated clearly , publicly ,
and visibly . Thank you so much !
─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ ─ * /
/*────────── Cascadia Code ──────────*/
/ *
Cascadia Code
by Microsoft
v2111 . 01 via GitHub
Open Font License
● FEATURES ENABLED ●
calt - contextual alternates
ss02 - alternate not equal
ss19 - slashed zero
font-feature-settings are enabled in
_typography . scss via body element .
This is because Chrome ( or Chromium / Electron )
has not adopted ability to use
font-feature-settings at the @ font-face level .
Will keep these notes for future-reference .
Option to turn it off via Style Settings
is added .
* /
@ font-face {
font-family : "Cascadia Code" ;
/ * font-feature-settings :
"calt" on ,
"ss02" ,
"ss19" ; * /
src : url ( data : application / octet-stream ; base64 , d09GMgABAAAAAxKUABcAAAAJ0MwAAxIVCD8AQgAAAAAAAAAAAAAAAAAAAAAAAAAAGo42G4LHGhyCgmw / SFZBUjYGYD9TVEFUgQ4nIgCnGisqCIJCCZ8UL2AREAqPjByM60Mwjq4wATYCJAPjXAvkAAAEIAW7dgeCtB8MhXVb3gy5FP7fZ2zn1vPD48n / AAZzOqRorpxrlSu7xvPN3JdWKK + o85UNVUPm3s8HaiyTcIho01r / fkivfIZY0u70ckCmDFsT0DN17Pt1jm2pcARNOTWq / P / / / / / / / / / / / / / / / 99W8p + ozXr / V / N + VfVBNy2XgAICIgbwipGEjJoYNZl1M7sz2RM0H2SISEERdU + djRCjzHIUedOtdK8Sa9UHJI2GNpVOt9dvZTnSND3Mo4hxUCMgBGTDUZ6iPKoDKsbj8QShsNiejjCWJ7POAHMRozMdFgmcqktxJlcH581J9936rIEW + kbdcnp8Ma83SPVLnckvr7TRdb / fPysxTtUbuptO51N00UX6PmAeCxxtztBeUJq4vYEvwgd4xVRS3PWFtetQLeS0i5RbVBQGM + xMeIrLregF87lcEPnHEiVlpQei3StDaKufmI8o0n0Qx4IYfDak4G / 0hL + 3B4Zoj1073qWFKGizuhXQRMDqC77KdhJrrxhC0kvDQceesGp944wn4PPC1Ng0xftykO1FQNCIio4ViicT + 2Fnef20FC / OGZPPhRWpR7MoQlF8RdZwr0coDhS7myn2MmyNvr + Dda6il + s6Bq1ppv0wc / y99NdK20JxKL28zMH7NOBBGuy7 / JvwwstbBwtac12INUamnVFdUm1OTMnwzWQWel7bidrQVLY / fkwulxh2OqPzy3dTZOpXqkb1gTCN + oVzeVmW5aIUWXKpzgTTNN3It8Y7fn / 1ikf4 / hjFLFZ / 1 / tU + dPd9D / Uf9S3b8tc / DwoDzez4 + lD7lywgfI8n + bin403Vjd / 5uu8zivkyWc69e1lNbkT5 + O6U2etFlKVY9Woksl9SzHPKpTjqgpxVmGgks5kgmO5xqzAB3S / 54jJT3Q6XJ8rVuOJBxuR67Fx3o35fiWGz91hddqrcO4 + UMkkYxtRHBwVk + d7EZ1LOtfuze2Mhx + P4AMCFljdeSX438yTIFJTxtSYZegG8RqEjXtZqj0rz / Gvi19xIj4kNqJ6y8Q2nScsNa8af2nbxI / eXvt8AynMTPhDxH70CBPxVv + FouCbMJuKC3CzpvgXqLXxkolj9eSqe7Z + / zZF6p431E2nTmSe / JXexM1NltIlNs4n1TptDC9nEf9unEx / UL / fu1xrbLwwaHd6bqFhfn4WK / liYiLp + AnFygfwHj + FKXTZiY8yfvgSy / kuktTSBUwZUF2BWl + h24sYCN7IrvJ2RaNkx + AFQSpEQSXSmJSh / I8Jj8CMTrdUvWRP2oI + mVXr + p67KQwPCGZ5sCDDF / OUfm2a3RImCBv6bTDlv + yJBcoB98Qcqal7Gs9tB39UGYNJE2aamcnhF3PbR9FfGvzIwGDP + Jw9Y7 + KiCf4PAyR8gpmf2ZPjyLGlnZgMJwQZ0fnv / / v5EZ6eB + kYWcXKxHhP5k4rIvmDqfYiaZy7NhRAnZj6X1Sd1RJ94rqQ3 + QcoPRI + aTGAMojTLT / FYrmKpXOYw31PanRdGczodJprdowYspHe48a9kKTnv9 / 3 / oj427 / uXKV2uQWQEx4jDfAwCYNWmq6fRiMBjFpDdbutVmF4c4xSVK3J56lZ8YRX3l73NK / x + Dv3P3m1FeSkogwCAHoWSjTd9fgAMms + vU / nV / gm2Onn + uY + WAGSrYkXHShiC6dG6 / VPJPACMWqgWwAoYwAiEI2UdADwQIAPz7qVqAjUtpLoi2BbQ02ZLH1lzW3vaTftaasOvfSac2Xab / KV2B7ECscPLCuvdDV2XcBQIADAd + m / + PlTcyvu531Odf9Hs6lioY08Yopo0yDCx0LMCohYtyJyp + + p / u / 9eaNTPbsrOjdfyoP7H2mdnHj87s2UlKjyBWIISS9oQ6QUppaSgSxFrwAEVuj / Udu2rDX8MHHw5pwBNIALvIfpEXi / pRAAVZAGBg0dx / VU / XJFlAcOyAwX21jEoSCAl0d + oUEeVNlz3P12Zf55z7ln79aNqmaaBp26bpbrAlSBiHYfiMaZEQRKJEkSBBQggxDCG4bMQxSogag0SJk + 84DDHL5j5k5 + f7HbP7zWaWnThm280yu9BDYLf76X2frIQkCclKEh + y + 95 + 6 / / NxIudFTJWkvRJktDHGwmJN7JCVlbos7PSJyskyZgD4DZBBRUUURDkXAFR8eJBfCB8kfM94MNzf5p21HxZaWV2zI52nr2z1do6d / W32m2rtrW1Dd7397j27u5lxuEMQlgSNMYi5nEWtez3FEp + Fb9O0l1v + DvcGvRpBNLjkAIhMRrn2Z0M / 06tZJDh2bLoiSz5iSz5WZZJxqBDTdshWAD4OkJH3esc0d99LhDfAHZ4NzNT2EnL47YpOUlDA7qhHZ2agMeABEiCRsTwQM1ll / hldu7bafptgNwWalqGuHAtBARzT5wTA8dElFwjx0Q3jlw7THOVxjtSTj3FFVkpJfkj + 6ysbP1X2tiIuinF14VcSYSx + P859f + RGCGEEoMQI0GWkASM4uDETebFVP6iPLt01f / U1Lavi + atV117 + Jz6pURBN03b1KWf / gwBnJfpunu4zcw6GgIo0bhJk9iOzTILLXoCekLbzxTwyfNN3q + DEu18JIGAFGy9UO9qEekNZSr5g9zsHwjGIBYUhC5SZCltoUtfXFDULMVGkOZGMQUTr9UFPHN3v7fiv1b335ha9yec2v + fOWdmNBqRZcsUcJK222RbzgL1wdJ9yHs / MFiQwsInfEB4AXuBlssYN45jW2ZpCHUryd0l6TW0pE0LtVAXainOgQsVQQVBRXEyBEX9d0wc6 + cY1d / gAC2461hVkIcwCvRIm7ShQCe7X9KtWWtIEDicQ0mURFhLMwAYeB9eN / tU5e44sRoVVCIOeUlIiBghNWr0yLlSvq5 / WHyadJjMjAq6XTIrgtWDQFoCGPynuLS8lTZdnfAh1KcqcXqXTFUI3mpONj9MYsDSmXneddxHVQ + xA6SQ56 + 5D4uY8AZecEMb3hD / uxKRJdA1tnNKd2osC / 1 / + qbW / 2mSWi2wZcuxHScOwXB2skSzF3DuPsavt98PqLraSS4CDyfjDDpOzJJlUUvVWF1dVV39Y07 / + 3Ns1omsupklEe3YkhI7UIjtQIFjW0NpB53e97ZDsASGj4VPsCUkQK + Cl2pc8YLf / 9znfZRkgVRpSkKuy7hdtoUo9YTp5OdU9pWMjRHr5rkvK3FKCvGnnNq / AeEIbZkiIyRxqGm7yX519 / Qv53 + 48nEmMpRcopQhRVgk + qWw8L86865ls4B8BGNehxV5WP6TLRkCViopiJQXvWQZdUUIzOC55 / FPJkm6T5IkSXaTJOkmSZIkSZKZJMlkkkkmM / mSJEnyJUmSJF + SfOl2knSTJEmSJEmSJEmSJEli / q9mFPKUSJ1rMjEaxSpePkcrZPWWCttw9gEMQpkaI5rcj3OfPAi1B0JNKCBlCgwvyVh + r3dO7oh01n8JpdEotjSSZhRGM5KQhkEIMYBAQpAd2cCuN3g5H97b44WQabVYfG / fTy9Ev + T / vy / HjeewUU67LDa2ZbKwZY + xAQuL8P9 / Tut / Y4GEsCX52LINVrBxVONMZ7c6eEK6Kfvml9JXSjoc1HaH + FKveVp + M3p + at9pu9NYbUs2VkJIIKnIpZIIBUWoAgoOsQCh8KNbPf8H8UDiQAgQZESZ2d2r9kR9pyteJ1 + sbb6p6JLEJTjGGU27CaWMLz / msq / 9 + re7D83u / Zjdh / sCpJBc2KciiUnZuAgXGS4f4Yhn7mFNq5JUUgmoCdw2B5yhbBY4B8T5zj3z + i3CFLlVM8MAQxBsGBTURdmAiHlc7laWc8 / D94JXd15IXvKtufsU427NeskN8eImf9nAs5jHzI5xEMOwig4mGBjCpS2VYe + MVAHLwFyeHKJTgFhh3gB1NL2hC
}
/*────────── Inter ──────────*/
/ *
Inter ( Variable )
Inter Italic ( Variable )
by Rasmus Andersson
v4 . 0 via GitHub
Open Font License
● FEATURES ENABLED ●
calt - contextual alternates
dlig - discretionary ligatures
case - case alternates
ccmp - compositions
ss02 - disambiguation
ss03 - round quotes and commas
cv01 - alternate 1
cv05 - lower case l with tail
cv06 - simplified u
cv08 - uppercase i with with serif
cv11 - single-storey a
font-feature-settings are enabled in
_typography . scss via body element .
This is because Chrome ( or Chromium / Electron )
has not adopted ability to use
font-feature-settings at the @ font-face level .
Will keep these notes for future-reference .
Option to turn it off via Style Settings
is added .
* /
/* Inter Variable */
@ font-face {
font-family : "Inter" ;
font-style : normal ;
font-weight : 100 900 ;
src : url ( data : application / octet-stream ; base64 , d09GMgABAAAABUX0ABMAAAANNCAABUV6AAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGsAQG4jcEhyBukA / SFZBUtctP01WQVKBKAZgP1NUQVSBXCc0AIHJZi + BNgqIxViHqxAwm9E4ATYCJAPbOAvbPAAEIAWaHgeB / nhb0re83 / dFdH2lZFgFUl5iDYPKsi6irGlZ5y3y7Xbx3fn3I / 47Ow + uoik0f + Otg68XmfYlcKCvXtNS0Yzi0DDkWDumd6dDhhpIAFp0Tvc / pVT4vnH0VkaN4u7DFnd2jrYK / FNyIWb / / / / / / / / / / / / / / / / / / / / / vSY / Ip3 + mzn0ZnfvdNKdSgOBEIjaBAiMMDYhBEwIAcc / 2N8lpP4iCINzBh / iJC6mSEplmfk8KM5VEsU508xgStU0M7VWbzRrtVYtTdqRO1TLnDgqk5jqdLPpLEM8o5IF05vtZ + Qs / Nx8e5BlC8kiqDEyGaGnUl3K1OX5MnpYWQ1rGdblhouwibJiYkFh9FXVbc3PzW1PpjuJvhudOiPP9df66KJMLGFv4PaJOsW + YAPmCCfT2MHBc / bAi6HNxa6UzOYZ5g + D81MOR9mxUYyCyZy03Koni6eviltoxvspSmeWxD7JuEqa6K + ZiBON42W1w / nu + Wu0FmJcIDG50zc5zTeM8FYhRU9cfie8uKp / L67PfoD3N7yVxFrj3fAOQfiW + NHh3i071Il4rXzaimPk4gjO6b3dPc8UJ1wjRkRMdf6nkzpG4ScQPO2cBAR1ksLGhgpnfXp1FFfX3yLvSC88eoJ6VwQiUdxEV / w4vx9hlaftTjNDLB4U4mfsSyuA9CjNzhaxGG83qpZM3T7iXrk3rz2Z6hk9qO / bp4lydK7OzVINvbqTTqSiJAwmTpBueB / xaYP5PUVSyalkRjX + RfJDbE7 + C845zcx + 3W09f4Qpn / AgFoh / l / bdgOKwNR / 83s9yH1tqSMST9F5xEdJMs / Wlm00xxOdtytdfXp36Et7vvC / HwVaOUEVgyPKrLz8kLsbrN / Fg6eLu7YaPb7e0g8mD8w7b5RKFQ3jCtAlP8TUVHeJ6qowPRNItnaJDWZU5xS9EtlQP9TLyQ / 6wv + VikISjjM / tsfhTPo5lN5EzPOtcD5C3JzFpst3MU78ghgEBk3pdG8HBNNcskBN8O3wjz07EgcKoXp5JwqL / tqWNhk + t9pCzIEF0Sg6HZpgXvSLFARZXj8ebRTFYLCu1GkxQoSAZImxoTyBMWyoVyK2c7kwoC6C9tHA + jZdTvwqKjdR + 97DKtpsJAecvVmkSzBC2MPVa5KK0209xZfLhQp6Ytgl6Rr6buM6EjOQ5HqJXxBRawkVsRkuVgMdUqUVxY8XBCuXossOBzSyOWyFh0llwTpKXBgNFfHLlPMXbS3MU5uNKeS1J7uW81ctdzMppySidhvKhcK5lGv0PGdDVCB9lODEO3 / l + VfT0C3 + nESyURn + vIr5 / nnIUnAJN6xoMBBtzDo4IDcJk6dyEI4mdj8WEotcv0cpy6lXN6AZw1qgZ5vBxuSIuxXGMEdEW55ky7DiKWl0EzKArcjxE2NGqeFL + LIRce8RfxYVjw98Xs5hpN3dOE4w0mrquG1XqFjnBlk6V / Fgg / 3x3 + pVL2NMIylmswJSewcQSaMSNyl7rqyH1sDeUxHBrWc7i1 / 5bf4Qf8VuskhH6kRn5 / hgpl7DyszseZRY3YnzoYn0az4 + hozjnNDNTSfVlqNW62nLzG5qvG1j5kE6VEM4RQl1lrPJJJdV / 1PxWI1FU + PnTwjRWvKOf3BMupffSnumcNBTdmijBY3ExvxjgTsw / TH7N0Ll73B5eyZZ6Nl5XbV7lR30 / 6m139z9strGdszbur6IabxBfDpD + l5F7VEeM + itmWHv3J176n44v8HzhG5xK1odiXFb / YOSvVNu6banPSrsQX2M8FJ9 / J2kO5jYHwhM3my3RFe7hs5KulFa0ZHIF17Wa8yJHqDr8T + 5IRpnllaR + JC0T76RN1KP4pHwUFH + O82Gz9W5fpCJV / o9tw8uP2e5eJzuTq8KUIjyWcNt4 + cJpG83fOGweukawmRgp05cylm8aWCsWybms + tUqoeIMpVpwPnFlLA8q8GkDichRscuacK7qtrec8BR7meiI7l4Je0RSKnXUXRBZ7rBLl78KooWGUqq5eLEoPHzu4JQAKhVOpzBhTGLvhHMO3dyHohJHS + 2vRP5dcF / Gg2sGLlfiQcPFOdJz9ZqqUSWjlydgc0M70M8L5vAXdFEl9tpwovKluor6J9QWPG62Q / g7jpVOGpz4Zj0ujMLTkKKE0D9gaw5XJ2pWuJfCi6N8W7hpbA / 3t4Qn3OG22BHu8BAkUtiCFiYnkWcmXFLC8MB530yKgqEunKs5X3fCE7V6KirC1erKZal01ARFsdaEq8LgWM1ZLQXxTT1Rp8R7hcIVyq3XzuyofBJyEQrvXt + / y2QGX8D7 + rdn7S + yQG4IBCHjrr2NtFRCiEAKO1mxlxyk9ih0avSKkzyM + mE6d + ZLcZVvi + wuWdSoBg / JKHtam6vJK962 + MgRWl + zX3P7hy96Z / 6fqh6Ntq0NkO2EL + If4QNC / L3EEHJAgghoNave3cOjflH / J + / sORC / HOoRHrPYThbejOVF + YgpURO6 / Of5tXXu + zN / IolPRJt0WagYKNi5CyoqKCZhFhhYjRi7bTQWYq3YWIW5844ny9nX6 + 6Z6ZndrEyQAYOIZ2NfCginu59ypqcXuJQixv6GI0UhhCSk1W6ekDq9FH + elur / mSWYuUO4M7OzswySViu0LRPGAScOYCkleF6tmj4uv5R + k6bIKf1gG2ybhuo6ieMYUUbxDzRV / 8lBcBIzySBbtiVbcCid6HSiE58AyYrcrAOi / q0bf + w6oP4Bd9T273dAXYftsBQN8HPrtxECIpiBcUafenrtUC / / 6d159nnt + e + Mxrw7t7foYIwVWzMWjB7VkpIiKQqS28 / zy9nfSYIXgrdO1Xe3KwaV3S9q / a6ZPFjTmvIppUKhaIhOJjIzkRl / euXce9 / z0RghJBMC + Ht37 + 8GxZvTSWMBJRLlgYdRlvAGmhxx8M / / 0b / uvc9 / 94 + cwQIUjmDW53B4GigcLlG5XC53FcvlQgHbvBAyefzMG2J6lGtVdefVqAfxAVaQFbMWhsAoZsNquj / fU5VOcudZpx7 + YM3bbxbHpXEikcQJhZDR4cG3SPxxdFI91LALsT928sB / NrVH4INwoDImsxNI6Rntr4HnUWfm6csK2U505xAfMgzztTx2m9ptBv9TV4YNX + QDLPpQUeeuqNJ79CzF + 2dFkeUFVCe + RMPw4Wlu / + 5d5G63ThYJLMiNSpEKqzESsQDtn93 + LLuYsBse5tY / UUxMkFAyN2AD1iwiWbNkIzYYIyolSkpQwSCsOvU84zxPz7tW77yq / 69qiJbq / 5zYEGOImhQI7CRtyu8TguXTax5BKdA0TRyHbJZtWXg6gt29JZxFOECdTqgqooLxNwpjm70BNvyc / 29625QCPYTJCWCb5LYXaPt9U8SKlV3endITdspMzwOqz1sUDNA1L33Clz9yyfgILHkJWoC3Ndf0NnvV9CYMMJcuQ3WqTJ / eZgGdkJfpLbxFrVaA39GdAbEACpAJpxMrDtAORvf99sYvuS2z + wEFji4UaMvBSLzAiC5Ufxn / qa6 + PxFxA0xXFjurjYG755NLACuo34C7mffJFcQ1wBWRP / GX9mYeZ / 6q8gbb9ggWdpKzFdXbg / M3 + YG / 2ZvaXQNcbTtbE / 1raJEDcGpkB / yc / f + ciKFSaLHW2eq23bvvtyltr4rmJJAgwQMxISJ2TkICBAmmxSq + n9pKt + oDNKf / 7i53B1TsKp4ZVqdJfqFCUgm0BAupIRk9jpDupyzLgh3S1LIgVgnUbtSoOLvqb6Eb0yqlZpRVmBnrZxKM2TzxkKKkW0YQ7febe7b3xQyxpCUSI5kcYHNgnczhSTefd3e5u6xBFishgzCngiigVjcOFNeou6KiqKi12mrXtmP5W39rrbW1jupGq4hjIzJDEkiAQEIWWXfv4VStq
}
/* Inter Variable Italic */
@ font-face {
font-family : "Inter" ;
font-style : italic ;
font-weight : 100 900 ;
src : url ( data : application / octet-stream ; base64 , d09GMgABAAAABc / oABMAAAANrwAABc9sAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGtEkG4jrEByBt3A / SFZBUttRP01WQVKBKAZgP1NUQVSBXCc0AIHJEC + BNgqI71iH0WgwnP0GATYCJAPaJAvaKAAEIAWfIQeB + x9bnjG92u8jdPsTmjLf3E2a2nITfazblqHZARQRlzhoa0hV3YaGBkCNmvnvuw3 + RcLpM5 / hND0qZ2HoaBAXjkVVnW3TMUY12ABUq + r + 4QaoGmN7WumkpNbzPDURlV0jmq + AFNf65ez / / / / / / / / / / / / / / / / / / + 89 + fG8bt + ZecnMve + + lJdGEpIAAVLogdBVSgBBqgVBEL8BFVgsbf1fd10Xosb6LojFTSIZptKZDLI5akxPHgVirXKqtNgLZUpUGCkXKn0a70 / 7AwbVQQwN13z4ddowSHooCml6GGFHWcnmuLGwNlarjUvDITXBKJQTCCdehBV2kolNtaZjrTA50w5n + 1Nz85MLcA6GqSgtIr5oFEvL92Ascx8t1uABb2SlUFjF2jorwgsvvHjubNBZSW5quIWHxFrWJxuMqGCbqkYss92HzfIOHu1ib0Azuf2 + tWET + OTg0GIH7aOZ9vTBY116kkliTGjJSxtjT3GvWl6txgTPSEWVHA8gbgXPra03gvBBOuhFRqimSV1QWyWzqiQm / on2WBTQTnbixaq / ZmmIaSV1QWxTTou9 / gskXV3c6CiSMfQ5hSTSJvdMydn6eerlw / sXi6UMI1IsKDXHodnI6akPfwJ2PuHDL7tE4BPf1F71qu9cbGWkT1xfMEgGtNhIHD74a9Pt9GQErwXtFWXb2XKl5QfTcyYg9XzX97lLVWRamkwuVBNX0 / H7i / mrISL5N2 / ZvfHqpMYf99fDwCcBDEzbJpZNkHJzQWDj7iqw7wr9wRSOuOssslkkECC + dDqqJj3hmn56thY4nYAxVjW1BIG1Ng2TUYWJj / mBc3CJrSehptzOQCCwg0OmiPV0uj9zE4xn1tEHixvJHy5h7czdMsYYA5 + 8tleW25jhttcy9WpJ0Zkbaww4hyx / IWSHCrInozhE2fc0T4VfqnJnguxINjsy42LNQrhZx7 + W74YZYwzXUOWMKvuevRpcri1gFdX8QqVSqcz23ECYhrJzwk5KxMbLCITVBDMBZYRUhTmDifCH / FhMZBLTi0VIgqpwC / FX + Aj9NKSWU / 1MDV4Om20shI4coiHkTguk0JFCIS5oyJfekY4yY6mvhihV3B5M45vvf799Sq0VsqeYKHPnqX93T1c6KDkPFSHJfoW5p / hsFVtpHBGDuoPWA0V + + y2xsOyPpTfK / P0PvcP + pcGgUEUu9pOZ8XEMsY488dSg1 + T1InLVoQdr + / vDcmefXqiBaZo3wXt0PvYWsvRXSc829UphM / jUVUghQ5JCduX1FvLW3cMW + UDWPa0IZ72niRKFEkWSc2SV70ZComg + yreIMMMkxr31YqmN5DXzHf / BvmWeaBGbk / bF / dgmrhmN6DjTZW + T02MXMoVjn0lbZXenlGsdKSmIi3cSFmHqSLfS1ifaGB16 + WAPn1xkOlH2D3yUT4iGRWUeF4owGIBVEt99iJUApfrunp0g82gxZzTmbZKbJ + K5JJ4lUvXeeklRC / yWMOkgMEy / McRAAkNUBCWBErHvVQ1RR2aarp4nQ5ErelmGenlFrOfd40Z8n57xscQbTiCceFnzduulkM9mJZ + D + Sjk8T4UFWdNt32Dr0z76Py / BUGIp0lcCvmWU8GwHO8Rs4wmBqskfUnLZNijgY0enzsh4 / w18x1 + tMRogQmgI13mxWiTbrJfEUzCV1ohCfHaZtpTPtmP3ekFrGJvU1dhdKZYuV5cEeekdhAzCCWhSlQcM3ZykT23ZR0oy8XLi3waGaRTw89Xss4PrHMVWF9Rr1SI / kLj9ympQYaXel4LRJDtU2QKxpJaf6lgkfy4Qz / gOpxLtFpN1KcHheTx4ypkRVgRdkD4Z6dEsE2650PYIk3yDcoJhFMIVqlRZFhJXOgv + AobCj0nh92jz6gideN3Mvgffoz7Fq0qeeHY38I + EtZIJC65ElboXRTesJe50R6XzjsEUZzDIKm8nbPT90 + a9GfkimzIz + JDbo7kPJ2wEjUl + pZW4GQtMnO8i7yJ2j / 6py2iOMpsI1Hd6z5bZ + MSuVE + znYsey1RO02SG6F0Dtqo28DATsE8VehhgRwKtg6SY4FCYYZIRkh4wIpkJuvze4N3d1 / w + wuZscSnM + qMCLFCVMjDW2LomzkjJjK3Z2gJSu / + vJugQ3 / / ar20I3rU13 / p43jHSBwPfyb81GOHe3heNHZKuxX / aiqPhfKRSH41H + PSToUJTQ6jRInSFSW6SpWowsDA4D2N6V9Z05B8PtbtQwd2EevEaMlgWdG0ipW1JllDw16uY10g70ayHYEQLVdsjyFTkutkexy + bHj4pkfMI / z / FeOrMK + iyed9VsRGyS0D / kPGvbW / W2udSEkAQBARiYhhuaXQYVQiPYZT1FJVNt2wJVOG3Tiyn2akA9JCz5GIr + 6ns7hguiJlbrojPcInKb0afA3N3sS5frLl78TEwg / nT / CpPbaXpO3t3zMGIxEGpXA4BiEFw9N0 / ntnuZxH / SLaWJPWU6XFbMWK6GBMGTO23zaFqQh8Y + LMMB + DFmk9ae4G + G35z6YVCQsVRaKk49GpAiIKKKgoRoF56WXvdrtbZN / yd9z2c3 + 33e72d6sBWucHT08 + M / Gi689ETfTosaf3L3KhZqbGpsfkTNZETr9N5aZiqg74OYufZ3lRxFtKqWxb2t12xc77EujunX9TeRIiJBBCQuLEhCSEGBHFrBRaqG3FV + zuVtyPaLn + dXVXdU / vrMQ2G2WiQMTwIGJBRE8MORPklOPcDLHPz6kwPG3z3wMOOCRMlGzPphQVDCyM3szpoqxeGsvqn + 4vKr4rY3PNwVAdPodNNoV5CA3bDtheByUWQ7QlQ9EAWluzu1dUyisiopSEqCjRp4fwoITgYRElPqkPwoNP + bTvEyVIK6GIGAU + NqUgZRBiHSUYlAV4AzS3TjEJCxDYKMUqBDGRjVUUsI2tYQwGo8sYtSFgIIiKYD32l298 + Mb / G / 3 / PupHDfBr8 + + OtHDqjJxZ017oQ4yV + 67ib25Gb0ZNF6 / u7t27yncRzRV3cKSUaKOAhdGUgojADcHcuhEt0SPTbFQU9cOqwpqolEWUdI4YsWQba3ojVk2Pyg3PT2d9XyL6421TSVUpVSjFZYhawceN29jdTU5mxu52Gza2ITpKgRrQAqWl9aRJmlTSiP / 8 / x4BcK4zXbbrUKL + G1UFlnqAzjGnjRvD7isxpGFqOfUeTlFs2AbnVKobte1CXfnbYUqUlGHATDG5v8A80JYPz0 / VP0opQA2wY2TZlm3hfSR6AnwCBst2FWX9gDzoOsCuA / xtB4ClARUwCoDJOdv273SwBAmfj + p8EaL04D / oz76q903vBl7OSup8S2OkASTn8k + PzPp8Jal7AHfXRDAz30ggnTYQRoSZo + / MHDkjzhDqwsO / 3f + 7zwcdwDMXfDDmffkGLFqwaMHVp03aFI052 / 9 + 7Pnf2sv2ufeboHIfKkmsiVWST2fIvEb3SIhMx0M0y2bxOyT47vNfI9nZuLjtI8CLTH9AzCf + s6b / kZ8DIuLlggpYkmda / y3T6m62 + yF4nl / On / P2bRyrqEJFQ9V0L5uaSIpY8FCnZgIfPt1LhK1aXTDdYb5djcQRgsMJ4nEKpxEoyc / b1P / GsqThC3QuDbDIFCtECwRd4ei19Vbb / aJZIEjYUojOVT1zQLLJni1XLq3x0ziFUBpt4fn3B3B33rnv / a4omE2Liqoms64LoQM3cN0dL8RI9XtXLt3d5tcjXGZS7jkySYTn4Y7TKDTKYhwahRXIghUXvghl5zWZU69UrEXrzFvhFgj / 97n16Z79urcDDbyn5zhpU8hfu + dW3YZCm9wKmlGqqzb52 / xO1hFmmPCcl0JCe8Pw / HT20pa2FDGdGNPb7e5SYH7b3e3Ud7NTHSUwN
}
body : not ( . is-phone , . is-mobile ) . clickable-icon , body : not ( . is-phone , . is-mobile ) . mod-left-split . workspace-tab-header-inner-icon . svg-icon , body : not ( . is-phone , . is-mobile ) . mod-right-split . workspace-tab-header-inner-icon . svg-icon { --icon-size : var ( - - icon - s ) } body : not ( . is-phone , . is-mobile ) . clickable-icon . side-dock-ribbon-action . svg-icon { --icon-size : var ( - - ribbon - icon ) } body : is ( . is-phone , . is-mobile ) . clickable-icon svg { --icon-size : var ( - - icon - m ) } body : is ( . is-phone , . is-mobile ) . workspace-drawer-active-tab-icon , body : is ( . is-phone , . is-mobile ) . workspace-drawer-tab-option-item-icon { --icon-size : var ( - - icon - m ) ; color : var ( - - icon - color ) } . clickable-icon : hover , . is-mobile . clickable-icon : hover { color : var ( - - icon - color - hover ) ; background : var ( - - icon - bg - hover ) ; cursor : var ( - - cursor ) } . clickable-icon : active , . is-mobile . clickable-icon : active { color : var ( - - icon - color - active ) ; background : var ( - - icon - bg - pressed ) } . clickable-icon . has-active-menu , . is-mobile . clickable-icon . has-active-menu { color : var ( - - icon - color - active ) ; background : var ( - - icon - bg - active - menu ) } . clickable-icon . has-active-menu : hover , . is-mobile . clickable-icon . has-active-menu : hover { color : var ( - - icon - color - active ) } . clickable-icon . is-active . is-active , . is-mobile . clickable-icon . is-active . is-active { background : var ( - - icon - bg - active ) } . clickable-icon . is-active . is-active : hover , . is-mobile . clickable-icon . is-active . is-active : hover { color : var ( - - icon - color - active ) } . clickable-icon [ aria-disabled = true ] , . is-mobile . clickable-icon [ aria-disabled = true ] { color : var ( - - icon - color ) ; opacity : .3 ; cursor : not-allowed } . clickable-icon . list-item-part , . is-mobile . clickable-icon . list-item-part { color : var ( - - icon - color ) ; background : var ( - - icon - bg ) } . clickable-icon . list-item-part : hover , . is-mobile . clickable-icon . list-item-part : hover { color : var ( - - icon - color - hover ) ; background : var ( - - icon - bg - hover ) } . workspace-drawer . nav-buttons-container { --icon-color : unset ; --icon-color-hover : unset ; --icon-color-active : unset ; --icon-color-focus : unset } svg . dice , svg . help , svg . lucide-alert-triangle , svg . lucide-archive , svg . lucide-arrow-left , svg . lucide-arrow-right , svg . lucide-arrow-up-right , svg . lucide-binary , svg . lucide-book-open , svg . lucide-bookmark , svg . lucide-bookmark-plus , svg . lucide-bug , svg . lucide-calendar , svg . lucide-check , svg . lucide-check-circle-2 , svg . lucide-check-square , svg . lucide-chevrons-down-up : is ( . nav-action-button svg . lucide-chevrons-down-up ) , svg . lucide-chevrons-up-down : is ( . nav-action-button svg . lucide-chevrons-up-down ) , svg . lucide-clipboard-check , svg . lucide-clipboard-list , svg . lucide-clock , svg . lucide-code-2 , svg . lucide-copy , svg . lucide-download-cloud , svg . lucide-edit , svg . lucide-edit-3 , svg . lucide-file , svg . lucide-file-audio , svg . lucide-file-down , svg . lucide-file-image , svg . lucide-file-plus , svg . lucide-file-question , svg . lucide-file-search , svg . lucide-file-text , svg . lucide-files , svg . lucide-flame , svg . lucide-folder-closed , svg . lucide-folder-open , svg . lucide-folder-plus , svg . lucide-folder-tree , svg . lucide-forward , svg . lucide-git-fork , svg . lucide-git-merge , svg . lucide-grid , svg . lucide-heart , svg . lucide-help-circle , svg . lucide-history , svg . lucide-image , svg . lucide-info , svg . lucide-layers , svg . lucide-layout , svg . lucide-layout-dashboard , svg . lucide-link , svg . lucide-list : not ( . mobile-toolbar-option svg . lucide-list , . mobile-option-setting-item-option-icon svg . lucide-list ) , svg . lucide-lock , svg . lucide-maximize , svg . lucide-menu , svg . lucide-mic , svg . lucide-minus , svg . lucide-monitor , svg . lucide-more-horizontal , svg . lucide-more-vertical , svg . lucide-move-vertical , svg . lucide-pencil , svg . lucide-plus , svg . lucide-plus-circle , svg . lucide-quote , svg . lucide-redo-2 , svg . lucide-refresh-cw , svg . lucide-rotate-ccw , svg . lucide-rotate-cw , svg . lucide-scissors , svg . lucide-search , svg . lucide-send , svg . lucide-separator-horizontal , svg . lucide-separator-vertical , svg . lucide-settings , svg . lucide-sliders-horizontal , svg . lucide-sort-asc , svg . lucide-sort-desc , svg . lucide-sticky-note , svg . lucide-tags , svg . lucide-terminal , svg . lucide-text , svg . lucide-trash-2 , svg . lucide-undo-2 , svg . lucide-wand-2 , svg . lucide-x , svg . lucide-zap , svg . sheets-in-box , svg . sidebar-left , svg . sidebar-right , svg . snap-to-object , svg . uppercase-lowercase-a , svg . vault { background-color : currentColor } svg . dice { -webkit- m
/ * @ settings
name : Primary Theme Settings
id : primary-theme
settings :
-
id : readme-guide
type : heading
level : 1
collapsed : true
title : How To Use
-
id : readme-content
type : info-text
markdown : true
description : 📚 Visit the [ Full Guide ] ( https : / / primary-theme . github . io / ) for the complete documentation including theme features , font guides , customization guide and more
-
id : readme-content
type : info-text
markdown : true
description : 🎯 Check out the [ Roadmap ] ( https : / / git . new / primary / project-tracker ) to get a view of Primary ' s Development
-
id : readme-content
type : info-text
markdown : true
description : 📮 Subscribe to [ Primary Theme Updates ] ( https : / / primarytheme . substack . com / subscribe ) to get notified of Primary updates , new features , and goodies right in your inbox !
-
id : interface
type : heading
level : 1
collapsed : true
title : Interface
-
id : interface_typography
type : heading
level : 2
collapsed : true
title : Typography
-
id : readme-content
type : info-text
markdown : true
description : ⚙ ️ To change fonts , go to Settings → Appearance → Font , and select the font you want to use ( must be installed in your system ) .
-
id : readme-content
type : info-text
markdown : true
description : 🌿 Primary v1 . 0 user ? Want to use the original Karla font ? Read the [ Karla Font Guide ] ( https : / / primary-theme . github . io / guides / font-recommendations / karla / ) to learn how to get back into using it .
-
id : readme-content
type : info-text
markdown : true
description : 🌸 Visit the [ Font Recommendation Guide ] ( https : / / primary-theme . github . io / guides / font-recommendations / overview / ) for more curated font options for Primary ! The guide includes a setup tutorial .
-
id : typography_features
type : heading
level : 3
collapsed : true
title : Font Features
-
id : readme-content
type : info-text
markdown : true
description : Some fonts offer stylistic alternates to glyphs of their fonts . This can be activated via a CSS property called font feature settings . ` 1 ` means "feature is turned on" , and ` 0 ` means "feature is turned off" .
-
id : readme-content
type : info-text
markdown : true
description : This setting is quite technical so if you aren 't sure how to use it please refer to the [MDN guide on font-feature-settings](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings). <br><br> Not all fonts offer the same stylistic alternates so it' s best to check out your font ' s respective manuals or specifications .
-
id : interface-font-feature
type : variable-text
title : Interface Font ' s Feature Settings
default : '"calt" 1, "case" 0, "ccmp" 1, "ss03" 1, "cv01" 1, "cv05" 1, "cv06" 1, "cv08" 0, "cv11" 1, "cv12" 0, "cv13" 0'
-
id : text-font-feature
type : variable-text
title : Text Font ' s Feature Settings
default : '"calt" 1, "case" 0, "ccmp" 1, "ss03" 1, "cv01" 1, "cv05" 1, "cv06" 1, "cv08" 0, "cv11" 1, "cv12" 0, "cv13" 0'
-
id : monospace-font-feature
type : variable-text
title : Monospace Font ' s Feature Settings
default : '"calt" 1, "ss01" 1, "ss02" 1, "ss03" 1, "ss05" 1, "ss19" 1, "zero" 1'
-
id : typography_sizes
type : heading
level : 3
collapsed : true
title : Interface Font Sizes
-
id : readme-content
type : info-text
markdown : true
description : This section targets interface font sizes , meaning text that is not in the markdown editor . To change the size of the editor text , please use Obsidian ' s built-in setting . You can find this under Settings → Appearance → Font Size .
-
id : font-ui-smallest
type : variable-number
title : Smallest UI Font Size
description : Acceptable font size unit is only in px .
default : 11
format : px
-
id : font-ui-smaller
type : variable-number
title : Smaller UI Font Size
description : Acceptable font size unit is only in px .
default : 12
format : px
-
id : font-ui-small
type : variable-number
title : Small UI Font Size
description : Acceptable font size unit is only in px .
default : 13
format : px
-
id : font-ui-medium
type : variable-number
title : Medium UI Font Size
description : Acceptable font size unit is only in px .
default : 15
format : px
-
id : font-ui-large
type : variable-number
title : Large UI Font Size
description : Acceptable font size unit is only in px .
default : 20
format : px
-
id : typography_weight
type : heading
level : 3
collapsed : true
title : Font Weight
-
id : readme-content
type : info-text
markdown : true
description : ☝ ️ By default with Inter , the font is a little bit thin . To increase readability , I increased the base font weight for each category by 50 . If you decide to use your own font , the options below are good to use if you find the font you ' re using a bit too thick . You can bring them back down by 50 to use the original defaults weights .
-
id : font-thin
type : variable-number
title : Thin Font Weight
default : 150
-
id : font-extralight
type : variable-number
title : Extralight Font Weight
default : 250
-
id : font-light
type : variable-number
title : Light Font Weight
default : 350
-
id : font-normal
type : variable-number
title : Normal Font Weight
default : 450
-
id : font-medium
type : variable-number
title : Medium Font Weight
default : 550
-
id : font-semibold
type : variable-number
title : Semibold Font Weight
default : 650
-
id : font-bold
type : variable-number
title : Bold Font Weight
default : 750
-
id : font-extrabold
type : variable-number
title : Extrabold Font Weight
default : 850
-
id : font-black
type : variable-number
title : Black Font Weight
default : 900
-
id : bold-modifier
type : variable-number
title : Bold Modifier
description : This is an addend to Normal Font Weight for certain interface components that Obsidian wanted to turn into bold .
default : 200
-
id : interface_animations
type : heading
level : 2
collapsed : true
title : Animations and Effects
-
id : zero-tab-anim
type : class-toggle
title : Remove Jumpy Tab Animations
-
id : zero-popup-popdown
type : class-toggle
title : Remove Popup and Pop Down Animations
-
id : zero-popup-blur
type : class-toggle
title : Remove Popup Background Blur
description : This removes the background blur when opening the Settings , Command Palette , Quick Switcher , and other pop up boxes . This is a good option to toggle on if you are experiencing unreconcilable buggy-ness and visual issues with Primary . You may also toggle this on if you don ' t prefer the background blur , or just need some performance boost ( especially for bigger vaults ) .
-
id : interface_ribbon
type : heading
level : 2
collapsed : true
title : Ribbon
-
id : ribbon_styles
type : class-select
title : Ribbon Style
allowEmpty : false
default : ribbon-default
options :
-
label : Docked
value : ribbon-default
-
label : Slide Out on Hover
value : ribbon-slideout
-
id : ribbon-background
type : variable-themed-color
format : hsl
opacity : true
title : Ribbon Background Color
default-light : 'hsla(34, 34%, 90%, 1)'
default-dark : 'hsla(31, 17%, 12%, 1)'
-
id : ribbon-border-width
type : variable-text
title : Ribbon Border Width
description : If you want to remove the border , set this to 0px .
default : 1px
-
id : ribbon-border-color
type : variable-themed-color
format : hsl
opacity : true
title : Ribbon Border Color
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(30, 22%, 18%, 1)'
-
id : ribbon-radius
type : variable-text
title : Ribbon Top Right Border Roundness
description : The roundness value ' s order goes top left , top right , bottom right , bottom left .
default : 0px 12px 12px 0px
-
id : ribbon-width
type : variable-number
title : Ribbon Width
description : Adjust your ribbon ' s width . Unit is in px only .
default : 44
format : px
-
id : ribbon-icon
type : variable-number
title : Ribbon Icon Size
description : Adjust your ribbon ' s icon size . Unit is in px only .
default : 15
format : px
-
id : ribbon-icon-spacing
type : variable-number
title : Ribbon Icons Spacing
description : Adjust the top and bottom space between your ribbon ' s icons .
default : 4
format : px
-
id : interface_editor
type : heading
level : 2
collapsed : true
title : Editor
-
id : interface_editor-bg
type : class-select
title : Editor Background Type
allowEmpty : false
default : editor-bg-default
options :
-
label : Plain Color
value : editor-bg-default
-
label : Line Grid
value : editor-bgpattern-linegrid
-
label : Dot Grid
value : editor-bgpattern-dotgrid
-
id : editor-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Editor Background Color
description : Sets the size of the grid , dotted grid , or image
default-light : 'hsla(35, 36%, 96%, 1)'
default-dark : 'hsla(30, 19%, 14%, 1)'
-
id : editor-bgpattern-size
type : variable-text
title : Editor Background Size for Pattern Background
description : Sets the size of the line grid or dot grid
default : 50px 50px
-
id : editor-bgpattern-color
type : variable-themed-color
format : hsl
opacity : true
title : Editor Background ' s Pattern Color
description : Only available for line grid or dot grid background types . Sets the color of the line grid , dot grid . For line grid , it will take the color input and reduce it to 30 % opacity .
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(31, 27%, 24%, 1)'
-
id : editor-border-width
type : variable-text
title : Editor Border Width
default : 1px
-
id : editor-border-color
type : variable-themed-color
format : hsl
opacity : true
title : Editor Border Color
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : editor-file-header
type : class-select
title : File Header
default : file-header-default
options :
-
label : Always Show
value : file-header-default
-
label : Hide Full File Header ( Shows when Hovered )
value : file-header-hover
-
label : Hide Title on File Header ( Shows when Hovered )
value : file-header-title-hover
-
id : file-header-border-width
type : variable-text
title : File Header Border Width
default : 1px
-
id : file-header-border-color
type : variable-themed-color
format : hsl
opacity : true
title : File Header Border Color
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : file-line-width
type : variable-text
title : File Readable Line Width
description : You may use any CSS units like em , rem , ch , px .
default : 700px
-
id : gutter-color
type : variable-themed-color
format : hsl
opacity : true
title : Gutter Number Text Color
default-light : 'hsla(36, 37%, 75%, 1)'
default-dark : 'hsla(31, 27%, 27%, 1)'
-
id : gutter-color-active
type : variable-themed-color
format : hsl
opacity : true
title : Active Line Gutter Number Text Color
default-light : 'hsla(31, 23%, 50%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : active-line-highlight
type : class-toggle
title : Toggle Active Line Highlighting
description : Adds background color to active line .
-
id : active-line-bg
type : variable-themed-color
format : hsl
opacity : true
title : Active Line Background Color
description : Only works when Active Line Highlighting is turned on .
default-light : 'hsla(36, 38%, 98%, 1)'
default-dark : 'hsla(33, 20%, 16%, 1)'
-
id : interface_status-bar
type : heading
level : 2
collapsed : true
title : Status Bar
-
id : interface_status-bar-style
type : class-select
title : Status Bar Style
allowEmpty : false
default : sb-default
options :
-
label : On Top
value : sb-default
-
label : Visible Full Length
value : sb-style-full
-
label : Slide Up Full Length
value : sb-style-slideupfull
-
label : Slide Out
value : sb-style-slideout
-
label : Floating
value : sb-style-floating
-
id : interface_status-bar-item-display
type : class-select
title : Status Bar Item Visibility
allowEmpty : false
default : sb-item-default
options :
-
label : Show Everything
value : sb-item-default
-
label : Sync Only
value : sb-sync-only
-
label : Word Count Only
value : sb-word-count-only
-
id : status-bar-background
type : variable-themed-color
title : Status Bar Background
format : hsl
opacity : true
default-light : 'hsla(34, 34%, 90%, 1)'
default-dark : 'hsla(31, 17%, 12%, 1)'
-
id : status-bar-border-width
type : variable-text
title : Status Bar Border Width
description : Set this to 0px if you wish to remove the status bar 's border. The border width value' s order goes top , right , bottom , left . The default value corresponds the roundness for the On Top style . Applying 1 value means that value is applied to all sides .
default : 1px
-
id : status-bar-radius
type : variable-text
title : Status Bar Border Roundness
description : The roundness value ' s order goes top left , top right , bottom right , bottom left . The default value corresponds the roundness for the On Top style . Applying 1 value means that value is applied to all corners .
default : 12px 0px 0px 12px
-
id : status-bar-floating-opacity
type : variable-number-slider
title : Floating Style - Status Bar Opacity at Rest
description : Sets the opacity of the status bar at rest if Floating Status Bar style is chosen . Range goes from 0 being transparent , until 1 being completely visible .
min : 0
max : 1
step : 0 . 1
default : 0 . 5
-
id : status-bar-floating-opacity-hover
type : variable-number-slider
title : Floating Style - Status Bar Opacity on Hover
description : Sets the opacity of the status bar when hovering it if Floating Status Bar style is chosen . Range goes from 0 being transparent , until 1 being completely visible .
min : 0
max : 1
step : 0 . 1
default : 1
-
id : components
type : heading
level : 1
collapsed : true
title : Components
-
id : comp_progress
type : heading
level : 2
collapsed : true
title : Progress
-
id : progress-bar-width
type : variable-text
title : Progress Bar Width
default : 220px
-
id : progress-bar-height
type : variable-text
title : Progress Bar Height
default : 8px
-
id : progress-background
type : variable-themed-color
title : Progress Background Color
format : hsl
opacity : true
default-light : 'hsla(34, 34%, 90%, 1)'
default-dark : 'hsla(31, 17%, 12%, 1)'
-
id : progress-border-width
type : variable-text
title : Progress Border Widths
description : Applied to the background bar and the value bar .
default : 1px
-
id : progress-bar-outline
type : variable-themed-color
title : Progress Bar Border Color
format : hsl
opacity : true
default-light : 'rgba(0, 0, 0, 0.1)'
default-dark : 'rgba(255, 255, 255, 0.1)'
-
id : progress-value-radius
type : variable-text
title : Progress Inner Value Roundness
description : Takes in the progress bar ' s height by default , creating rounded corners . If you want straight corners put 0px .
default : 8px
-
id : progress-value-outline
type : variable-themed-color
title : Progress Inner Value Border Color
format : hsl
opacity : true
default-light : 'rgba(0, 0, 0, 0.18)'
default-dark : 'rgba(255, 255, 255, 0.21)'
-
id : progress-color-1
type : variable-themed-color
title : Progress Color 1
description : Color for values 0 % to 39 %
format : hsl
opacity : true
default-light : 'hsla(4, 72%, 55%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : progress-color-2
type : variable-themed-color
title : Progress Color 1
description : Color for values 40 % to 59 %
format : hsl
opacity : true
default-light : 'hsla(21, 81%, 59%, 1)'
default-dark : 'hsla(22, 82%, 47%, 1)'
-
id : progress-color-3
type : variable-themed-color
title : Progress Color 1
description : Color for values 60 % to 79 %
format : hsl
opacity : true
default-light : 'hsla(43, 83%, 57%, 1)'
default-dark : 'hsla(40, 78%, 48%, 1)'
-
id : progress-color-4
type : variable-themed-color
title : Progress Color 1
description : Color for values 80 % to 99 %
format : hsl
opacity : true
default-light : 'hsla(149, 49%, 39%, 1)'
default-dark : 'hsla(154, 74%, 26%, 1)'
-
id : readme-content
type : info-text
markdown : true
description : If you want the color for progress bars valued at 100 % to be a solid color , set the same color for each of the three below .
-
id : progress-gradient-1
type : variable-themed-color
title : Progress 100 % Leftmost Color
description : Leftmost color in the gradient for value 100 % .
format : hsl
opacity : true
default-light : 'hsla(3, 59%, 64%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : progress-gradient-2
type : variable-themed-color
title : Progress 100 % Middle Color
description : Middle color in the gradient for value 100 %
format : hsl
opacity : true
default-light : 'hsla(43, 71%, 67%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : progress-gradient-3
type : variable-themed-color
title : Progress 100 % Rightmost Color
description : Rightmost color in the gradient for value 100 %
format : hsl
opacity : true
default-light : 'hsla(197, 39%, 56%, 1)'
default-dark : 'hsla(194, 59%, 56%, 1)'
-
id : notes-files
type : heading
level : 1
collapsed : true
title : Notes and Files
-
id : nf_header
type : heading
level : 2
collapsed : true
title : Heading
-
id : readme-content
type : info-text
markdown : true
description : 🎨 Visit the [ Header Presets ] ( https : / / primary-theme . github . io / guides / overview / ) section in the Full Guide to import the Settings .
-
id : readme-content
type : info-text
markdown : true
description : 📖 The settings are based on CSS styling capabilities .
-
id : nf_header-1
type : heading
level : 3
collapsed : true
title : Heading 1
-
id : h1-size
type : variable-text
title : Font Size
default : 1 . 802em
-
id : h1-font
type : variable-text
title : Font Family
default : Inter
quotes : true
-
id : h1-weight
type : variable-number
title : Font Weight
default : 650
-
id : h1-style
type : variable-text
title : Font Style
default : normal
-
id : h1-text-align
type : variable-text
title : Text Alignment
description : You may choose from left , center , or right .
default : left
-
id : h1-letter-spacing
type : variable-text
title : Letter Spacing
default : 0px
-
id : h1-text-transform
type : variable-select
title : Text Transform
default : normal
options :
-
label : Normal
value : normal
-
label : Capitalize 1st letter of Each Word
value : capitalize
-
label : All Lowercase
value : lowercase
-
label : All Uppercase
value : uppercase
-
id : h1-line-height
type : variable-number
title : Line Height
description : Sets the spacing between multiple lines of text of the heading . You can use units such as px , em , rem as well .
default : 1 . 2
-
id : h1-color
type : variable-themed-color
title : Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : h1-bg-color
type : variable-themed-color
title : Background Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 0%, 0)'
default-dark : 'hsla(0, 0%, 0%, 0)'
-
id : h1-vt-align-center
type : class-toggle
title : Vertically Align Header to Center
description : If you add a background color , Obsidian has some spacing at the top for each header . Turning this on will ensure the heading has equal spacing for both top and bottom , aligning it correctly .
-
id : h1-border-width
type : variable-text
title : Border Thickness
description : You may also have different thickness per side in the order of top , right , bottom , right ( i . e . 5px 2px 3px 4px ) .
default : 0px
-
id : h1-border-style
type : variable-text
title : Border Style
description : You may choose from solid , dashed , dotted , and double . Same with thickness , you can have different styles per side .
default : solid
-
id : h1-border-top-color
type : variable-themed-color
title : Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h1-border-right-color
type : variable-themed-color
title : Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h1-border-bottom-color
type : variable-themed-color
title : Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h1-border-left-color
type : variable-themed-color
title : Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h1-border-radius
type : variable-text
title : Roundness
description : Add rounding to your headings . Best to use with a background color . If you ' d like to have different roundness for each corner , you can set one in the order of top-left , top-right , bottom-right , bottom-left ( i . e . 4px 2px 6px 3px ) .
default : 0px
-
id : nf_header-2
type : heading
level : 3
collapsed : true
title : Heading 2
-
id : h2-size
type : variable-text
title : Font Size
default : 1 . 602em
-
id : h2-font
type : variable-text
title : Font Family
default : Inter
quotes : true
-
id : h2-weight
type : variable-number
title : Font Weight
default : 650
-
id : h2-style
type : variable-text
title : Font Style
default : normal
-
id : h2-text-align
type : variable-text
title : Text Alignment
description : You may choose from left , center , or right .
default : left
-
id : h2-letter-spacing
type : variable-text
title : Letter Spacing
default : 0px
-
id : h2-text-transform
type : variable-select
title : Text Transform
default : normal
options :
-
label : Normal
value : normal
-
label : Capitalize 1st letter of Each Word
value : capitalize
-
label : All Lowercase
value : lowercase
-
label : All Uppercase
value : uppercase
-
id : h2-line-height
type : variable-number
title : Line Height
description : Sets the spacing between multiple lines of text of the heading . You can use units such as px , em , rem as well .
default : 1 . 2
-
id : h2-color
type : variable-themed-color
title : Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : h2-bg-color
type : variable-themed-color
title : Background Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 0%, 0)'
default-dark : 'hsla(0, 0%, 0%, 0)'
-
id : h2-vt-align-center
type : class-toggle
title : Vertically Align Header to Center
description : If you add a background color , Obsidian has some spacing at the top for each header . Turning this on will ensure the heading has equal spacing for both top and bottom , aligning it correctly .
-
id : h2-border-width
type : variable-text
title : Border Thickness
description : You may also have different thickness per side in the order of top , right , bottom , right ( i . e . 5px 2px 3px 4px ) .
default : 0px
-
id : h2-border-style
type : variable-text
title : Border Style
description : You may choose from solid , dashed , dotted , and double . Same with thickness , you can have different styles per side .
default : solid
-
id : h2-border-top-color
type : variable-themed-color
title : Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h2-border-right-color
type : variable-themed-color
title : Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h2-border-bottom-color
type : variable-themed-color
title : Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h2-border-left-color
type : variable-themed-color
title : Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h2-border-radius
type : variable-text
title : Roundness
description : Add rounding to your headings . Best to use with a background color . If you ' d like to have different roundness for each corner , you can set one in the order of top-left , top-right , bottom-right , bottom-left ( i . e . 4px 2px 6px 3px ) .
default : 0px
-
id : nf_header-3
type : heading
level : 3
collapsed : true
title : Heading 3
-
id : h3-size
type : variable-text
title : Font Size
default : 1 . 424em
-
id : h3-font
type : variable-text
title : Font Family
default : Inter
quotes : true
-
id : h3-weight
type : variable-number
title : Font Weight
default : 650
-
id : h3-style
type : variable-text
title : Font Style
default : normal
-
id : h3-text-align
type : variable-text
title : Text Alignment
description : You may choose from left , center , or right .
default : left
-
id : h3-letter-spacing
type : variable-text
title : Letter Spacing
default : 0px
-
id : h3-text-transform
type : variable-select
title : Text Transform
default : normal
options :
-
label : Normal
value : normal
-
label : Capitalize 1st letter of Each Word
value : capitalize
-
label : All Lowercase
value : lowercase
-
label : All Uppercase
value : uppercase
-
id : h3-line-height
type : variable-number
title : Line Height
description : Sets the spacing between multiple lines of text of the heading . You can use units such as px , em , rem as well .
default : 1 . 3
-
id : h3-color
type : variable-themed-color
title : Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : h3-bg-color
type : variable-themed-color
title : Background Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 0%, 0)'
default-dark : 'hsla(0, 0%, 0%, 0)'
-
id : h3-vt-align-center
type : class-toggle
title : Vertically Align Header to Center
description : If you add a background color , Obsidian has some spacing at the top for each header . Turning this on will ensure the heading has equal spacing for both top and bottom , aligning it correctly .
-
id : h3-border-width
type : variable-text
title : Border Thickness
description : You may also have different thickness per side in the order of top , right , bottom , right ( i . e . 5px 2px 3px 4px ) .
default : 0px
-
id : h3-border-style
type : variable-text
title : Border Style
description : You may choose from solid , dashed , dotted , and double . Same with thickness , you can have different styles per side .
default : solid
-
id : h3-border-top-color
type : variable-themed-color
title : Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h3-border-right-color
type : variable-themed-color
title : Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h3-border-bottom-color
type : variable-themed-color
title : Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h3-border-left-color
type : variable-themed-color
title : Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h3-border-radius
type : variable-text
title : Roundness
description : Add rounding to your headings . Best to use with a background color . If you ' d like to have different roundness for each corner , you can set one in the order of top-left , top-right , bottom-right , bottom-left ( i . e . 4px 2px 6px 3px ) .
default : 0px
-
id : nf_header-4
type : heading
level : 3
collapsed : true
title : Heading 4
-
id : h4-size
type : variable-text
title : Font Size
default : 1 . 266em
-
id : h4-font
type : variable-text
title : Font Family
default : Inter
quotes : true
-
id : h4-weight
type : variable-number
title : Font Weight
default : 650
-
id : h4-style
type : variable-text
title : Font Style
default : normal
-
id : h4-text-align
type : variable-text
title : Text Alignment
description : You may choose from left , center , or right .
default : left
-
id : h4-letter-spacing
type : variable-text
title : Letter Spacing
default : 0px
-
id : h4-text-transform
type : variable-select
title : Text Transform
default : normal
options :
-
label : Normal
value : normal
-
label : Capitalize 1st letter of Each Word
value : capitalize
-
label : All Lowercase
value : lowercase
-
label : All Uppercase
value : uppercase
-
id : h4-line-height
type : variable-number
title : Line Height
description : Sets the spacing between multiple lines of text of the heading . You can use units such as px , em , rem as well .
default : 1 . 4
-
id : h4-color
type : variable-themed-color
title : Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : h4-bg-color
type : variable-themed-color
title : Background Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 0%, 0)'
default-dark : 'hsla(0, 0%, 0%, 0)'
-
id : h4-vt-align-center
type : class-toggle
title : Vertically Align Header to Center
description : If you add a background color , Obsidian has some spacing at the top for each header . Turning this on will ensure the heading has equal spacing for both top and bottom , aligning it correctly .
-
id : h4-border-width
type : variable-text
title : Border Thickness
description : You may also have different thickness per side in the order of top , right , bottom , right ( i . e . 5px 2px 3px 4px ) .
default : 0px
-
id : h4-border-style
type : variable-text
title : Border Style
description : You may choose from solid , dashed , dotted , and double . Same with thickness , you can have different styles per side .
default : solid
-
id : h4-border-top-color
type : variable-themed-color
title : Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h4-border-right-color
type : variable-themed-color
title : Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h4-border-bottom-color
type : variable-themed-color
title : Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h4-border-left-color
type : variable-themed-color
title : Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h4-border-radius
type : variable-text
title : Roundness
description : Add rounding to your headings . Best to use with a background color . If you ' d like to have different roundness for each corner , you can set one in the order of top-left , top-right , bottom-right , bottom-left ( i . e . 4px 2px 6px 3px ) .
default : 0px
-
id : nf_header-5
type : heading
level : 3
collapsed : true
title : Heading 5
-
id : h5-size
type : variable-text
title : Font Size
default : 1 . 125em
-
id : h5-font
type : variable-text
title : Font Family
default : Inter
quotes : true
-
id : h5-weight
type : variable-number
title : Font Weight
default : 650
-
id : h5-style
type : variable-text
title : Font Style
default : normal
-
id : h5-text-align
type : variable-text
title : Text Alignment
description : You may choose from left , center , or right .
default : left
-
id : h5-letter-spacing
type : variable-text
title : Letter Spacing
default : 0px
-
id : h5-text-transform
type : variable-select
title : Text Transform
default : normal
options :
-
label : Normal
value : normal
-
label : Capitalize 1st letter of Each Word
value : capitalize
-
label : All Lowercase
value : lowercase
-
label : All Uppercase
value : uppercase
-
id : h5-line-height
type : variable-number
title : Line Height
description : Sets the spacing between multiple lines of text of the heading . You can use units such as px , em , rem as well .
default : 1
-
id : h5-color
type : variable-themed-color
title : Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : h5-bg-color
type : variable-themed-color
title : Background Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 0%, 0)'
default-dark : 'hsla(0, 0%, 0%, 0)'
-
id : h5-vt-align-center
type : class-toggle
title : Vertically Align Header to Center
description : If you add a background color , Obsidian has some spacing at the top for each header . Turning this on will ensure the heading has equal spacing for both top and bottom , aligning it correctly .
-
id : h5-border-width
type : variable-text
title : Border Thickness
description : You may also have different thickness per side in the order of top , right , bottom , right ( i . e . 5px 2px 3px 4px ) .
default : 0px
-
id : h5-border-style
type : variable-text
title : Border Style
description : You may choose from solid , dashed , dotted , and double . Same with thickness , you can have different styles per side .
default : solid
-
id : h5-border-top-color
type : variable-themed-color
title : Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h5-border-right-color
type : variable-themed-color
title : Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h5-border-bottom-color
type : variable-themed-color
title : Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h5-border-left-color
type : variable-themed-color
title : Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h5-border-radius
type : variable-text
title : Roundness
description : Add rounding to your headings . Best to use with a background color . If you ' d like to have different roundness for each corner , you can set one in the order of top-left , top-right , bottom-right , bottom-left ( i . e . 4px 2px 6px 3px ) .
default : 0px
-
id : nf_header-6
type : heading
level : 3
collapsed : true
title : Heading 6
-
id : h6-size
type : variable-text
title : Font Size
default : 1em
-
id : h6-font
type : variable-text
title : Font Family
default : Inter
quotes : true
-
id : h6-weight
type : variable-number
title : Font Weight
default : 650
-
id : h6-style
type : variable-text
title : Font Style
default : normal
-
id : h6-text-align
type : variable-text
title : Text Alignment
description : You may choose from left , center , or right .
default : left
-
id : h6-letter-spacing
type : variable-text
title : Letter Spacing
default : 0px
-
id : h6-text-transform
type : variable-select
title : Text Transform
default : normal
options :
-
label : Normal
value : normal
-
label : Capitalize 1st letter of Each Word
value : capitalize
-
label : All Lowercase
value : lowercase
-
label : All Uppercase
value : uppercase
-
id : h6-line-height
type : variable-number
title : Line Height
description : Sets the spacing between multiple lines of text of the heading . You can use units such as px , em , rem as well .
default : 1
-
id : h6-color
type : variable-themed-color
title : Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : h6-bg-color
type : variable-themed-color
title : Background Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 0%, 0)'
default-dark : 'hsla(0, 0%, 0%, 0)'
-
id : h6-vt-align-center
type : class-toggle
title : Vertically Align Header to Center
description : If you add a background color , Obsidian has some spacing at the top for each header . Turning this on will ensure the heading has equal spacing for both top and bottom , aligning it correctly .
-
id : h6-border-width
type : variable-text
title : Border Thickness
description : You may also have different thickness per side in the order of top , right , bottom , right ( i . e . 5px 2px 3px 4px ) .
default : 0px
-
id : h6-border-style
type : variable-text
title : Border Style
description : You may choose from solid , dashed , dotted , and double . Same with thickness , you can have different styles per side .
default : solid
-
id : h6-border-top-color
type : variable-themed-color
title : Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h6-border-right-color
type : variable-themed-color
title : Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h6-border-bottom-color
type : variable-themed-color
title : Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h6-border-left-color
type : variable-themed-color
title : Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : h6-border-radius
type : variable-text
title : Roundness
description : Add rounding to your headings . Best to use with a background color . If you ' d like to have different roundness for each corner , you can set one in the order of top-left , top-right , bottom-right , bottom-left ( i . e . 4px 2px 6px 3px ) .
default : 0px
-
id : nf_emphasis
type : heading
level : 2
collapsed : true
title : Emphasis
-
id : bold-color
type : variable-themed-color
title : Bold Text Color
format : hsl
opacity : true
default-light : 'hsla(4, 56%, 48%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : bold-weight
type : variable-number
title : Bold Text Weight
default : 750
-
id : italic-color
type : variable-themed-color
title : Italic Text Color
format : hsl
opacity : true
default-light : 'hsla(200, 64%, 37%, 1)'
default-dark : 'hsla(194, 59%, 56%, 1)'
-
id : strikethrough-color
type : variable-themed-color
title : Strikethrough Text Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : underline-color
type : variable-themed-color
title : Underlined Text Color
description : Not natively supported in markdown , but underline can be activated with HTML .
format : hsl
opacity : true
default-light : 'hsla(31, 45%, 24%, 1)'
default-dark : 'hsla(34, 39%, 74%, 1)'
-
id : underline-decoration-opacity
type : variable-text
title : Underlined Text Line Opacity
description : Not natively supported in markdown , but underline can be activated with HTML . If used , you can set the underline 's line opacity from 0% (no line visibility) to 100% (full color visibility). The color is taken from the underline' s text color .
default : 22 %
-
id : bold-italic-color
type : variable-themed-color
title : Bold + Italic Text Color
format : hsl
opacity : true
default-light : 'hsla(33, 54%, 17%, 1)'
default-dark : 'hsla(32, 48%, 85%, 1)'
-
id : bold-italic-weight
type : variable-number
title : Bold + Italic Text Weight
default : 625
-
id : bold-italic-strikethrough-color
type : variable-themed-color
title : Bold + Italic + Strikethrough Text Color
format : hsl
opacity : true
default-light : 'hsla(31, 23%, 50%, 1)'
default-dark : 'hsla(35, 27%, 55%, 1)'
-
id : nf_highlight
type : heading
level : 2
collapsed : true
title : Highlight
-
id : normal-highlight-color
type : variable-themed-color
title : Highlight Text Color
format : hsl
opacity : true
default-light : 'hsla(31, 45%, 24%, 1)'
default-dark : 'hsla(34, 39%, 74%, 1)'
-
id : normal-highlight-bg
type : variable-themed-color
title : Highlight Background Color
format : hsl
opacity : true
default-light : 'hsla(44, 100%, 50%, 0.2)'
default-dark : 'hsla(44, 100%, 50%, 0.2)'
-
id : bold-highlight-color
type : variable-themed-color
title : Bold + Highlight Text Color
format : hsl
opacity : true
default-light : 'hsla(31, 45%, 24%, 1)'
default-dark : 'hsla(34, 39%, 74%, 1)'
-
id : bold-highlight-bg
type : variable-themed-color
title : Bold + Highlight Background Color
format : hsl
opacity : true
default-light : 'hsla(350, 84%, 63%, 0.2)'
default-dark : 'hsla(350, 84%, 63%, 0.2)'
-
id : italic-highlight-color
type : variable-themed-color
title : Italic + Highlight Text Color
format : hsl
opacity : true
default-light : 'hsla(31, 45%, 24%, 1)'
default-dark : 'hsla(34, 39%, 74%, 1)'
-
id : italic-highlight-bg
type : variable-themed-color
title : Italic + Highlight Background Color
format : hsl
opacity : true
default-light : 'hsla(186, 64%, 46%, 0.2)'
default-dark : 'hsla(186, 64%, 46%, 0.2)'
-
id : strikethrough-highlight-color
type : variable-themed-color
title : Strikethrough + Highlight Text Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : strikethrough-highlight-bg
type : variable-themed-color
title : Strikethrough + Highlight Background Color
format : hsl
opacity : true
default-light : 'hsla(44, 100%, 50%, 0.2)'
default-dark : 'hsla(44, 100%, 50%, 0.2)'
-
id : bold-italic-highlight-color
type : variable-themed-color
title : Bold + Italic + Highlight Text Color
format : hsl
opacity : true
default-light : 'hsla(31, 45%, 24%, 1)'
default-dark : 'hsla(34, 39%, 74%, 1)'
-
id : bold-italic-highlight-bg
type : variable-themed-color
title : Bold + Italic + Highlight Background Color
format : hsl
opacity : true
default-light : 'hsla(74, 69%, 44%, 0.2)'
default-dark : 'hsla(74, 69%, 44%, 0.2)'
-
id : nf_link
type : heading
level : 2
collapsed : true
title : Link
-
id : link-underline-offset
type : variable-text
title : All Links Underline Offset
description : This changes how far the underline is from the base of the link ' s letters .
default : 2px
-
id : link-decoration-thickness
type : variable-text
title : All Links Underline Thickness
default : 1 . 5px
-
id : link-decoration-opacity
type : variable-text
title : Link Underline Opacity
description : Set from 0 % ( no underline visibility ) to 100 % ( full underline color visibility ) . Underline color inherits the Link ' s color .
default : 22 %
-
id : no-decor-link
type : class-toggle
title : Remove Link Underline
-
id : link-opacity-active
type : variable-number
title : Link Opacity when Pressed
default : 0 . 5
-
id : nf_link
type : heading
level : 3
collapsed : true
title : Non-markdown Links
description : Links that appear outside of notes
-
id : link-unresolved-color
type : variable-themed-color
title : Non-markdown Links Color
format : hsl
opacity : true
default-light : 'hsla(4, 59%, 64%, 1)'
default-dark : 'hsla(4, 91%, 67%, 1)'
-
id : link-unresolved-color
type : variable-themed-color
title : Non-markdown Links Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(4, 72%, 55%, 1)'
default-dark : 'hsla(5, 94%, 73%, 1)'
-
id : nf_link
type : heading
level : 3
collapsed : true
title : Unresolved Links
-
id : link-unresolved-color
type : variable-themed-color
title : Unresolved Links Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : link-unresolved-color
type : variable-themed-color
title : Unresolved Links Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(34, 37%, 70%, 1)'
default-dark : 'hsla(35, 27%, 55%, 1)'
-
id : link-unresolved-opacity
type : variable-number
title : Unresolved Link Opacity
description : Choose a number between 0 to 1 .
default : 1
-
id : nf_link
type : heading
level : 3
collapsed : true
title : Resolved Links
-
id : link-color
type : variable-themed-color
title : Resolved Links Color
format : hsl
opacity : true
default-light : 'hsla(40, 79%, 47%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : link-color
type : variable-themed-color
title : Resolved Links Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(43, 83%, 57%, 1)'
default-dark : 'hsla(43, 69%, 63%, 1)'
-
id : nf_link
type : heading
level : 3
collapsed : true
title : External Links
-
id : link-external-color
type : variable-themed-color
title : External Links Color
format : hsl
opacity : true
default-light : 'hsla(149, 50%, 39%, 1)'
default-dark : 'hsla(154, 57%, 42%, 1)'
-
id : link-external-color
type : variable-themed-color
title : External Links Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(148, 48%, 47%, 1)'
default-dark : 'hsla(152, 51%, 54%, 1)'
-
id : nf_blockquotes
type : heading
level : 2
collapsed : true
title : Blockquotes
-
id : blockquote-border-thickness
type : variable-text
title : Blockquote Border Thickness
default : 2px
-
id : blockquote-border-color
type : variable-themed-color
title : Blockquote Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : blockquote-background-color
type : variable-themed-color
title : Blockquote Background Color
format : hsl
opacity : true
default-light : 'hsla(36, 38%, 98%, 1)'
default-dark : 'hsla(29, 16%, 12%, 1)'
-
id : nf_list
type : heading
level : 2
collapsed : true
title : List
-
id : indentation-guide-reading-indent
type : variable-number
format : em
title : Reading Mode – Indentation Line Guide Indent
description : Might require some customization if you change fonts . Unit is in em .
default : -0 . 85
-
id : indentation-guide-editing-indent
type : variable-number
format : em
title : Live Preview Mode – Indentation Line Guide Indent
description : Might require some customization if you change fonts . Unit is in em .
default : 0 . 975
-
id : indentation-guide-source-indent
type : variable-number
format : em
title : Source Mode – Indentation Line Guide Indent
description : Might require some customization if you change fonts . Unit is in em .
default : 0 . 25
-
id : list-marker-color
type : variable-themed-color
title : List Marker Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : list-marker-color-hover
type : variable-themed-color
title : List Marker Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(35, 28%, 40%, 1)'
default-dark : 'hsla(34, 31%, 68%, 1)'
-
id : list-marker-color
type : variable-themed-color
title : List Marker Color when Collapsed
format : hsl
opacity : true
default-light : 'hsla(31, 23%, 50%, 1)'
default-dark : 'hsla(35, 27%, 55%, 1)'
-
id : nf-checkbox
type : heading
level : 2
collapsed : true
title : Checkbox
-
id : checklist-bg
type : variable-themed-color
title : Unchecked Background Color
format : hsl
opacity : true
default-light : 'hsla(36, 38%, 98%, 1)'
default-dark : 'hsla(30, 17%, 13%, 1)'
-
id : checkbox-color
type : variable-themed-color
title : Checked Background Color
format : hsl
opacity : true
default-light : 'hsla(149, 50%, 39%, 1)'
default-dark : 'hsla(154, 75%, 26%, 1)'
-
id : checkbox-color-hover
type : variable-themed-color
title : Checked Background Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(148, 48%, 47%, 1)'
default-dark : 'hsla(155, 78%, 29%, 1)'
-
id : checkbox-marker-color
type : variable-themed-color
title : Checked Item ' s Check Icon Color
format : hsl
opacity : true
default-light : 'hsla(0, 0%, 100%, 1)'
default-dark : 'hsla(0, 0%, 100%, 1)'
-
id : checklist-done-color
type : variable-themed-color
title : Checked Text Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : checklist-done-decoration
type : variable-text
title : Checked Text Decoration ( causes Strikethrough )
description : Text decoration for checked items default at "line-through" . If you would like to remove the strikethrough for checked items , put "none" .
default : 'line-through'
-
id : checkbox-radius
type : variable-text
title : Checkbox Border Radius
description : Changes the roundness of the checkbox . You may use other units such as % , em , or rem . If you want circular checkboxes , put "100%" . If you want squircle checkboxes , put "5px" or "6px" . If you want square checkboxes , put "2px" or "0" .
default : '4px'
-
id : nf-checkbox-icons
type : heading
level : 2
collapsed : true
title : Checkbox Icons
-
id : inprogress-chbx-color
type : variable-themed-color
title : In Progress [ / ] Color
format : hsl
opacity : true
default-light : 'hsla(34, 82%, 57%, 1)'
default-dark : 'hsla(31, 85%, 59%, 1)'
-
id : inprogress-chbx-color-hover
type : variable-themed-color
title : In Progress [ / ] Color when Hovered
format : hsl
opacity : true
default-light : 'hsla(34, 82%, 64%, 1)'
default-dark : 'hsla(32, 95%, 65%, 1)'
-
id : resched-chbx-color
type : variable-themed-color
title : Reschedule [ > ] Color
format : hsl
opacity : true
default-light : 'hsla(178, 18%, 59%, 1)'
default-dark : 'hsla(178, 19%, 55%, 1)'
-
id : sched-chbx-color
type : variable-themed-color
title : Schedule or Date [ < ] Color
format : hsl
opacity : true
default-light : 'hsla(32, 10%, 68%, 1)'
default-dark : 'hsla(32, 10%, 58%, 1)'
-
id : important-chbx-color
type : variable-themed-color
title : Important [ ! ] Color
format : hsl
opacity : true
default-light : 'hsla(17, 83%, 52%, 1)'
default-dark : 'hsla(17, 83%, 47%)'
-
id : important-chbx-icon-color
type : variable-themed-color
title : Important [ ! ] Inner Icon Color
format : hsl
opacity : true
default-light : 'hsla(180, 0%, 100%, 1)'
default-dark : 'hsla(180, 0%, 100%, 1)'
-
id : important-chbx-radius
type : variable-text
title : Important [ ! ] Border Radius
description : Changes the roundness of the checkbox . You may use other units such as px , em , or rem .
default : '100%'
-
id : cancelled-chbx-color
type : variable-themed-color
title : Cancelled [ - ] Color
format : hsl
opacity : true
default-light : 'hsla(32, 10%, 68%, 1)'
default-dark : 'hsla(32, 10%, 58%, 1)'
-
id : cancelled-chbx-text-color
type : variable-themed-color
title : Cancelled [ - ] Text Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : cancelled-chbx-text-decoration
type : variable-text
title : Cancelled [ - ] Text Decoration ( causes Strikethrough )
description : Text decoration for items marked [ - ] default at "line-through" . If you would like to remove the strikethrough , put "none" .
default : 'line-through'
-
id : question-chbx-color
type : variable-themed-color
title : Question [ ? ] Color
format : hsl
opacity : true
default-light : 'hsla(281, 33%, 54%, 1)'
default-dark : 'hsla(281, 37%, 54%, 1)'
-
id : question-chbx-icon-color
type : variable-themed-color
title : Question [ ? ] Inner Icon Color
format : hsl
opacity : true
default-light : 'hsla(180, 0%, 100%, 1)'
default-dark : 'hsla(180, 0%, 100%, 1)'
-
id : star-chbx-color
type : variable-themed-color
title : Star [ * ] Color
format : hsl
opacity : true
default-light : 'hsla(40, 93%, 51%, 1)'
default-dark : 'hsla(40, 95%, 46%, 1)'
-
id : star-chbx-icon-color
type : variable-themed-color
title : Star [ * ] Inner Icon Color
format : hsl
opacity : true
default-light : 'hsla(180, 0%, 100%, 1)'
default-dark : 'hsla(180, 0%, 100%, 1)'
-
id : note-chbx-color
type : variable-themed-color
title : Note [ n ] Color
format : hsl
opacity : true
default-light : 'hsla(8, 51%, 53%, 1)'
default-dark : 'hsla(8, 51%, 53%, 1)'
-
id : location-chbx-color
type : variable-themed-color
title : Location [ l ] Color
format : hsl
opacity : true
default-light : 'hsla(0, 56%, 48%, 1)'
default-dark : 'hsla(0, 56%, 48%, 1)'
-
id : info-chbx-color
type : variable-themed-color
title : Info [ i ] Color
format : hsl
opacity : true
default-light : 'hsla(178, 29%, 45%, 1)'
default-dark : 'hsla(178, 31%, 41%, 1)'
-
id : info-chbx-icon-color
type : variable-themed-color
title : Info [ i ] Inner Icon Color
format : hsl
opacity : true
default-light : 'hsla(180, 0%, 100%, 1)'
default-dark : 'hsla(180, 0%, 100%, 1)'
-
id : amount-chbx-color
type : variable-themed-color
title : Amount [ S ] Color
format : hsl
opacity : true
default-light : 'hsla(152, 42%, 41%, 1)'
default-dark : 'hsla(152, 46%, 38%, 1)'
-
id : amount-chbx-icon-color
type : variable-themed-color
title : Amount [ S ] Inner Icon Color
format : hsl
opacity : true
default-light : 'hsla(180, 0%, 100%, 1)'
default-dark : 'hsla(180, 0%, 100%, 1)'
-
id : amount-chbx-radius
type : variable-text
title : Amount [ S ] Border Radius
description : Changes the roundness of the checkbox . You may use other units such as px , em , or rem .
default : '100%'
-
id : quote-chbx-color
type : variable-themed-color
title : Quote [ " ] Color
format : hsl
opacity : true
default-light : 'hsla(206, 47%, 48%, 1)'
default-dark : 'hsla(206, 47%, 48%, 1)'
-
id : quote-chbx-icon-color
type : variable-themed-color
title : Quote [ " ] Inner Icon Color
format : hsl
opacity : true
default-light : 'hsla(180, 0%, 100%, 1)'
default-dark : 'hsla(180, 0%, 100%, 1)'
-
id : idea-chbx-color
type : variable-themed-color
title : Idea [ I ] Color
format : hsl
opacity : true
default-light : 'hsla(30, 72%, 62%, 1)'
default-dark : 'hsla(30, 72%, 62%, 1)'
-
id : pro-chbx-color
type : variable-themed-color
title : Pro [ p ] Color
format : hsl
opacity : true
default-light : 'hsla(149, 34%, 44%, 1)'
default-dark : 'hsla(149, 36%, 47%, 1)'
-
id : con-chbx-color
type : variable-themed-color
title : Con [ c ] Color
format : hsl
opacity : true
default-light : 'hsla(12, 62%, 45%, 1)'
default-dark : 'hsla(12, 64%, 47%, 1)'
-
id : bookmark-chbx-color
type : variable-themed-color
title : Bookmark [ b ] Color
format : hsl
opacity : true
default-light : 'hsla(21, 81%, 59%, 1)'
default-dark : 'hsla(21, 81%, 54%, 1)'
-
id : up-chbx-color
type : variable-themed-color
title : Up Trend Line [ u ] Color
format : hsl
opacity : true
default-light : 'hsla(146, 37%, 49%, 1)'
default-dark : 'hsla(146, 38%, 51%, 1)'
-
id : down-chbx-color
type : variable-themed-color
title : Down Trend Line [ d ] Color
format : hsl
opacity : true
default-light : 'hsla(4, 56%, 48%, 1)'
default-dark : 'hsla(4, 56%, 54%, 1)'
-
id : law-chbx-color
type : variable-themed-color
title : Rule or Law [ r ] Color
format : hsl
opacity : true
default-light : 'hsla(34, 34%, 52%, 1)'
default-dark : 'hsla(34, 34%, 52%, 1)'
-
id : language-chbx-color
type : variable-themed-color
title : Language or Translate [ L ] Color
format : hsl
opacity : true
default-light : 'hsla(7, 59%, 64%, 1)'
default-dark : 'hsla(7, 63%, 62%, 1)'
-
id : clock-chbx-color
type : variable-themed-color
title : Time or Clock [ t ] Color
format : hsl
opacity : true
default-light : 'hsla(210, 39%, 49%, 1)'
default-dark : 'hsla(210, 39%, 52%, 1)'
-
id : telephone-chbx-color
type : variable-themed-color
title : Telephone [ T ] Color
format : hsl
opacity : true
default-light : 'hsla(148, 47%, 47%, 1)'
default-dark : 'hsla(148, 48%, 42%, 1)'
-
id : nf_media
type : heading
level : 2
collapsed : true
title : Media
-
id : embed-media-border-radius
type : variable-text
title : Media Border Radius
description : Set border radius size for media ( images , audio , video )
default : 8px
-
id : nf_note-embed
type : heading
level : 2
collapsed : true
title : Note Embed
-
id : readme-content
type : info-text
markdown : true
description : 🎨 Visit the [ Note Embed Presets ] ( https : / / primary-theme . github . io / presets / note-embed ) in the Full Guide and check if you have any preferred ready-to-go style presets there , or if you want some inspiration on styling your embeds .
-
id : embed-max-height
type : variable-text
title : Note Embed Max Height
description : If you embed very long notes , you can change the max height so that each embed is scrollable . You can also set this by line-height using the unit rlh , or other CSS supported units . Recommended values are 20rlh and 40rlh .
default : 4000px
-
id : embed-background
type : variable-themed-color
title : Note Embed Background Color
format : hsl
opacity : true
default-light : 'hsla(39, 39%, 94%, 1)'
default-dark : 'hsla(31, 19%, 14%, 1)'
-
id : nf_note-embed-title
type : heading
level : 3
collapsed : true
title : Note Embed Title
-
id : embed-hide-title
type : class-toggle
title : Hide Note Embed Title
description : Hide the note ' s title when embedding notes .
-
id : embed-title-font-size
type : variable-text
title : Note Embed Title Font Size
description : You can use any CSS supported units . By default takes in the editor ' s font size based in the Obsidian Settings .
default : 12px
-
id : embed-title-font-weight
type : variable-number
title : Note Embed Title Font Weight
default : 500
-
id : embed-title-text-transform
type : variable-text
title : Note Embed Title Text Transform
description : Based on CSS . If you want the note embed title to be in all uppercase , put uppercase . Other options include capitalize and lowercase .
default : none
-
id : embed-title-letter-spacing
type : variable-text
title : Note Embed Title Letter Spacing
description : You can use numbers and CSS units .
default : normal
-
id : embed-title-color
type : variable-themed-color
title : Note Embed Title Color
format : hsl
opacity : true
default-light : 'hsla(31, 23%, 50%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : embed-title-border-width
type : variable-text
title : Note Embed Title Bottom Border Width
description : If you ' d like to remove the border , set this to 0px .
default : 1px
-
id : embed-title-border-style
type : variable-text
title : Note Embed Title Bottom Border Style
description : Other options include dashed , dotted , and double .
default : solid
-
id : embed-title-border-color
type : variable-themed-color
title : Note Embed Title Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : embed-title-margin-bottom
type : variable-text
title : Note Embed Title Bottom Margin Size
default : 8px
-
id : nf_note-embed-border
type : heading
level : 3
collapsed : true
title : Note Embed Border
-
id : embed-border-radius
type : variable-text
title : Note Embed Border Radius
description : You can also have different radiuses per side . Just write them in the CSS format of top left , top right , bottom right , bottom left . i . e . 2px , 8px , 12px , 0px .
default : 12px
-
id : nf_note-embed-border
type : heading
level : 4
collapsed : true
title : Note Embed Top Border
-
id : embed-border-top-width
type : variable-text
title : Note Embed Top Border Width
description : If you ' d like to remove the border , set this to 0px .
default : 1px
-
id : embed-border-top-style
type : variable-text
title : Note Embed Top Border Style
description : Other options include dashed , dotted , and double .
default : solid
-
id : embed-border-top-color
type : variable-themed-color
title : Note Embed Top Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : nf_note-embed-border
type : heading
level : 4
collapsed : true
title : Note Embed Right Border
-
id : embed-border-end-width
type : variable-text
title : Note Embed Right Border Width
description : If you ' d like to remove the border , set this to 0px .
default : 1px
-
id : embed-border-end-style
type : variable-text
title : Note Embed Right Border Style
description : Other options include dashed , dotted , and double .
default : solid
-
id : embed-border-end-color
type : variable-themed-color
title : Note Embed Right Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : nf_note-embed-border
type : heading
level : 4
collapsed : true
title : Note Embed Bottom Border
-
id : embed-border-bottom-width
type : variable-text
title : Note Embed Bottom Border Width
description : If you ' d like to remove the border , set this to 0px .
default : 1px
-
id : embed-border-bottom-style
type : variable-text
title : Note Embed Bottom Border Style
description : Other options include dashed , dotted , and double .
default : solid
-
id : embed-border-bottom-color
type : variable-themed-color
title : Note Embed Bottom Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : nf_note-embed-border
type : heading
level : 4
collapsed : true
title : Note Embed Left Border
-
id : embed-border-start-width
type : variable-text
title : Note Embed Left Border Width
description : If you ' d like to remove the border , set this to 0px .
default : 1px
-
id : embed-border-start-style
type : variable-text
title : Note Embed Left Border Style
description : Other options include dashed , dotted , and double .
default : solid
-
id : embed-border-start-color
type : variable-themed-color
title : Note Embed Left Border Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : canvas
type : heading
level : 1
collapsed : true
title : Canvas
-
id : canvas-dot-pattern
type : variable-themed-color
title : Canvas Dot Pattern Color
format : hsl
opacity : true
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(31, 27%, 24%, 1)'
-
id : canvas-card-label-color
type : variable-themed-color
title : Canvas Card Label Color
format : hsl
opacity : true
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : canvas-color
type : variable-themed-color
title : Canvas Color 1
format : rgb-values
opacity : false
default-light : 'rgb(182, 175, 166)'
default-dark : 'rgb(182, 175, 166)'
-
id : canvas-color-1
type : variable-themed-color
title : Canvas Color 2
format : rgb-values
opacity : false
default-light : 'rgb(223, 90, 90)'
default-dark : 'rgb(223, 90, 90)'
-
id : canvas-color-2
type : variable-themed-color
title : Canvas Color 3
format : rgb-values
opacity : false
default-light : 'rgb(231, 130, 63)'
default-dark : 'rgb(231, 130, 63)'
-
id : canvas-color-3
type : variable-themed-color
title : Canvas Color 4
format : rgb-values
opacity : false
default-light : 'rgb(248, 197, 46)'
default-dark : 'rgb(248, 197, 46)'
-
id : canvas-color-4
type : variable-themed-color
title : Canvas Color 5
format : rgb-values
opacity : false
default-light : 'rgb(87, 185, 132)'
default-dark : 'rgb(87, 185, 132)'
-
id : canvas-color-5
type : variable-themed-color
title : Canvas Color 6
format : rgb-values
opacity : false
default-light : 'rgb(99, 164, 198)'
default-dark : 'rgb(99, 164, 198)'
-
id : canvas-color-6
type : variable-themed-color
title : Canvas Color 7
format : rgb-values
opacity : false
default-light : 'rgb(135, 106, 193)'
default-dark : 'rgb(135, 106, 193)'
-
id : file-explorer
type : heading
level : 1
collapsed : true
title : File Explorer & Bookmarks
-
id : readme-content
type : info-text
markdown : true
description : 🎨 Out of the box , the toggles below affect both file explorer and bookmark folders . If you ' d like them to be different colors , head down over to the * * Bookmarks * * section , turn on ` Custom Bookmarks Folders ` and set your desired colors .
-
id : alt-folder-icons
type : class-toggle
title : Toggle using Folders as Collapse Indicators
description : Use folders as collapse indicators instead of chevrons .
-
id : colorful-folders_text
type : class-toggle
title : Toggle Colored Folder Text
description : Adds colors to the name text of the folder . When hovered , folder background is colored .
-
id : colorful-folders_collapse-indicator
type : class-toggle
title : Toggle Colored Folder Collapse Indicators
description : Adds color to the collapse indicators of the folders .
-
id : colorful-folders_background
type : class-toggle
title : Toggle Colored Folder Backgrounds
description : Adds background color to folders .
-
id : colorful-folders_indentation-guide
type : class-toggle
title : Toggle Colored Folder Colored Indentation Guide
description : Colors folder 's indentation guide based on parent folder' s color .
-
id : colorful-folders_inherit-color
type : class-toggle
title : Toggle to Inherit Parent Folder Colors
description : The color cycles through up to 12 colors for both top level folders and subfolders by default . If you would like subfolders to be colored based on their top level folder colors , toggle this on .
-
id : readme-content
type : info-text
markdown : true
description : 🔄 Folder Colors are setup to cycle through up to 12 colors . At default , it cycles through only 6 colors that I ' ve set up to repeat . Feel free to color them as you wish .
-
id : readme-content
type : info-text
markdown : true
description : 🎨 The collapse indicator and indentation guide colors take in the color of the text color . If you don ' t want the hassle of changing these two other nuances , you can just change the text color . < br > < br > Same goes for background color when hovered , you can focus on just changing the background color and leave the hovered color and it will adjust accordingly .
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 1
-
id : nav-folder-1-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Text Color
default-light : 'hsla(4, 56%, 48%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : nav-folder-1-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Collapse Indicator Color
default-light : 'hsla(4, 56%, 48%, 0.5)'
default-dark : 'hsla(4, 88%, 61%, 0.5)'
-
id : nav-folder-1-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Background Color
default-light : 'hsla(350, 84%, 63%, 0.12)'
default-dark : 'hsla(350, 84%, 63%, 0.12)'
-
id : nav-folder-1-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Background Color when Hovered
default-light : 'hsla(350, 84%, 63%, 0.084)'
default-dark : 'hsla(350, 84%, 63%, 0.084)'
-
id : nav-folder-1-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Indentation Guide Color
default-light : 'hsla(4, 56%, 48%, 0.25)'
default-dark : 'hsla(4, 88%, 61%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 2
-
id : nav-folder-2-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Text Color
default-light : 'hsla(18, 69%, 50%, 1)'
default-dark : 'hsla(24, 84%, 50%, 1)'
-
id : nav-folder-2-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Collapse Indicator Color
default-light : 'hsla(18, 69%, 50%, 0.5)'
default-dark : 'hsla(24, 84%, 50%, 0.5)'
-
id : nav-folder-2-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Background Color
default-light : 'hsla(27, 100%, 50%, 0.12)'
default-dark : 'hsla(27, 100%, 50%, 0.12)'
-
id : nav-folder-2-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Background Color when Hovered
default-light : 'hsla(27, 100%, 50%, 0.084)'
default-dark : 'hsla(27, 100%, 50%, 0.084)'
-
id : nav-folder-2-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Indentation Guide Color
default-light : 'hsla(18, 69%, 50%, 0.25)'
default-dark : 'hsla(24, 84%, 50%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 3
-
id : nav-folder-3-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Text Color
default-light : 'hsla(40, 98%, 36%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : nav-folder-3-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Collapse Indicator Color
default-light : 'hsla(40, 98%, 36%, 0.5)'
default-dark : 'hsla(42, 79%, 51%, 0.5)'
-
id : nav-folder-3-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Background Color
default-light : 'hsla(44, 100%, 50%, 0.12)'
default-dark : 'hsla(44, 100%, 50%, 0.12)'
-
id : nav-folder-3-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Background Color when Hovered
default-light : 'hsla(44, 100%, 50%, 0.084)'
default-dark : 'hsla(44, 100%, 50%, 0.084)'
-
id : nav-folder-3-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Indentation Guide Color
default-light : 'hsla(40, 98%, 36%, 0.25)'
default-dark : 'hsla(42, 79%, 51%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 4
-
id : nav-folder-4-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Text Color
default-light : 'hsla(153, 65%, 29%, 1)'
default-dark : 'hsla(154, 57%, 42%, 1)'
-
id : nav-folder-4-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Collapse Indicator Color
default-light : 'hsla(153, 65%, 29%, 0.5)'
default-dark : 'hsla(154, 57%, 42%, 0.5)'
-
id : nav-folder-4-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Background Color
default-light : 'hsla(74, 69%, 44%, 0.12)'
default-dark : 'hsla(74, 69%, 44%, 0.12)'
-
id : nav-folder-4-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Background Color when Hovered
default-light : 'hsla(74, 69%, 44%, 0.084)'
default-dark : 'hsla(74, 69%, 44%, 0.084)'
-
id : nav-folder-4-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Indentation Guide Color
default-light : 'hsla(153, 65%, 29%, 0.25)'
default-dark : 'hsla(154, 57%, 42%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 5
-
id : nav-folder-5-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Text Color
default-light : 'hsla(200, 64%, 37%, 1)'
default-dark : 'hsla(194, 59%, 56%, 1)'
-
id : nav-folder-5-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Collapse Indicator Color
default-light : 'hsla(200, 64%, 37%, 0.5)'
default-dark : 'hsla(194, 59%, 56%, 0.5)'
-
id : nav-folder-5-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Background Color
default-light : 'hsla(186, 64%, 46%, 0.12)'
default-dark : 'hsla(186, 64%, 46%, 0.12)'
-
id : nav-folder-5-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Background Color when Hovered
default-light : 'hsla(186, 64%, 46%, 0.084)'
default-dark : 'hsla(186, 64%, 46%, 0.084)'
-
id : nav-folder-5-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Indentation Guide Color
default-light : 'hsla(200, 64%, 37%, 0.25)'
default-dark : 'hsla(194, 59%, 56%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 6
-
id : nav-folder-6-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Text Color
default-light : 'hsla(275, 37%, 43%, 1)'
default-dark : 'hsla(242, 52%, 69%, 1)'
-
id : nav-folder-6-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Collapse Indicator Color
default-light : 'hsla(275, 37%, 43%, 0.5)'
default-dark : 'hsla(242, 52%, 69%, 0.5)'
-
id : nav-folder-6-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Background Color
default-light : 'hsla(236, 100%, 72%, 0.12)'
default-dark : 'hsla(236, 100%, 72%, 0.12)'
-
id : nav-folder-6-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Background Color when Hovered
default-light : 'hsla(236, 100%, 72%, 0.084)'
default-dark : 'hsla(236, 100%, 72%, 0.084)'
-
id : nav-folder-6-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Indentation Guide Color
default-light : 'hsla(275, 37%, 43%, 0.25)'
default-dark : 'hsla(242, 52%, 69%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 7
-
id : nav-folder-7-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Text Color
default-light : 'hsla(4, 56%, 48%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : nav-folder-7-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Collapse Indicator Color
default-light : 'hsla(4, 56%, 48%, 0.5)'
default-dark : 'hsla(4, 88%, 61%, 0.5)'
-
id : nav-folder-7-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Background Color
default-light : 'hsla(350, 84%, 63%, 0.12)'
default-dark : 'hsla(350, 84%, 63%, 0.12)'
-
id : nav-folder-7-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Background Color when Hovered
default-light : 'hsla(350, 84%, 63%, 0.084)'
default-dark : 'hsla(350, 84%, 63%, 0.084)'
-
id : nav-folder-7-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Indentation Guide Color
default-light : 'hsla(4, 56%, 48%, 0.25)'
default-dark : 'hsla(4, 88%, 61%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 8
-
id : nav-folder-8-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Text Color
default-light : 'hsla(18, 69%, 50%, 1)'
default-dark : 'hsla(24, 84%, 50%, 1)'
-
id : nav-folder-8-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Collapse Indicator Color
default-light : 'hsla(18, 69%, 50%, 0.5)'
default-dark : 'hsla(24, 84%, 50%, 0.5)'
-
id : nav-folder-8-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Background Color
default-light : 'hsla(27, 100%, 50%, 0.12)'
default-dark : 'hsla(27, 100%, 50%, 0.12)'
-
id : nav-folder-8-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Background Color when Hovered
default-light : 'hsla(27, 100%, 50%, 0.084)'
default-dark : 'hsla(27, 100%, 50%, 0.084)'
-
id : nav-folder-8-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Indentation Guide Color
default-light : 'hsla(18, 69%, 50%, 0.25)'
default-dark : 'hsla(24, 84%, 50%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 9
-
id : nav-folder-9-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Text Color
default-light : 'hsla(40, 98%, 36%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : nav-folder-9-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Collapse Indicator Color
default-light : 'hsla(40, 98%, 36%, 0.5)'
default-dark : 'hsla(42, 79%, 51%, 0.5)'
-
id : nav-folder-9-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Background Color
default-light : 'hsla(44, 100%, 50%, 0.12)'
default-dark : 'hsla(44, 100%, 50%, 0.12)'
-
id : nav-folder-9-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Background Color when Hovered
default-light : 'hsla(44, 100%, 50%, 0.084)'
default-dark : 'hsla(44, 100%, 50%, 0.084)'
-
id : nav-folder-9-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Indentation Guide Color
default-light : 'hsla(40, 98%, 36%, 0.25)'
default-dark : 'hsla(42, 79%, 51%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 10
-
id : nav-folder-10-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Text Color
default-light : 'hsla(153, 65%, 29%, 1)'
default-dark : 'hsla(154, 57%, 42%, 1)'
-
id : nav-folder-10-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Collapse Indicator Color
default-light : 'hsla(153, 65%, 29%, 0.5)'
default-dark : 'hsla(154, 57%, 42%, 0.5)'
-
id : nav-folder-10-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Background Color
default-light : 'hsla(74, 69%, 44%, 0.12)'
default-dark : 'hsla(74, 69%, 44%, 0.12)'
-
id : nav-folder-10-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Background Color when Hovered
default-light : 'hsla(74, 69%, 44%, 0.084)'
default-dark : 'hsla(74, 69%, 44%, 0.084)'
-
id : nav-folder-10-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Indentation Guide Color
default-light : 'hsla(153, 65%, 29%, 0.25)'
default-dark : 'hsla(154, 57%, 42%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 11
-
id : nav-folder-11-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Text Color
default-light : 'hsla(200, 64%, 37%, 1)'
default-dark : 'hsla(194, 59%, 56%, 1)'
-
id : nav-folder-11-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Collapse Indicator Color
default-light : 'hsla(200, 64%, 37%, 0.5)'
default-dark : 'hsla(194, 59%, 56%, 0.5)'
-
id : nav-folder-11-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Background Color
default-light : 'hsla(186, 64%, 46%, 0.12)'
default-dark : 'hsla(186, 64%, 46%, 0.12)'
-
id : nav-folder-11-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Background Color when Hovered
default-light : 'hsla(186, 64%, 46%, 0.084)'
default-dark : 'hsla(186, 64%, 46%, 0.084)'
-
id : nav-folder-11-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Indentation Guide Color
default-light : 'hsla(200, 64%, 37%, 0.25)'
default-dark : 'hsla(194, 59%, 56%, 0.25)'
-
id : file-explorer_folder
type : heading
level : 2
collapsed : true
title : Folder 12
-
id : nav-folder-12-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Text Color
default-light : 'hsla(275, 37%, 43%, 1)'
default-dark : 'hsla(242, 52%, 69%, 1)'
-
id : nav-folder-12-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Collapse Indicator Color
default-light : 'hsla(275, 37%, 43%, 0.5)'
default-dark : 'hsla(242, 52%, 69%, 0.5)'
-
id : nav-folder-12-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Background Color
default-light : 'hsla(236, 100%, 72%, 0.12)'
default-dark : 'hsla(236, 100%, 72%, 0.12)'
-
id : nav-folder-12-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Background Color when Hovered
default-light : 'hsla(236, 100%, 72%, 0.084)'
default-dark : 'hsla(236, 100%, 72%, 0.084)'
-
id : nav-folder-12-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Indentation Guide Color
default-light : 'hsla(275, 37%, 43%, 0.25)'
default-dark : 'hsla(242, 52%, 69%, 0.25)'
-
id : bookmarks
type : heading
level : 2
collapsed : true
title : Bookmarks Folders
-
id : colorful-folders_different-bookmark-colors
type : class-toggle
title : Custom Bookmarks Folders
description : By default , File Explorer and Bookmarks share the same colors when the colorful folders toggles are turned on . If you ' d like a different color for the Bookmarks folders , toggle this on and set your preferred colors below . Just like File Explorer , customization goes up to 12 folders and cycles through them .
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 1
-
id : bookmark-folder-1-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Text Color
default-light : 'hsla(4, 56%, 48%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : bookmark-folder-1-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Collapse Indicator Color
default-light : 'hsla(4, 56%, 48%, 0.5)'
default-dark : 'hsla(4, 88%, 61%, 0.5)'
-
id : bookmark-folder-1-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Background Color
default-light : 'hsla(350, 84%, 63%, 0.12)'
default-dark : 'hsla(350, 84%, 63%, 0.12)'
-
id : bookmark-folder-1-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Background Color when Hovered
default-light : 'hsla(350, 84%, 63%, 0.084)'
default-dark : 'hsla(350, 84%, 63%, 0.084)'
-
id : bookmark-folder-1-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 1 Indentation Guide Color
default-light : 'hsla(4, 56%, 48%, 0.25)'
default-dark : 'hsla(4, 88%, 61%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 2
-
id : bookmark-folder-2-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Text Color
default-light : 'hsla(18, 69%, 50%, 1)'
default-dark : 'hsla(24, 84%, 50%, 1)'
-
id : bookmark-folder-2-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Collapse Indicator Color
default-light : 'hsla(18, 69%, 50%, 0.5)'
default-dark : 'hsla(24, 84%, 50%, 0.5)'
-
id : bookmark-folder-2-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Background Color
default-light : 'hsla(27, 100%, 50%, 0.12)'
default-dark : 'hsla(27, 100%, 50%, 0.12)'
-
id : bookmark-folder-2-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Background Color when Hovered
default-light : 'hsla(27, 100%, 50%, 0.084)'
default-dark : 'hsla(27, 100%, 50%, 0.084)'
-
id : bookmark-folder-2-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 2 Indentation Guide Color
default-light : 'hsla(18, 69%, 50%, 0.25)'
default-dark : 'hsla(24, 84%, 50%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 3
-
id : bookmark-folder-3-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Text Color
default-light : 'hsla(40, 98%, 36%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : bookmark-folder-3-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Collapse Indicator Color
default-light : 'hsla(40, 98%, 36%, 0.5)'
default-dark : 'hsla(42, 79%, 51%, 0.5)'
-
id : bookmark-folder-3-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Background Color
default-light : 'hsla(44, 100%, 50%, 0.12)'
default-dark : 'hsla(44, 100%, 50%, 0.12)'
-
id : bookmark-folder-3-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Background Color when Hovered
default-light : 'hsla(44, 100%, 50%, 0.084)'
default-dark : 'hsla(44, 100%, 50%, 0.084)'
-
id : bookmark-folder-3-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 3 Indentation Guide Color
default-light : 'hsla(40, 98%, 36%, 0.25)'
default-dark : 'hsla(42, 79%, 51%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 4
-
id : bookmark-folder-4-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Text Color
default-light : 'hsla(153, 65%, 29%, 1)'
default-dark : 'hsla(154, 57%, 42%, 1)'
-
id : bookmark-folder-4-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Collapse Indicator Color
default-light : 'hsla(153, 65%, 29%, 0.5)'
default-dark : 'hsla(154, 57%, 42%, 0.5)'
-
id : bookmark-folder-4-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Background Color
default-light : 'hsla(74, 69%, 44%, 0.12)'
default-dark : 'hsla(74, 69%, 44%, 0.12)'
-
id : bookmark-folder-4-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Background Color when Hovered
default-light : 'hsla(74, 69%, 44%, 0.084)'
default-dark : 'hsla(74, 69%, 44%, 0.084)'
-
id : bookmark-folder-4-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 4 Indentation Guide Color
default-light : 'hsla(153, 65%, 29%, 0.25)'
default-dark : 'hsla(154, 57%, 42%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 5
-
id : bookmark-folder-5-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Text Color
default-light : 'hsla(200, 64%, 37%, 1)'
default-dark : 'hsla(194, 59%, 56%, 1)'
-
id : bookmark-folder-5-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Collapse Indicator Color
default-light : 'hsla(200, 64%, 37%, 0.5)'
default-dark : 'hsla(194, 59%, 56%, 0.5)'
-
id : bookmark-folder-5-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Background Color
default-light : 'hsla(186, 64%, 46%, 0.12)'
default-dark : 'hsla(186, 64%, 46%, 0.12)'
-
id : bookmark-folder-5-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Background Color when Hovered
default-light : 'hsla(186, 64%, 46%, 0.084)'
default-dark : 'hsla(186, 64%, 46%, 0.084)'
-
id : bookmark-folder-5-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 5 Indentation Guide Color
default-light : 'hsla(200, 64%, 37%, 0.25)'
default-dark : 'hsla(194, 59%, 56%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 6
-
id : bookmark-folder-6-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Text Color
default-light : 'hsla(275, 37%, 43%, 1)'
default-dark : 'hsla(242, 52%, 69%, 1)'
-
id : bookmark-folder-6-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Collapse Indicator Color
default-light : 'hsla(275, 37%, 43%, 0.5)'
default-dark : 'hsla(242, 52%, 69%, 0.5)'
-
id : bookmark-folder-6-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Background Color
default-light : 'hsla(236, 100%, 72%, 0.12)'
default-dark : 'hsla(236, 100%, 72%, 0.12)'
-
id : bookmark-folder-6-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Background Color when Hovered
default-light : 'hsla(236, 100%, 72%, 0.084)'
default-dark : 'hsla(236, 100%, 72%, 0.084)'
-
id : bookmark-folder-6-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 6 Indentation Guide Color
default-light : 'hsla(275, 37%, 43%, 0.25)'
default-dark : 'hsla(242, 52%, 69%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 7
-
id : bookmark-folder-7-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Text Color
default-light : 'hsla(4, 56%, 48%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : bookmark-folder-7-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Collapse Indicator Color
default-light : 'hsla(4, 56%, 48%, 0.5)'
default-dark : 'hsla(4, 88%, 61%, 0.5)'
-
id : bookmark-folder-7-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Background Color
default-light : 'hsla(350, 84%, 63%, 0.12)'
default-dark : 'hsla(350, 84%, 63%, 0.12)'
-
id : bookmark-folder-7-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Background Color when Hovered
default-light : 'hsla(350, 84%, 63%, 0.084)'
default-dark : 'hsla(350, 84%, 63%, 0.084)'
-
id : bookmark-folder-7-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 7 Indentation Guide Color
default-light : 'hsla(4, 56%, 48%, 0.25)'
default-dark : 'hsla(4, 88%, 61%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 8
-
id : bookmark-folder-8-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Text Color
default-light : 'hsla(18, 69%, 50%, 1)'
default-dark : 'hsla(24, 84%, 50%, 1)'
-
id : bookmark-folder-8-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Collapse Indicator Color
default-light : 'hsla(18, 69%, 50%, 0.5)'
default-dark : 'hsla(24, 84%, 50%, 0.5)'
-
id : bookmark-folder-8-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Background Color
default-light : 'hsla(27, 100%, 50%, 0.12)'
default-dark : 'hsla(27, 100%, 50%, 0.12)'
-
id : bookmark-folder-8-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Background Color when Hovered
default-light : 'hsla(27, 100%, 50%, 0.084)'
default-dark : 'hsla(27, 100%, 50%, 0.084)'
-
id : bookmark-folder-8-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 8 Indentation Guide Color
default-light : 'hsla(18, 69%, 50%, 0.25)'
default-dark : 'hsla(24, 84%, 50%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 9
-
id : bookmark-folder-9-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Text Color
default-light : 'hsla(40, 98%, 36%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : bookmark-folder-9-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Collapse Indicator Color
default-light : 'hsla(40, 98%, 36%, 0.5)'
default-dark : 'hsla(42, 79%, 51%, 0.5)'
-
id : bookmark-folder-9-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Background Color
default-light : 'hsla(44, 100%, 50%, 0.12)'
default-dark : 'hsla(44, 100%, 50%, 0.12)'
-
id : bookmark-folder-9-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Background Color when Hovered
default-light : 'hsla(44, 100%, 50%, 0.084)'
default-dark : 'hsla(44, 100%, 50%, 0.084)'
-
id : bookmark-folder-9-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 9 Indentation Guide Color
default-light : 'hsla(40, 98%, 36%, 0.25)'
default-dark : 'hsla(42, 79%, 51%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 10
-
id : bookmark-folder-10-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Text Color
default-light : 'hsla(153, 65%, 29%, 1)'
default-dark : 'hsla(154, 57%, 42%, 1)'
-
id : bookmark-folder-10-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Collapse Indicator Color
default-light : 'hsla(153, 65%, 29%, 0.5)'
default-dark : 'hsla(154, 57%, 42%, 0.5)'
-
id : bookmark-folder-10-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Background Color
default-light : 'hsla(74, 69%, 44%, 0.12)'
default-dark : 'hsla(74, 69%, 44%, 0.12)'
-
id : bookmark-folder-10-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Background Color when Hovered
default-light : 'hsla(74, 69%, 44%, 0.084)'
default-dark : 'hsla(74, 69%, 44%, 0.084)'
-
id : bookmark-folder-10-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 10 Indentation Guide Color
default-light : 'hsla(153, 65%, 29%, 0.25)'
default-dark : 'hsla(154, 57%, 42%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 11
-
id : bookmark-folder-11-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Text Color
default-light : 'hsla(200, 64%, 37%, 1)'
default-dark : 'hsla(194, 59%, 56%, 1)'
-
id : bookmark-folder-11-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Collapse Indicator Color
default-light : 'hsla(200, 64%, 37%, 0.5)'
default-dark : 'hsla(194, 59%, 56%, 0.5)'
-
id : bookmark-folder-11-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Background Color
default-light : 'hsla(186, 64%, 46%, 0.12)'
default-dark : 'hsla(186, 64%, 46%, 0.12)'
-
id : bookmark-folder-11-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Background Color when Hovered
default-light : 'hsla(186, 64%, 46%, 0.084)'
default-dark : 'hsla(186, 64%, 46%, 0.084)'
-
id : bookmark-folder-11-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 11 Indentation Guide Color
default-light : 'hsla(200, 64%, 37%, 0.25)'
default-dark : 'hsla(194, 59%, 56%, 0.25)'
-
id : bookmark_folder
type : heading
level : 3
collapsed : true
title : Folder 12
-
id : bookmark-folder-12-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Text Color
default-light : 'hsla(275, 37%, 43%, 1)'
default-dark : 'hsla(242, 52%, 69%, 1)'
-
id : bookmark-folder-12-collapse-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Collapse Indicator Color
default-light : 'hsla(275, 37%, 43%, 0.5)'
default-dark : 'hsla(242, 52%, 69%, 0.5)'
-
id : bookmark-folder-12-bg-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Background Color
default-light : 'hsla(236, 100%, 72%, 0.12)'
default-dark : 'hsla(236, 100%, 72%, 0.12)'
-
id : bookmark-folder-12-bg-color-hover
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Background Color when Hovered
default-light : 'hsla(236, 100%, 72%, 0.084)'
default-dark : 'hsla(236, 100%, 72%, 0.084)'
-
id : bookmark-folder-12-indent-color
type : variable-themed-color
format : hsl
opacity : true
title : Folder 12 Indentation Guide Color
default-light : 'hsla(275, 37%, 43%, 0.25)'
default-dark : 'hsla(242, 52%, 69%, 0.25)'
-
id : graph
type : heading
level : 1
collapsed : true
title : Graph
-
id : graph-node
type : variable-themed-color
format : hsl
opacity : true
title : Resolved Note Node Color
description : Color of existing notes
default-light : 'hsla(202, 66%, 48%, 1)'
default-dark : 'hsla(197, 48%, 49%, 1)'
-
id : graph-node-unresolved
type : variable-themed-color
format : hsl
opacity : true
title : Unresolved Note Node Color
description : Color of notes that don ' t exist ( unresolved backlinks )
default-light : 'hsla(43, 83%, 57%, 1)'
default-dark : 'hsla(42, 79%, 51%, 1)'
-
id : graph-node-unresolved-opacity
type : variable-number
title : Unresolved Note Node Opacity
description : Opacity of nodes that don ' t exist ( unresolved backlinks ) . Use a number that is less than or equal to 1 , but more than or equal to 0 .
default : 1
-
id : graph-node-tag
type : variable-themed-color
format : hsl
opacity : true
title : Tag Node Color
default-light : 'hsla(4, 72%, 55%, 1)'
default-dark : 'hsla(4, 88%, 61%, 1)'
-
id : graph-node-attachment
type : variable-themed-color
format : hsl
opacity : true
title : Attachment Node Color
default-light : 'hsla(148, 30%, 65%, 1)'
default-dark : 'hsla(155, 78%, 29%, 1)'
-
id : graph-node-focused
type : variable-themed-color
format : hsl
opacity : true
title : Active File Node Color
default-light : 'hsla(31, 45%, 24%, 1)'
default-dark : 'hsla(34, 39%, 74%, 1)'
-
id : graph-node-highlight-fill
type : variable-themed-color
format : hsl
opacity : true
title : Hovered Node Color
default-light : 'hsla(31, 23%, 50%, 1)'
default-dark : 'hsla(34, 31%, 68%, 1)'
-
id : graph-node-highlight-line
type : variable-themed-color
format : hsl
opacity : true
title : Hovered Node Line Color
default-light : 'hsla(34, 37%, 70%, 1)'
default-dark : 'hsla(33, 27%, 30%, 1)'
-
id : graph-text
type : variable-themed-color
format : hsl
opacity : true
title : Text Color
default-light : 'hsla(34, 29%, 60%, 1)'
default-dark : 'hsla(28, 22%, 18%, 1)'
-
id : graph-line
type : variable-themed-color
format : hsl
opacity : true
title : Line Color
default-light : 'hsla(37, 38%, 83%, 1)'
default-dark : 'hsla(37, 38%, 83%, 1)'
-
id : graph-arrow
type : variable-themed-color
format : hsl
opacity : true
title : Arrow Color
default-light : 'hsla(31, 23%, 50%, 1)'
default-dark : 'hsla(34, 24%, 40%, 1)'
-
id : advanced
type : heading
level : 1
collapsed : true
title : Advanced
-
id : readme-content
type : info-text
markdown : true
description : 🚧 Coming soon !
-
id : readme-support
type : heading
level : 1
collapsed : true
title : Support Primary ' s Development
-
id : readme-content
type : info-text
markdown : true
title : 💗 Make a Donation on Ko-fi
description : Support development by subscribing monthly or making a one-time donation at [ Primary ' s Ko-fi Page ] ( https : / / ko-fi . com / ceciliamay ) .
-
id : readme-content
type : info-text
markdown : true
title : ⭐ Star the Theme on Github
description : Visit [ Primary ' s Github Page ] ( https : / / git . new / primary / obsidian ) and consider starring the theme to show your appreciation !
-
id : readme-content
type : info-text
markdown : true
title : 🐛 Submit an Issue or Feature Request !
description : Visit [ Primary ' s Github Issue Page ] ( https : / / git . new / primary / obsidian ) to submit an issue or feature request . < br > No Github account ? Send me a message through [ Twitter ] ( https : / / x . com / ceciliamay_ ) or directly via [ Email ] ( mailto : contact . ceciliamay @ gmail . com )
* /
