jinghu-moon / typora-see-yue-theme

See Yue 系列主题是一个自定义样式极多、简约、充满细节的 Typora 主题。(The See Yue series theme is a Typora theme with a plethora of custom styles, minimalism, and full of details.)

Home Page:https://theme.typora.io/theme/see-yue/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

小圆点开启

Aurora-kite opened this issue · comments

怎么设置开启三种颜色的小圆点,我看必须要二者同时启用才能完整呈现呀,为什么不能同时开启
image
不过两个都开启后,小圆点和语言标识(右上角那个C)不在同一个水平线上
image

要显示代码块顶栏和编程语言,打开 see-yue-xxxx.css ,按如下操作。

/* 14.1 代码块顶栏设置 */
@import "./SeeYue/CSS/code-block/top-bar.css";

/* 14.2 代码块显示代码语言 */
/* @import "./SeeYue/CSS/code-block/code-lang.css"; */

/* 14.3 代码块代码语言列表 */
@import "./SeeYue/CSS/code-block/code-lang-lists.css";

/* 14.4 代码块【浅色】配色设置 */
@import "./SeeYue/CSS/code-block/light-theme.css";

修改代码块顶栏左侧小圆点颜色,打开 xxxx-config.css ,搜索 左侧小圆点,按注释修改。

  /* ============ 左侧小圆点 ============ */
  /* 阴影模拟小圆点 */
  /* 代码块顶栏左侧小圆点大小,用 width、height 实现 */
  --code-block-topBar-left-all-dot-size      : 10px;
  /* 代码块顶栏左侧红色小圆点颜色 */
  --code-block-topBar-left-redDot-color      : #ff5f5a;
  /* 代码块顶栏左侧黄色小圆点颜色 */
  --code-block-topBar-left-yellowDot-color   : #ffbe2e;
  /* 代码块顶栏左侧绿色小圆点颜色 */
  --code-block-topBar-left-greenDot-color    : #2aca44;
  /* 代码块顶栏左侧小圆点与小圆点间距 */
  --code-block-topBar-left-dots-distance     : 25px;
  /* 代码块顶栏左侧小圆点上下位置,top 实现 */
  --code-block-topBar-left-dots-top-position : -17px;
  /* 代码块顶栏左侧小圆点左右位置,left 实现 */
  --code-block-topBar-left-dots-left-position: 8px;

问题已解决,注释掉top-bar.css即可
image
image

问题已解决,注释掉top-bar.css即可 image image

图片里不是注释了 code-lang.css 吗?code-Lang.csstop-bar.css 二者不能同时使用,可能你都使用了。自定义主题的时候,请多看看主题说明(必看).mdxxxx-config.css 内部说明。

问题已解决,注释掉top-bar.css即可 image image

图片里不是注释了 code-lang.css 吗?code-Lang.csstop-bar.css 二者不能同时使用,可能你都使用了。自定义主题的时候,请多看看主题说明(必看).mdxxxx-config.css 内部说明。

sorry😭