小圆点开启
Aurora-kite opened this issue · comments
要显示代码块顶栏和编程语言,打开 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;