blinkfox/typora-vue-theme

This is a typora theme inspired by Vue document style. 一个类似于 Vue 文档风格的 Typora Markdown 编辑器主题。

Hi 👋, I'm Blinkfox (闪烁之狐) 🦊

🏆 Profile Trophy

🔨 Skills and Tools

📈 Github Statistics

        

typora-vue-theme's Issues

某些时候，有序列表标号展示有问题

如下图：

这段内容为：

1. aaa

   ```
   cat << EOF >  install-docker.sh
   #!/bin/sh
   
   # 安装docker
   curl -fsSL https://get.docker.com | bash -s docker --mirror Aliyun
   
   wget -q https://github.com/docker/compose/releases/download/v2.17.2/docker-compose-linux-x86_64 -O /usr/bin/docker-compose
   chmod +x /usr/bin/docker-compose
   EOF
   ```

2. bbb

3. ccc

初步猜测跟1下边那段代码片段有关，去掉代码片段，这个问题就消失了，添加了代码片段，就没办法显示完全

invalid Issues

暗色主题导出PDF时代码块字体有问题

暗色主题导出PDF时代码块字体有问题，如图所示，macOS，Typora 1.6.7 (6865)，发issue时用的最新的主题

经测试，亮色主题导出的PDF就没有这个问题

建议作者可以做一下图片的个性化适配设置

就像这样的

请教一下，如何拉宽文章显示的比例？谢谢

使用此主题后发现显示比例变窄了，主题挺好看就是大屏预览时看起来显示的内容范围太窄了，两边空白处太多，感觉不太舒服

Index of list item cannot be seen on high definition screen

Hello there. I found that when using Vue theme on Windows high definition screen (e.g. 4K, 200% scale), the index of list items cannot be seen (more specifically, the first digit cannot be seen, that is to say, 12. will only shows 2., while 1. will shows .).

Can anyone here help me fix this problem?

列表缩进显示问题

有文字和没有文字的行缩进不一样

黑色主题菜单显示颜色有问题

黑色主题在软件一体化模式下菜单文字颜色和背景颜色一样了，难以分辨。

加粗字体和六级标题样式区分不开

作者大大可不可以把六级标题或者粗体样式改一改,方便区分

vue-dark中的偏好设置文字颜色过于灰暗，无法与背景区分，导致看不清字。

在“偏好设置”中可否将字颜色改为白色而非深灰？

默认的dark白色字体非常刺眼

试了下，改成这个比较好：color: #a1a1a1;

[Feature Request] [Typora Windows] Dark theme for the menu

任务列表的样式不对

引用块颜色提示

能不能将Markdown的引用块加上颜色提示吗？ 比如 Warning 黄色，Success 绿色 这样子的

vue的代码快的样式是这样的，请教一下，怎么修改成这样的样式？

heading前面自动显示章节号

谢谢提供这么好的typora theme。美观实用，而且中文显示效果很赞。

有个功能不知如何实现，我希望在heading前面自动显示章节号，有些theme，例如LostKeys提供这个功能。我不熟悉CSS，所以只好来问问。我是用typora写技术文档，所以这个功能对我挺重要。

`Inline code blocks` not Monospaced

Hi,

I realise that my inline code is not monospaced font (Roboto Mono), but the code block is.

Chinese:
嗨，我觉得以上橙色的字因该是 Monospace 的字体，是吧

有序列表样式似乎有问题，有时候不显示

如图所示，换成其他主题可以正常显示，系统的话是 macOS Big Sur 11.0.1，typora 是最新版的，显示器是 1080p，typora的字体大小调整为14。

关于标题的小建议

期望出现的结果

实际出现的结果

希望可以在各级标题前显示标题是几级标题，谢谢！

黑暗模式下表格会出现滚动条

标题(heading3)渲染问题

### [xx](link)

试试用这个例子, 在标题前面会多出一个 #

支持微软雅黑字体么？

Highlight renders not correctly

Hello,

I noticed that when I highlight text, it doesn't render correctly.
Screenshot builtin theme "Github"

and a screenshot with this theme "vue"

Is it possible that when rendering == a new line/paragraph is started? And a multiline-highlight renders into one line.

