CINXE.COM
Themes Gallery — Typora
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Themes Gallery — Typora</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <!--link href="http://fonts.googleapis.com/css?family=Playball" rel="stylesheet"--> <link href="/assets/css/github.css" rel="stylesheet" /> <link href="/assets/css/pure-min.css" rel="stylesheet" /> <!--link href="/assets/css/jekyllthemes.css" rel="stylesheet" /--> <link href="/assets/css/syntax.css" rel="stylesheet" /> <link href="/assets/css/typora-theme.css" rel="stylesheet" /> <link rel='icon' href='/assets/img/favicon-16.png' sizes='16x16'> <link rel='icon' href='/assets/img/favicon-32.png' sizes='32x32'> <link rel='icon' href='/assets/img/favicon-64.png' sizes='64x64'> <link rel='icon' href='/assets/img/favicon-128.png' sizes='128x128'> <meta name="twitter:card" content="summary" /> <meta name="twitter:site" content="@typora" /> <meta name="twitter:title" content="Theme Gallery for Typora" /> <meta name="twitter:description" content="Download or share your Typora Themes." /> <meta name="twitter:image" content="/img/twitter-sum.png" /> <script> if (window.location.protocol != "https:" && window.location.host.indexOf(":4000") == -1){ window.location.protocol = "https"; } </script> </head> <body> <header class="pure-menu pure-menu-horizontal nav" id="header"> <div class="gallery"> <div class="product-name">Typora</div> <ul class="pure-menu-list"> <li class="pure-menu-item"> <a href="https://typora.io" class="pure-menu-link">Home</a> </li> <li class='pure-menu-item pure-menu-active '> <a href="/" class="pure-menu-link">Themes</a> </li> <li class='pure-menu-item '> <a href="/doc" class="pure-menu-link"> Documents </a> </li> </ul> </div> </header> <div id="pagecontainer" class="container"> <div class="widebanner row"> <div class="span12"> <div class="banner72" id="banner72"> <script type="text/javascript"> </script> </div> </div> </div> <div id="content"> <div class="gallery-wrapper"> <div class="gallery"> <div class="item"> <a class="item-inner" href="/theme/Notion-Style/"> <div class="item-image"><img src="/media/thumbnails/notion-style.png"></div> <div class="item-name">Notion Style</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Screenplay/"> <div class="item-image"><img src="/media/thumbnails/screenplay.png"></div> <div class="item-name">Screenplay</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/VLOOK-Thinking/"> <div class="item-image"><img src="/media/thumbnails/vlook-thinking.png"></div> <div class="item-name">VLOOK™ • Thinking</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/VLOOK-Solaris/"> <div class="item-image"><img src="/media/thumbnails/vlook-solaris.png"></div> <div class="item-name">VLOOK™ • Solaris</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/VLOOK-Joint/"> <div class="item-image"><img src="/media/thumbnails/vlook-joint.png"></div> <div class="item-name">VLOOK™ • Joint</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/VLOOK-Hope/"> <div class="item-image"><img src="/media/thumbnails/vlook-hope.png"></div> <div class="item-name">VLOOK™ • Hope</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/VLOOK-Geek/"> <div class="item-image"><img src="/media/thumbnails/vlook-geek.png"></div> <div class="item-name">VLOOK™ • Geek</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/VLOOK-Fancy/"> <div class="item-image"><img src="/media/thumbnails/vlook-fancy.png"></div> <div class="item-name">VLOOK™ • Fancy</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/OneLight/"> <div class="item-image"><img src="/media/thumbnails/onelight.png"></div> <div class="item-name">OneLight</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Mdmdt/"> <div class="item-image"><img src="/media/thumbnails/mdmdt.png"></div> <div class="item-name">Mdmdt</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/SprIng/"> <div class="item-image"><img src="/media/thumbnails/Spring.png"></div> <div class="item-name">SprIng</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Alto/"> <div class="item-image"><img src="/media/thumbnails/alto.png"></div> <div class="item-name">Alto</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Vercel/"> <div class="item-image"><img src="/media/thumbnails/vercel.png"></div> <div class="item-name">Vercel</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Jinxiu-Crimson-Daily-&-Academic/"> <div class="item-image"><img src="/media/thumbnails/Jinxiu.png"></div> <div class="item-name">Jinxiu Crimson Daily & Academic</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Ravel/"> <div class="item-image"><img src="/media/thumbnails/ravel.png"></div> <div class="item-name">Ravel</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/DogsChoice/"> <div class="item-image"><img src="/media/thumbnails/dogschoice.png"></div> <div class="item-name">Dog's Choice</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Amber-Vertical/"> <div class="item-image"><img src="/media/thumbnails/Amber.png"></div> <div class="item-name">amber-vertical</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/blueTex/"> <div class="item-image"><img src="/media/thumbnails/blueTex.png"></div> <div class="item-name">blueTex</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/keepstyle/"> <div class="item-image"><img src="/media/thumbnails/keepstyle.png"></div> <div class="item-name">Keepstyle</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/iWonder/"> <div class="item-image"><img src="/media/thumbnails/iWonder.png"></div> <div class="item-name">iWonder</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Ceylon/"> <div class="item-image"><img src="/media/thumbnails/ceylon.png"></div> <div class="item-name">Ceylon</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Chernobyl/"> <div class="item-image"><img src="/media/thumbnails/chernobyl.png"></div> <div class="item-name">Chernobyl</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Blackout/"> <div class="item-image"><img src="/media/thumbnails/blackout.png"></div> <div class="item-name">Blackout</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/fro/"> <div class="item-image"><img src="/media/thumbnails/typora-fro.png"></div> <div class="item-name">Fro</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/NovelTex/"> <div class="item-image"><img src="/media/thumbnails/novel-tex.png"></div> <div class="item-name">NovelTex</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Juejin/"> <div class="item-image"><img src="/media/thumbnails/juejin.png"></div> <div class="item-name">Juejin</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Eternal/"> <div class="item-image"><img src="/media/thumbnails/Eternal.png"></div> <div class="item-name">Eternal</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/bronya/"> <div class="item-image"><img src="/media/thumbnails/bronya.png"></div> <div class="item-name">bronya</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Phycat/"> <div class="item-image"><img src="/media/thumbnails/phycat.png"></div> <div class="item-name">Phycat</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Foresee/"> <div class="item-image"><img src="/media/thumbnails/foresee.png"></div> <div class="item-name">Foresee</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/YuanShan/"> <div class="item-image"><img src="/media/thumbnails/YuanShan.png"></div> <div class="item-name">YuanShan</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Whitelines/"> <div class="item-image"><img src="/media/thumbnails/whitelines.png"></div> <div class="item-name">Whitelines</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/LCARS/"> <div class="item-image"><img src="/media/thumbnails/lcars.png"></div> <div class="item-name">LCARS</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Valve/"> <div class="item-image"><img src="/media/thumbnails/valve.png"></div> <div class="item-name">Valve</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Nexmoe/"> <div class="item-image"><img src="/media/thumbnails/nexmoe.png"></div> <div class="item-name">Nexmoe</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Happysimple/"> <div class="item-image"><img src="/media/thumbnails/Happysimple.png"></div> <div class="item-name">Happysimple</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Bios/"> <div class="item-image"><img src="/media/thumbnails/bios.png"></div> <div class="item-name">Bios</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Lapis/"> <div class="item-image"><img src="/media/thumbnails/lapis.png"></div> <div class="item-name">Lapis</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/D42ker/"> <div class="item-image"><img src="/media/thumbnails/d42ker.png"></div> <div class="item-name">D42ker GitHub</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Virgo/"> <div class="item-image"><img src="/media/thumbnails/virgo.png"></div> <div class="item-name">Virgo</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Typora-GitHub-Themes/"> <div class="item-image"><img src="/media/thumbnails/Typora-GitHub-Themes.png"></div> <div class="item-name">GitHub Dark Themes</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Tanda/"> <div class="item-image"><img src="/media/thumbnails/Tanda.png"></div> <div class="item-name">Tanda</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Redefine/"> <div class="item-image"><img src="/media/thumbnails/redefine.png"></div> <div class="item-name">Redefine</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Ladder/"> <div class="item-image"><img src="/media/thumbnails/ladder-theme.png"></div> <div class="item-name">Ladder Theme</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Neil-Jetbrains-Mono/"> <div class="item-image"><img src="/media/thumbnails/neil-jetbrains-mono-theme.png"></div> <div class="item-name">Neil Jetbrains Mono Theme</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Alise/"> <div class="item-image"><img src="/media/thumbnails/Alise.png"></div> <div class="item-name">Alise</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Typora-Theme-Neumorphism/"> <div class="item-image"><img src="/media/thumbnails/Typora-Theme-Neumorphism.png"></div> <div class="item-name">Typora-Theme-Neumorphism</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/MuXieLi/"> <div class="item-image"><img src="/media/thumbnails/muxieli.png"></div> <div class="item-name">MuXieLi</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Cement/"> <div class="item-image"><img src="/media/thumbnails/cement.png"></div> <div class="item-name">Cement</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Typora-Themeable/"> <div class="item-image"><img src="/media/thumbnails/typora-themeable.jpg"></div> <div class="item-name">Typora Themeable</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Drake/"> <div class="item-image"><img src="/media/thumbnails/drake-thumb.png"></div> <div class="item-name">Drake</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Typora-Docsify/"> <div class="item-image"><img src="/media/thumbnails/typora_docsify.png"></div> <div class="item-name">Typora Docsify</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Seniva/"> <div class="item-image"><img src="/media/thumbnails/seniva.png"></div> <div class="item-name">Seniva</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Compact-Night/"> <div class="item-image"><img src="/media/thumbnails/compact-night.png"></div> <div class="item-name">Compact Night</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Forest/"> <div class="item-image"><img src="/media/thumbnails/forest.png"></div> <div class="item-name">Forest</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/LanYue/"> <div class="item-image"><img src="/media/thumbnails/lanyue.png"></div> <div class="item-name">LanYue</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/BothView-TabBar/"> <div class="item-image"><img src="/media/thumbnails/bothview-tabbar.jpg"></div> <div class="item-name">BothView-TabBar</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/IA-Typora/"> <div class="item-image"><img src="/media/thumbnails/iatypora.jpeg"></div> <div class="item-name">IA Typora</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Torillic/"> <div class="item-image"><img src="/media/thumbnails/torillic.png"></div> <div class="item-name">Torillic</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Haru/"> <div class="item-image"><img src="/media/thumbnails/haru.png"></div> <div class="item-name">Haru</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/see-yue/"> <div class="item-image"><img src="/media/thumbnails/see-yue.png"></div> <div class="item-name">See Yue</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Tailwind/"> <div class="item-image"><img src="/media/thumbnails/tailwind.png"></div> <div class="item-name">Tailwind</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Notion/"> <div class="item-image"><img src="/media/thumbnails/notion-thumb.jpg"></div> <div class="item-name">Notion</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Krafty/"> <div class="item-image"><img src="/media/thumbnails/krafty.png"></div> <div class="item-name">Krafty</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Paradox/"> <div class="item-image"><img src="/media/thumbnails/paradox.png"></div> <div class="item-name">Paradox</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Rainbow/"> <div class="item-image"><img src="/media/thumbnails/rainbow.png"></div> <div class="item-name">Rainbow</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Sneh/"> <div class="item-image"><img src="/media/thumbnails/sneh.png"></div> <div class="item-name">Sneh</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Liquid/"> <div class="item-image"><img src="/media/thumbnails/liquid.png"></div> <div class="item-name">Liquid</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/ChocolateBox/"> <div class="item-image"><img src="/media/thumbnails/chocolatebox-thumb.png"></div> <div class="item-name">Chocolate Box</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/rememb20ray/"> <div class="item-image"><img src="/media/thumbnails/rememb20ray.png"></div> <div class="item-name">rememb20ray</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Evangelion/"> <div class="item-image"><img src="/media/thumbnails/eva.png"></div> <div class="item-name">Evangelion</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Aspartate/"> <div class="item-image"><img src="/media/thumbnails/aspartate.png"></div> <div class="item-name">Aspartate</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/dyzj/"> <div class="item-image"><img src="/media/thumbnails/dyzj.png"></div> <div class="item-name">dyzj</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Ava-diana/"> <div class="item-image"><img src="/media/thumbnails/ava-diana.png"></div> <div class="item-name">ava-diana</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Dracula/"> <div class="item-image"><img src="/media/thumbnails/dracula-typora.png"></div> <div class="item-name">Dracula</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Mint/"> <div class="item-image"><img src="/media/thumbnails/mint.png"></div> <div class="item-name">Mint</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Bear/"> <div class="item-image"><img src="/media/thumbnails/bear.png"></div> <div class="item-name">Bear</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Lark/"> <div class="item-image"><img src="/media/thumbnails/lark.jpg"></div> <div class="item-name">Lark</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Mlike/"> <div class="item-image"><img src="/media/thumbnails/mlike.png"></div> <div class="item-name">Mlike</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Fluent/"> <div class="item-image"><img src="/media/thumbnails/fluent.png"></div> <div class="item-name">Fluent</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Nord/"> <div class="item-image"><img src="/media/thumbnails/nord.png"></div> <div class="item-name">Nord</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Eloquent/"> <div class="item-image"><img src="/media/thumbnails/eloquent.png"></div> <div class="item-name">Eloquent</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Compact/"> <div class="item-image"><img src="/media/thumbnails/compact.png"></div> <div class="item-name">Compact</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Scrolls/"> <div class="item-image"><img src="/media/thumbnails/scrolls.png"></div> <div class="item-name">Scrolls</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Github-Night/"> <div class="item-image"><img src="/media/thumbnails/github-night.png"></div> <div class="item-name">GitHub Night</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Panda/"> <div class="item-image"><img src="/media/thumbnails/panda.png"></div> <div class="item-name">Panda</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Rubrication/"> <div class="item-image"><img src="/media/thumbnails/rubrication.png"></div> <div class="item-name">Rubrication</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/autumnus/"> <div class="item-image"><img src="/media/thumbnails/autumnus.png"></div> <div class="item-name">Autumnus</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Light-Monokai/"> <div class="item-image"><img src="/media/thumbnails/light-monokai.png"></div> <div class="item-name">Light Monokai</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Purple/"> <div class="item-image"><img src="/media/thumbnails/purple.png"></div> <div class="item-name">Purple</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Maize/"> <div class="item-image"><img src="/media/thumbnails/maize.png"></div> <div class="item-name">Maize</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Blubook/"> <div class="item-image"><img src="/media/thumbnails/blubook.png"></div> <div class="item-name">Blubook</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Mo/"> <div class="item-image"><img src="/media/thumbnails/mo.png"></div> <div class="item-name">Mo</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Notes-Dark/"> <div class="item-image"><img src="/media/thumbnails/notes-dark.png"></div> <div class="item-name">Notes Dark</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/OrangeHeart/"> <div class="item-image"><img src="/media/thumbnails/orangeheart.png"></div> <div class="item-name">OrangeHeart</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/interface/"> <div class="item-image"><img src="/media/thumbnails/interface.png"></div> <div class="item-name">interface</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Saffron/"> <div class="item-image"><img src="/media/thumbnails/saffron.png"></div> <div class="item-name">Saffron</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Inside/"> <div class="item-image"><img src="/media/thumbnails/inside.png"></div> <div class="item-name">Inside</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Vintage/"> <div class="item-image"><img src="/media/thumbnails/vintage.png"></div> <div class="item-name">Vintage</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/NexT/"> <div class="item-image"><img src="/media/thumbnails/next.jpg"></div> <div class="item-name">NexT</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/uyghur/"> <div class="item-image"><img src="/media/thumbnails/uyghur.jpg"></div> <div class="item-name">uyghurqe</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/softgreen/"> <div class="item-image"><img src="/media/thumbnails/softgreen.png"></div> <div class="item-name">softgreen</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Pie/"> <div class="item-image"><img src="/media/thumbnails/pie.png"></div> <div class="item-name">Pie</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/OneDark/"> <div class="item-image"><img src="/media/thumbnails/onedark.png"></div> <div class="item-name">OneDark</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Xydark/"> <div class="item-image"><img src="/media/thumbnails/xydark.png"></div> <div class="item-name">Xydark</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/cobalt/"> <div class="item-image"><img src="/media/thumbnails/cobalt.png"></div> <div class="item-name">Cobalt</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/gitlab/"> <div class="item-image"><img src="/media/thumbnails/gitlab.png"></div> <div class="item-name">Gitlab</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/JAMstatic/"> <div class="item-image"><img src="/media/thumbnails/jamstatic.png"></div> <div class="item-name">JAMstatic</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/paper/"> <div class="item-image"><img src="/media/thumbnails/paper.png"></div> <div class="item-name">Paper</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Turing/"> <div class="item-image"><img src="/media/thumbnails/turing.png"></div> <div class="item-name">Turing</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Middle-East/"> <div class="item-image"><img src="/media/thumbnails/middle-east.png"></div> <div class="item-name">Middle East</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Ursine/"> <div class="item-image"><img src="/media/thumbnails/ursine.png"></div> <div class="item-name">Ursine</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Refine/"> <div class="item-image"><img src="/media/thumbnails/refine.png"></div> <div class="item-name">Refine</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Misty/"> <div class="item-image"><img src="/media/thumbnails/misty-theme.png"></div> <div class="item-name">Misty</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Techo/"> <div class="item-image"><img src="/media/thumbnails/techo.png"></div> <div class="item-name">techo</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Law/"> <div class="item-image"><img src="/media/thumbnails/law.png"></div> <div class="item-name">Law</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Onigiri/"> <div class="item-image"><img src="/media/thumbnails/onigiri.png"></div> <div class="item-name">Onigiri</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Lavender/"> <div class="item-image"><img src="/media/thumbnails/lavender.png"></div> <div class="item-name">Lavender</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Quartz/"> <div class="item-image"><img src="/media/thumbnails/quartz.png"></div> <div class="item-name">Quartz</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Vue/"> <div class="item-image"><img src="/media/thumbnails/vue.png"></div> <div class="item-name">Vue</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Scribble/"> <div class="item-image"><img src="/media/thumbnails/scribble.png"></div> <div class="item-name">Scribble</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Barfi/"> <div class="item-image"><img src="/media/thumbnails/barfi.png"></div> <div class="item-name">Barfi</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Lostkeys/"> <div class="item-image"><img src="/media/thumbnails/lostkeys.png"></div> <div class="item-name">Lostkeys</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Academic/"> <div class="item-image"><img src="/media/thumbnails/academic.png"></div> <div class="item-name">Academic</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Han/"> <div class="item-image"><img src="/media/thumbnails/han.png"></div> <div class="item-name">Han</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Solarized/"> <div class="item-image"><img src="/media/thumbnails/solarized.png"></div> <div class="item-name">Solarized</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Dropbox/"> <div class="item-image"><img src="/media/thumbnails/dropbox.png"></div> <div class="item-name">Dropbox</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Ash/"> <div class="item-image"><img src="/media/thumbnails/ash.png"></div> <div class="item-name">Ash</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Catfish/"> <div class="item-image"><img src="/media/thumbnails/catfish.png"></div> <div class="item-name">Catfish</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Minimalism/"> <div class="item-image"><img src="/media/thumbnails/minimalism.png"></div> <div class="item-name">Minimalism.</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Engwrite/"> <div class="item-image"><img src="/media/thumbnails/engwrite.png"></div> <div class="item-name">Engwrite</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Monospace/"> <div class="item-image"><img src="/media/thumbnails/monospace.png"></div> <div class="item-name">Monospace</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Gothic/"> <div class="item-image"><img src="/media/thumbnails/gothic.png"></div> <div class="item-name">Gothic</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Pixyll/"> <div class="item-image"><img src="/media/thumbnails/pixyll.png"></div> <div class="item-name">Pixyll</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Night/"> <div class="item-image"><img src="/media/thumbnails/night.png"></div> <div class="item-name">Night</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Newsprint/"> <div class="item-image"><img src="/media/thumbnails/newsprint.png"></div> <div class="item-name">Newsprint</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Github/"> <div class="item-image"><img src="/media/thumbnails/github.png"></div> <div class="item-name">GitHub</div> </a> </div> <div class="item"> <a class="item-inner" href="/theme/Whitey/"> <div class="item-image"><img src="/media/thumbnails/whitey.png"></div> <div class="item-name">Whitey</div> </a> </div> </div> </div> </div> </div> <style type="text/css"> #post-footer a { color: #445588; } </style> <footer id="post-footer" style="color: rgb(51, 51, 51); padding-top:50px; padding-bottom:50px; text-align:center;font-size:13px;"> How to <a href="/doc/Install-Theme/">install</a> / <a href="/doc/Write-Custom-Theme/">write</a> / <a href="/doc/Submit-A-Theme/">submit</a> a theme </footer> <script type="text/javascript"> (function(c,l,a,r,i,t,y){ c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); })(window, document, "clarity", "script", "jtsmqoysmf"); </script> </body> </html>