leaf-hsiao/catfish

A typora markdown theme

Designed and tested on Windows 10, version 1703. Not fully tested, but should work for macOS/Linux.

Catfish

This theme provides a comfortable display of CJK characters by using source-han-sans and source-han-serif.

Code Fence uses theme ported from material.css.

无衬线字体，衬线字体和等宽字体分别采用思源黑体，思源宋体， mononoki ，在 Windows 下有良好的中文呈现效果。

代码高亮使用 Material 配色。

screenshots:

---

Update 2017.08.18

I selected Simplified Chinese glyphs as default, and used Language-specific OTFs. It can be used directly by Simplified Chinese users.

If you want use Traditional Chinese, Japanese or Korean. There are two way to change to another language.

1. Downloading latest release from Source Han Sans and Source Han Serif . And then change font-faceandfont-familyaccording to the fonts you downloading.

   e.g

   @font-face
       font-family Source Han Sans SC
       font-weight normal
       src local('Source Han Sans SC Regular'),url(catfish/SourceHanSansSC-Regular.otf)
   
   font-sans = Source Han Sans SC, sans-serif

   ​

2. Installing Super OTC. (It is included in catfish folder or you can also choose to download from official website.)

   This deployment format requires macOS (OS X) Version 10.8 (aka Mountain Lion) or later, iOS 7 or later, Windows 10 Version 1703 (aka Creators Update) or later, a flavor of Linux that uses fontconfig and FreeType Version 2.5.0.1 or greater, or Adobe CS6 apps or later.

   There are other deployments available in Github.

   You can removefont-face of Source Han Sans and Source Han Serif and just modify font-family accordingly.

Sorry for the inconvenience.

catfish's Issues

Typora v0.9.33 版本显示思源黑体为非简体字形

使用主题后:

通过用户自定义 CSS 覆盖后:

自定义的 CSS:

@font-face {
    font-family: 思源黑体;
    font-style: normal;
    font-weight: normal;
    src: local('思源黑体 Regular'),url('./fonts/SourceHanSans-Regular.ttc') format('ttc');
}

@font-face {
    font-family: 思源黑体;
    font-style: italic;
    font-weight: normal;
    src: local('思源黑体 Regular'),url('./fonts/SourceHanSans-Regular.ttc') format('ttc');
}

@font-face {
    font-family: 思源黑体;
    font-style: normal;
    font-weight: bold;
    src: local('思源黑体 Bold'),url('./fonts/SourceHanSans-Bold.ttc') format('ttc');
}

@font-face {
    font-family: 思源黑体;
    font-style: italic;
    font-weight: bold;
    src: local('思源黑体 Bold'),url('./fonts/SourceHanSans-Bold.ttc') format('ttc');
}

body {
    font-family: 思源黑体;
}

Math block 看不清

Math block 编辑状态下 看不清，fix一下吧

CodeMirror光标难以看清

因为背景是深色的，而光标表现为1px solid black
搜了一下找到了这个https://github.com/graphql/graphiql/pull/547/files
跟他相反，在css里关于cursor的两行前面添加上div
.cm-s-inner div.CodeMirror-cursor { border-left: 1px solid #f8f8f0; }
.cm-s-typora-default div.CodeMirror-cursor { border-left: 1px solid #f8f8f0; }

然后颜色就正常了。。不会css，不知道是哪里的问题

代码部分的注释颜色太过亮蓝

能不能调整一下下？谢谢

MacOS和Windows上导出pdf都会有字体导致的显示问题

在MacOS上导出pdf时似乎所有使用思源字体的加粗文字（包括标题和行内加粗）都会出现重影情况，即一个字部分重叠地出现两次。如图：

另外在Windows上导出pdf时正文部分的英文字母有时无法对齐，比如我测试时使用的token一词，有时候t和o会部分重叠在一起且高度不对齐。

似乎是思源字体转pdf时导致的问题，我尝试将css中思源字体的部分删除后使用默认字体就没有出现这样的情况。

公式编辑框的背景与字体颜色太过接近，看不清楚

如图所示，改了半天.css文件没改过来，求助ing……

Change task list style

The system I use is MacOS, and I like catfish theme very much, but when I insert the task list, I found that the task list css theme is too ugly. I look at the .css file, the default is
.task-list-item input { top: 3px; left: 8px; },
I suggest changing to
.task-list-item input { top: 0.1px; left: 0.1px; }

export出来的PDF文件中，有几个地方显示有bug

在export出来的PDF文件中，

1. 代码块部分：语法高亮没有了。代码都是黑色字体了，和背景混在一起，看不清楚。
2. Table of Contents: 没有蓝色高亮显示。

如果文本中间的短代码块也能是黑色背景就好了

代码块是黑色的背景，但是编辑文字时插入的短的代码却都是浅灰色，这是我个人觉得体验不好的地方，不是很协调，标记代码的关键字也不方便

margin 0 auto是什么选择器？

css的第53行
而且全文整体有些偏下，不知道你设置的哪里的margin-top

要是有黑色主题就好了

很喜欢作者的作品，就是白色时间看的长了容易累。如果有黑色的主题就好了，奈何自己还不会改，只能提提建议，希望大佬采纳。

段距和行距不一样好难受啊，

请问能够调整一下这个吗

Unreadable diagram preview font color

When using mermaid diagrams or flow chars, the font color makes it impossible to read. I tested it on windows and osx with the same results. I added the following lines to catfish.css and it's a lot better this way.

.md-diagram-panel-preview {
  color: #263238;
}

This theme is now my favorite, thank you for your work!

代码部分颜色高亮奇怪

图中的红色部分，这是为何？
Ubuntu 18.04LTS

建议表格的单元格文字都居中