Using: Version 0.9.9.16.2 on macOS

Greets,
Sam

使用主题的时候在按Tab的时候能不能改为空格而不是一个tab

如何让代码块中的代码字体不加粗

很喜欢这3个主题，但是粗体代码看上去不太适应，但是css代码又不太会改，请作者指点一下，谢谢

Export的pdf与原始文档渲染不一致

export成pdf之后，一行能显示的内容比Typora自身渲染的一行要少，导致要做这些调整才能显得好看：

• 代码块如果一行较长，需要折行，或者把变量名改短，让一行的长度不会超过pdf渲染出的长度
• 有些list项，在Typora里没折行，在pdf里折行，有时为了追求好看也会去删减文字

调整了 vue.css 里面 @media print 部分的内容，把 html font-size 改成 12px 没有效果。

不太确定是不是问题，如果不是就close掉，谢谢先。

黑暗模式下 主题的颜色好像不太对

如图所示，和readme中示例的好像不一样，本地的其他主题都删除了，只保留了预设的主题和该主题，不知道哪里设置的是不是有问题？

HTML Rendering Problem

First of all, thank you for this awesome theme. It was just the type of dark theme I was looking for. I noticed a weird HTML rendering issue. I created a normal H3 tag as follows.

HTML Rendering problem??

. It displays it correctly when I do not hover over it or try to edit it. But If I hover, the whole background becomes white making it difficult to read the text. Same thing when I click on it to edit. I can see the green open h3 and close h3 but the background is white due to which the text dissolves into it making it difficult to edit it to.

Video for the bug so you can see what I'm talking about.

code 排版略显拥挤

code 排版略显拥挤, 如下图

Issues on Vue Dark

Vue theme is really beautiful and concise. But there are two issues I met.
when I right click the file or folder in the file list, the background color and text color around the cursor are the same.

When I try to create a new file or folder, text color is kind of unclear, which is not convenient to enter the filename.

使用有序列表不显示数字

源代码

显示效果

切换使用其他主题的效果（Github）

专注模式下颜色逻辑貌似反了

从图片上可以看出来 我当前光标的所在的地方 颜色是暗的，其他地方依然是明亮的，这个逻辑和专注模式反了 =，=

自己尝试去改CSS了 但是没有找到关键代码 ，最后无功而返

mermaid处于编辑状态时，下方文本内容上移

首先感谢大佬的主题方案。

当光标在mermaid图中，使其处于编辑状态时，下方的内容会上移，导致显示重叠。光标离开mermaid编辑状态时，恢复正常。

切换回默认主题后问题消失。

// 使用~~~代替三个点号演示mermaid
~~~mermaid
graph LR
a --- b --- c
~~~
~~~mermaid
graph LR
d --- e --- f --- g
~~~

流程图、时序图等渲染问题

在使用mermaid，flow等进行流程图、时序图等绘制时，在编辑时，渲染出的图例会重叠。

请问如何修改正文字体大小

在.css和font.css里都没找到font-size属性，请问如何修改正文字体的大小

超链接没有下划线

使用超链接时没有下划线：

但是我看你的截图上是有的。

无法将字体设为Noto Serif显示

我用过如下两种方法，但显示效果为只有英文和阿拉伯数字可以以Noto Serif来渲染，而中文不行。

第一种方法

    font-family: Noto Serif;
    font-style: normal;
    font-weight: 600;
    src: local('Noto Serif SC Regular'), url('vue/NotoSerifSC-Regular.otf') format('otf');
}
```body {
    font-family: Source Sans Pro, Helvetica Neue, Arial, sans-serif !important;
    color: #34495e;
    -webkit-font-smoothing: antialiased;
    line-height: 1.6rem;
    letter-spacing: 0;
    margin: 0;
    overflow-x: hidden;
}

第二种方法：
将所有引用了本地Source Sans Pro的本地地址改为Noto Serif 的本地地址，如：

@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/NotoSerifSC-SemiBold.otf') format('otf');
    /* src: local('Source Sans Pro SemiBold'), local('SourceSansPro-SemiBold'), url('vue/6xKydSBYKcSV-LCoeQqfX1RYOo3i54rwmRduz8A.woff2') format('woff2'); */
    unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}