Skip to content

Notion code block beautify by jihuayu

Screenshot of Notion code block beautify

Details

Authorjihuayu

LicenseNo License

Categorywww.notion.so

Created

Updated

Size989 B

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

notion 的代码块美化

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           Notion code block beautify
@version        1.0.0
@namespace      userstyles.world/user/jihuayu
@description    notion 的代码块美化
@author         jihuayu
@license        No License
==/UserStyle== */
@-moz-document url-prefix("https://www.notion.so/") {
    .notion-selectable.notion-code-block > div > div:nth-child(1) {
        color: #9a6e3a;
        background: #f7f3f300 !important;
        border: 1px solid black
    }
    .notion-selectable.notion-code-block > div > div:nth-child(1) > div:nth-child(1) {
        opacity: 1 !important;
    }
    .notion-selectable.notion-code-block > div > div:nth-child(1) > div:nth-child(2) {
        opacity: 1 !important;
    }
    .notion-selectable.notion-code-block > div > div:nth-child(1) > div:nth-child(2) * {
        background: #f7f3f300 !important;
    }
    .line-numbers.notion-code-block > div:nth-child(1) {
        padding: 34px 12px 12px 12px !important;
    }
}

Reviews

No reviews yet.