bonofix-snippet.css

@import url('https://cdn.jsdelivr.net/npm/@ibm/plex@4.0.2/css/ibm-plex.min.css?family=IBM+Plex+Sans:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap');

body {
    --h1-size:3em;
    --h2-size:2.2em;
    --h3-size:1.3em;
    --h4-size:1.2em;
    --h4-variant: normal;
    --h4-weight: 400;
    --h5-size:1.9em;
    --h6-size:1.85em;

    --h1-weight:600;

    --font-editor: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif !important;

    --code-background: rgba(135, 131, 120, 0.15);
    --code-normal: rgb(235, 87, 87) !important;
    
    --h1-color: rgb(219, 219, 219) !important;
    --h2-color: rgb(219, 219, 219) !important;
    --h3-color: rgb(219, 219, 219) !important;
    --h4-color: rgb(233, 233, 233) !important;
    --bold-color: rgb(209, 209, 209) !important;
    
    --text-normal: rgb(209, 209, 209, 0.9) !important;

    
}

.cm-line {
    padding-bottom: 6.8px !important;
    padding-top: 2px !important;
    margin-bottom: 0.3em !important;
}

.cm-inline-code {
    padding-bottom: 2.72px;
    padding-top: 2.72px;
    padding-left: 5.44px;
    padding-right: 5.44px;
}

.markdown-source-view.is-live-preview > .cm-line {
    margin-bottom: 3em !important;
}

.theme-dark {
/*    --background-primary: #24292e;*/
    --background-secondary: #24292e;
    --bg1: #24292e;
    --bg2: #24292e;
    --bg3: #24292e;
    --ribbon-background: #24292e;
    --tab-container-background: #24292e;

/*    Typora*/
    --background-primary: #363B40;
}