feat: 改进代码块样式

idea-zone · May 24, 2024 · 6b4bc1d · 6b4bc1d
1 parent 5cdb50a
commit 6b4bc1d
Show file tree

Hide file tree

Showing 6 changed files with 12,037 additions and 2 deletions.
diff --git a/static/vlook-24.2-x-bug320.css b/static/vlook-24.2-x-bug320.css
diff --git a/style/custom/v-block-inline-style.css b/style/custom/v-block-inline-style.css
@@ -187,10 +187,50 @@ div.item__readme blockquote {
 {
     background-color: var(--v-block-code-row-bg-color) !important;
     width: 36px;
+    border-width: 0;
+    border-right: 1px solid var(--pn-c);
+}
+.protyle-wysiwyg .code-block .protyle-linenumber__rows span::before{
+    text-align: center !important;
 }
 
 .b3-typography div.hljs, .protyle-wysiwyg div.hljs{
     background: var(---v-block-code-bg-color);
+    display: block;
+}
+
+[data-type="NodeCodeBlock"] .protyle-action{
+    left: 0px !important;
+    top: 0px !important;
+    display: flex;
+    z-index: 1;
+    position: absolute;
+    right: 0px !important;
+    background-color: #cfd4d8;
+}
+
+[data-type="NodeCodeBlock"] .protyle-action::before{
+    content: attr(lang) " ";
+    text-transform: uppercase;
+    white-space: pre-wrap;
+    background-image: var(--v-i-sys-menu);
+    background-repeat: no-repeat;
+    background-position: 7px center;
+    padding: 4px 4px 0px 4px;
+    color: var(--d-fc);
+    opacity: 0.6;
+    font-family: var(--v-f-fm-bd);
+    font-weight: 700;
+    font-size: 0.875em;
+    width: 60px;
+    display: block;
+    border-radius: var(--v-r-t) var(--v-r-t) 0 0;
+    top: 0;
+}
+/* protyle-action--first protyle-action__language::before{ */
+
+.protyle-action__language{
+    margin-left: 3px !important;
 }
 
 /* 行内代码 */

diff --git a/style/theme-on-vlook-conifg.css b/style/theme-on-vlook-conifg.css
@@ -71,7 +71,8 @@
 
     /*代码块颜色*/
     --v-block-code-bg-color: var(--code-bg);
-    --v-block-code-row-bg-color: #e8eaed;
+    /* --v-block-code-row-bg-color: #e8eaed; */
+    --v-block-code-row-bg-color: #fcf9f2;
     --v-block-code-color: var(--code-t);
     --v-black-code-font-family: var(--v-f-fm-code);
     --v-black-code-boder-color: var(--tbl-bd);

diff --git a/style/vlooks/vlook-bug320-dk.css b/style/vlooks/vlook-bug320-dk.css
@@ -3,6 +3,7 @@
     --v-invert-dark: var(--v-invert-dark-dk);
     --v-brightness-dk: var(--v-brightness-dark-dk);
     --d-bc: var(--d-bc-dk);
+    --d-fc: var(--d-fc-dk);
     --d-bc-tsp: var(--d-bc-tsp-dk);
     --d-bi: var(--d-bi-dk);
     --d-f-c: var(--d-f-c-dk);

diff --git a/style/vlooks/vlook-bug320-lt.css b/style/vlooks/vlook-bug320-lt.css
diff --git a/theme.json b/theme.json
@@ -2,7 +2,7 @@
   "name": "mini-vlook",
   "author": "路人二",
   "url": "https://github.com/idea-zone/mini-vlook",
-  "version": "3.0.10",
+  "version": "3.0.15",
   "displayName": {
     "default": "mini-vlook（简洁版vlook）",
     "zh_CN": "mini-vlook（简洁版vlook）",