Git Product home page Git Product logo

catfish's Introduction

Hi there 👋

My blog 👉 Cateaf

Top Langs

Leaf's GitHub stats

catfish's People

Contributors

leaf-hsiao avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

catfish's Issues

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!

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; }

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时似乎所有使用思源字体的加粗文字(包括标题和行内加粗)都会出现重影情况,即一个字部分重叠地出现两次。如图:

font

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

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

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

使用主题后:

screenshot_20170815-155741

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

screenshot_20170815-155838

自定义的 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: 思源黑体;
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.