This repo is my personal collection of themes/tricks/snippets/configuration files for Typora on Windows 10. It is *not* associated with Typora's ongoing development in any way.
MIT License
I have found my perfect word processing solution. I have much to say about it, eventually, but for now, I want to share instructions you can follow that should result in you having precisely the same experience:
Ctrl + ,
Appearance and find "Open Themes Folder" near the bottom./GitBook
to the themes folder along with 3 .css files.)JustYou\AppData\Roaming\Typora\conf
, where you should see conf.user.json
andconf.default.json
. You should have basically zero reservations about fucking with these considering the software has a restore button right next to the one that got us here. That said - if you'd like to replicate my custom keybinds precisely, either open conf.user.json
and copy and paste the snippet below where appropriate or just download the whole file and replace. (I can't promise anything else will be kept as up-to-date.) "keyBinding": {
"Highlight": "Ctrl+Shift+H"
"Quote": "Alt+Q"
"PrintDialog:": "Alt+P"
"Always on Top": "Ctrl+Shift+P"
"Task List": "Ctrl+Shift+T"
"Strike": "Alt+S"
"Comment": "Alt+/"
"Open Link": "Alt+O"
"Insert Local Images...": "Ctrl+Shift+U"
"Footnotes": "Ctrl+Alt+F"
"Copy Image Content": "Ctrl+Shift+Alt+I"
"Copy as HTML Code": "Ctrl+Shift+Alt+C"
"Copy as Plain Text": "Alt+C"
"Code": "Shift+Alt+."
}
Action | Input |
---|---|
Highlight selected text ====
|
Ctrl + Shift + H |
Transform selected text into Markdown pullquote >
|
Alt + Q |
Print Dialog | Alt + P |
Always on Top | Ctrl + Shift + P |
Transform selected text into Markdown task list - [ ]
|
Ctrl + Shift + T |
Transform selected text into Strikethrough text ~~~~
|
Alt + S |
Transform selected text into <!--Comment-->
|
Alt + / |
Open Link | Alt + O |
Insert Local Images... | Ctrl + Shift + U |
Footnotes | Ctrl + Alt + F |
Copy Image Content | Ctrl + Shift + Alt + I |
Copy as HTML Code | Ctrl + Shift + Alt + C |
Copy as Plain Text | Alt + C |
Transform selected text into code
|
Shift + Alt + . |
![Typora Tile](https://i.snap.as/3vbelEU.png)
https://github.com/h16nning/typora-gitbook-theme/discussions/29
* Typora Theme Gallery (Web)
(The below is just a truncated sample.)
@import "gitbook/fonts.css";
@import "gitbook/slate-colors.css";
/*by 16soundsofsilence, yes this code is an absolute mess*/
html,
.form-control,
.modal {
font-size: 16px;
}
body {
background: var(--bg-color);
font-family: var(--font-family);
font-weight: 400;
color: white;
line-height: 1.6rem;
height: 100%;
}
#write {
font-size: 0.95rem;
max-width: 850px;
margin: 0 auto;
margin-top: 1rem;
padding: 30px;
padding-bottom: 100px;
position: static;
width: 100%;
}
#write > ul:first-child,
#write > ol:first-child {
margin-top: 30px;
}
a {
color: var(--primary-color);
text-decoration: none !important;
transition-duration: 0.2s;
transition-property: color;
}
a:hover {
color: var(--primary-color-darker);
}
mark a,
mark .md-content.md-url {
color: var(--primary-color-darker2);
}
mark a:hover {
color: var(--primary-color-darkest);
}
.ty-preferences a {
color: var(--primary-color);
}
h1,
h2,
h3,
h4,
h5,
h6 {
position: relative;
color: var(--heading-text-color);
cursor: text;
}
h1:hover a.anchor,
h2:hover a.anchor,
h3:hover a.anchor,
h4:hover a.anchor,
h5:hover a.anchor,
h6:hover a.anchor {
text-decoration: none;
}
h1 tt,
h1 code {
font-size: inherit;
}
h2 tt,
h2 code {
font-size: inherit;
}
h3 tt,
h3 code {
font-size: inherit;
}
h4 tt,
h4 code {
font-size: inherit;
}
h5 tt,
h5 code {
font-size: inherit;
}
h6 tt,
h6 code {
font-size: inherit;
}
h1 {
font-size: 2.2rem;
font-weight: 700;
line-height: 1.5;
margin-top: 3rem;
margin-bottom: 0.5rem;
padding-bottom: 0.2rem;
border-bottom: solid 1px var(--borders);
}
h2 {
font-size: 1.7rem;
font-weight: 700;
line-height: 1.5;
margin-top: 2rem;
margin-bottom: 0.5rem;
}
h3 {
font-size: 1.375rem;
font-weight: 700;
line-height: 1.5;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
h4 {
font-size: 1.15rem;
font-weight: 700;
line-height: 1.5;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
h5 {
font-size: 0.95rem;
font-weight: 700;
line-height: 1.5;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
h6 {
font-size: 0.95rem;
font-weight: 400;
line-height: 1.5;
margin-top: 1.5rem;
margin-bottom: 0.5rem;
}
#write > h1.md-focus:before,
#write > h2.md-focus:before,
#write > h3.md-focus:before,
#write > h4.md-focus:before,
#write > h5.md-focus:before,
#write > h6.md-focus:before {
color: var(--light-text-color);
border: none;
position: absolute;
font-size: 0.9rem;
font-weight: 500;
padding: 0px;
line-height: 1;
}
#write > h1.md-focus:before {
content: "h1";
top: 1.15rem;
left: -1.75rem;
}
#write > h2.md-focus:before {
content: "h2";
top: 0.75rem;
left: -1.75rem;
}
#write > h3.md-focus:before {
content: "h3";
top: 0.575rem;
left: -1.75rem;
}
#write > h4.md-focus:before {
content: "h4";
top: 0.4rem;
left: -1.75rem;
}
#write > h5.md-focus:before {
content: "h5";
top: 0.25rem;
left: -1.75rem;
}
#write > h6.md-focus:before {
content: "h6";
top: 0.25rem;
left: -1.75rem;
}
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child,
blockquote h1,
blockquote h2,
blockquote h3,
blockquote h4,
blockquote h5,
blockquote h6 {
margin-top: 0rem;
}
..
/* This is a truncated sample!!