2024-01-28 20:03:50 +00:00
|
|
|
<style>
|
2024-03-13 21:22:06 +00:00
|
|
|
* {
|
|
|
|
font-family: monospace !important;
|
|
|
|
}
|
2024-01-28 20:03:50 +00:00
|
|
|
|
|
|
|
/* light mode colors */
|
|
|
|
body {
|
|
|
|
--primary-color: #8070c6;
|
|
|
|
--primary-pale-color: #8070c61c;
|
|
|
|
--text-color: #151517;
|
|
|
|
--text-pale-color: #454449;
|
2024-03-22 15:45:02 +00:00
|
|
|
--bg-color: #f4f0f3;
|
2024-01-28 20:03:50 +00:00
|
|
|
--highlight-mark-color: #5f75b045;
|
|
|
|
|
|
|
|
--callout-note-color: #e887bb;
|
|
|
|
--callout-important-color: #a292e8;
|
|
|
|
--callout-warning-color: #d9d564;
|
|
|
|
--callout-alert-color: #f06969;
|
|
|
|
--callout-question-color: #78b9c4;
|
|
|
|
--callout-tip-color: #91d65c;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* dark mode colors */
|
|
|
|
body.dark {
|
|
|
|
--primary-color: #a292e8;
|
|
|
|
--primary-pale-color: #a292e81c;
|
|
|
|
--text-color: #ece5ea;
|
|
|
|
--text-pale-color: #5c5c61;
|
|
|
|
--bg-color: #151517;
|
|
|
|
--highlight-mark-color: #5f75b045;
|
|
|
|
|
|
|
|
--callout-note-color: #e887bb;
|
|
|
|
--callout-important-color: #a292e8;
|
|
|
|
--callout-warning-color: #d9d564;
|
|
|
|
--callout-alert-color: #f06969;
|
|
|
|
--callout-question-color: #78b9c4;
|
|
|
|
--callout-tip-color: #91d65c;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* typography */
|
|
|
|
body {
|
|
|
|
--main-font: 'Signika', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
|
|
|
|
--code-font: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
|
|
|
|
--homepage-max-width: 750px;
|
|
|
|
--main-max-width: 750px;
|
|
|
|
--avatar-size: 70px;
|
2024-05-06 09:42:48 +01:00
|
|
|
--avatar-radius: 0;
|
2024-01-28 20:03:50 +00:00
|
|
|
--paragraph-font-size: 18px;
|
|
|
|
--paragraph-line-height: 1.75;
|
|
|
|
--aside-font-size: 16px;
|
|
|
|
--img-border-radius: 0px;
|
|
|
|
--inline-code-border-radius: 2px;
|
|
|
|
}
|
|
|
|
|
|
|
|
</style>
|