自定义js/css 自定义代码主题

public/css/custom.css

@@ -0,0 +1,2 @@
+/* 静态文件导入 自定义样式*/
+

public/css/prism-mac-style.css

@@ -0,0 +1,57 @@
+/**
+ * @author https://github.com/txs
+ **/
+.code-toolbar {
+  position: relative;
+  padding-top: 0 !important;
+  padding-bottom: 0 !important;
+  width: 100%;
+  border-radius: 0.5rem;
+  /* @apply w-full rounded-lg  */
+}
+
+.toolbar-item{
+  /* @apply whitespace-nowrap */
+  white-space: nowrap;
+}
+
+.toolbar-item > button {
+  margin-top: -0.1rem;
+}
+
+pre[class*='language-'] {
+  @apply mt-0 mb-2 pt-6 !important;
+  margin-top: 0rem !important;
+  margin-bottom: 0rem !important;
+  padding-top: 1.5rem !important;
+
+}
+
+.pre-mac {
+  /* @apply left-5 top-2 z-10 absolute */
+  position: absolute;
+  left: 1.25rem;
+  top: 0.5rem;
+  z-index: 10;
+}
+
+.pre-mac > span {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  margin-right: 5px;
+  float: left;
+  /* @apply float-left */
+}
+
+.pre-mac > span:nth-child(1) {
+  background: red;
+}
+
+.pre-mac > span:nth-child(2) {
+  background: sandybrown;
+}
+
+.pre-mac > span:nth-child(3) {
+  background: limegreen;
+}