From ce46224de8ed6a5912435017349a77612026fbfc Mon Sep 17 00:00:00 2001 From: Sansui233 Date: Tue, 10 May 2022 15:24:49 +0800 Subject: [PATCH] fix bugs for new version --- custom.css | 18 +++++++++++------- package.json | 4 ++-- source/codeMirror.scss | 9 ++++++--- source/color-scheme.scss | 2 +- source/theme-dark.scss | 6 +++--- source/theme.scss | 1 + 6 files changed, 24 insertions(+), 16 deletions(-) diff --git a/custom.css b/custom.css index 3568b59..2fca749 100644 --- a/custom.css +++ b/custom.css @@ -52,7 +52,7 @@ html[data-theme=dark] { --ls-block-bullet-color: #ffffff1c; --ls-block-highlight-color: #fbfbfb23; --ls-selection-background-color: #64b4ff81; - --ls-page-checkbox-color: #935c62; + --ls-page-checkbox-color: #588eac; --ls-page-checkbox-border-color: var(--ls-primary-background-color); --ls-page-blockquote-border-color: var(--ls-primary-text-color); --ls-page-inline-code-color: #eb5757; @@ -416,6 +416,7 @@ html ::-webkit-scrollbar-thumb:hover { transform: scale(1.1); position: relative; margin-top: unset !important; + margin-left: 0.1em; } .content .marker-switch { opacity: 0.7; @@ -633,11 +634,11 @@ svg.add-button > .circle { border-bottom-color: #53d2d280; } .dark-theme .content .marker-switch { - color: #b5a7a7; - background: #52373a; + color: var(--ls-primary-text-color); + background: #545454; } .dark-theme .content .marker-switch:hover { - background: #5d3e41; + background: #6e6e6e; } .dark-theme .content svg.add-button > .circle { fill: var(--ls-block-bullet-color, #394b59); @@ -675,12 +676,15 @@ svg.add-button > .circle { display: block; background-color: var(--ls-codeblock-background-color); } -.extensions__code > div { - margin-top: 0.3rem; +.extensions__code .code-editor { + margin: 0.5rem 0; } .extensions__code .extensions__code-lang { - margin-right: 5px; + margin-right: 7px; + margin-top: 3px; padding: unset; + background-color: unset; + opacity: 0.6; } .extensions__code textarea { color: var(--ls-primary-text-color); diff --git a/package.json b/package.json index 50954cf..566fb9f 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "logseq-bonofix-theme", - "version": "3.6.3", - "logseq-version": "v0.6.3", + "version": "3.6.4", + "logseq-version": "v0.6.8", "author": "Sansui233", "description": "A clean theme for Logseq, focusing on long time writing experience.", "main": "source/index.sass", diff --git a/source/codeMirror.scss b/source/codeMirror.scss index 2e90e50..5354828 100644 --- a/source/codeMirror.scss +++ b/source/codeMirror.scss @@ -28,12 +28,15 @@ .extensions__code { display: block; background-color: var(--ls-codeblock-background-color); - & > div { - margin-top: 0.3rem; + .code-editor { + margin: .5rem 0; } .extensions__code-lang { - margin-right: 5px; + margin-right: 7px; + margin-top: 3px; padding: unset; + background-color: unset; + opacity: .6; } textarea { color: var(--ls-primary-text-color); diff --git a/source/color-scheme.scss b/source/color-scheme.scss index 7479f5b..b97f67d 100644 --- a/source/color-scheme.scss +++ b/source/color-scheme.scss @@ -55,7 +55,7 @@ html[data-theme="dark"] { --ls-block-bullet-color: #ffffff1c; --ls-block-highlight-color: #fbfbfb23; --ls-selection-background-color: #64b4ff81; - --ls-page-checkbox-color: #935c62; + --ls-page-checkbox-color: #588eac; --ls-page-checkbox-border-color: var(--ls-primary-background-color); --ls-page-blockquote-border-color: var(--ls-primary-text-color); --ls-page-inline-code-color: #eb5757; diff --git a/source/theme-dark.scss b/source/theme-dark.scss index 883b489..8280930 100644 --- a/source/theme-dark.scss +++ b/source/theme-dark.scss @@ -77,10 +77,10 @@ border-bottom-color: #53d2d280; } .marker-switch { - color: #b5a7a7; - background: #52373a; + color: var(--ls-primary-text-color); + background: #545454; &:hover { - background: #5d3e41; + background: #6e6e6e; } } svg.add-button>.circle { diff --git a/source/theme.scss b/source/theme.scss index 8d5c418..d45492b 100644 --- a/source/theme.scss +++ b/source/theme.scss @@ -318,6 +318,7 @@ html ::-webkit-scrollbar-thumb:hover { transform: scale(1.1); position: relative; margin-top: unset !important; + margin-left: 0.1em; } .marker-switch { opacity: 0.7;