Enlighter美化

Enlighter设置 – Appearance

• Theme – Dracula
• Code indentation – 2 Spaces
• Text overflow – Break line
• Line-numbering – Enable

WordPress – 外观 – 自定义 – 额外css

/*------------------代码高亮样式调整--------------------*/
.enlighter-default {
  font-family: "Source Code Pro", monospace, Helvetica, Tahoma, Arial, STXihei,
    "STHeiti Light", "Microsoft YaHei", sans-serif;
  font-size: 12px;
  background-color: #161616;
  margin-bottom: 1.5rem;
  box-shadow: 0 10px 30px 0px rgba(0, 0, 0, 0.3);
  border-radius: 6px;
}

/*左上角红路灯三点*/
.enlighter-default:before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 12px;
  height: 12px;
  background: #fc625d;
  box-shadow: 20px 0 #fdbc40, 40px 0 #35cd4b;
  border-radius: 50%;
}

/*右上角工具条功能位置*/
.enlighter-toolbar {
  margin-top: -4.4px;
  margin-right: -4px;
}

.enlighter {
  margin-top: 30px !important;
  background: #272c33;
}

.enlighter-linenumbers div.enlighter > div::before {
  list-style: decimal outside;
  margin-left: 40px;
  padding: 2px 0;
}