From 54a4696df1670283aa8571a6a6601e402fedaa7d Mon Sep 17 00:00:00 2001 From: semantic-release-bot Date: Wed, 21 Jul 2021 13:48:47 +0000 Subject: [PATCH] chore(release): 1.11.0 [skip ci] # [1.11.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.12...v1.11.0) (2021-07-21) ### Features * renew selection color ([7ca4f39](https://github.com/pengx17/logseq-dev-theme/commit/7ca4f398016a270846b840fe28aa444019f8b0f9)) --- CHANGELOG.md | 7 ++++ custom.css | 100 +++++++++++++++++++++++++++++---------------------- package.json | 2 +- 3 files changed, 65 insertions(+), 44 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index 8f3d12f..8ca48a2 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,10 @@ +# [1.11.0](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.12...v1.11.0) (2021-07-21) + + +### Features + +* renew selection color ([7ca4f39](https://github.com/pengx17/logseq-dev-theme/commit/7ca4f398016a270846b840fe28aa444019f8b0f9)) + ## [1.10.12](https://github.com/pengx17/logseq-dev-theme/compare/v1.10.11...v1.10.12) (2021-07-21) diff --git a/custom.css b/custom.css index e464a2b..ac4876c 100644 --- a/custom.css +++ b/custom.css @@ -8,44 +8,13 @@ Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; --ct-page-title-font-family: "Noto Sans SC", ui-sans-serif, system-ui, - -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", - Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", - "Segoe UI Symbol", "Noto Color Emoji"; + -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", + Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", + "Segoe UI Symbol", "Noto Color Emoji"; --ct-code-font-family: "Fira Code", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } -:root { - --ct-background: var(--ls-primary-background-color); - --ct-inline-code-font-size: 0.8em; - --ct-inline-code-font-style: inherit; - --ct-inline-code-border-radius: 2px; - --ct-inline-code-padding: 2px 5px; - --ct-page-font-color: var(--ls-primary-text-color); - --ct-page-title-color: var(--ct-bold-color); - --ct-page-title-font-size: 36px; - --ct-page-title-line-height: 40px; - --ct-page-title-font-weight: 600; - --ct-page-title-font-style: normal; - --ct-heading-font-family: var(--ct-page-title-font-family); - --ct-heading-font-size: 25px; - --ct-heading-font-weight: 700; - --ct-heading-font-style: normal; - --ct-header-height: 42px; - --ct-topbar-backdrop: blur(20px); - --ct-query-header-color: #fff; - --ct-query-header-background: var(--ct-primary-color); - --ct-guideline-color: var(--ct-bold-color-transparent); - --ct-guideline-size: 2px; - --ct-guideline-style: solid; - --ct-sidebar-resizer-background: var(--ls-secondary-background-color); - --ct-sidebar-resizer-background-hover: var(--ct-primary-color); - --ct-bullet-size: 6px; - --ct-bullet-color: var(--ct-bold-color); - --ct-checkbox-border-radius: 2px; - --ct-task-done-text-decoration: none; -} - html, body { font-size: var(--ct-text-size); @@ -59,10 +28,20 @@ textarea { line-height: var(--ct-line-height); } +:root { + --ct-background: var(--ls-primary-background-color); + --ct-page-font-color: var(--ls-primary-text-color); +} + :root.is-mac.is-electron { --ct-header-height: 48px; } +::selection { + background: var(--ct-primary-color); + color: var(--ls-selection-color); +} + /* Some tweaks on making this theme a bit more compact on mobile. Mobile cap is 640px */ @media (max-width: 640px) { @@ -104,15 +83,9 @@ textarea { background: var(--ct-header-bg-color); } } -#app-container::before { - content: ""; - top: 0; - left: 0; - right: 0; - bottom: 0; - position: absolute; - background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAACHSURBVHgB7ddRCgIhFIbRa8wK3EH731OtQLdQCIUPDUP2IDidA4Lov4EvAoC11Frv7dhHXAIAAGAOLdZpMQAAYBYt1mkxAABgFi3WaTEAAOBHpZTUzt7ftvf47pKc8zW+sPo+pXR7XT/2W9A8AgAA/t5RW43uT9liR201uj9ri422lRYDWNETCUrqfCW92rQAAAAASUVORK5CYII=) repeat; - background: none; +:root { + --ct-sidebar-resizer-background: var(--ls-secondary-background-color); + --ct-sidebar-resizer-background-hover: var(--ct-primary-color); } #main-container { @@ -220,6 +193,20 @@ textarea { margin-top: 0.5em; } +:root { + --ct-page-title-color: var(--ct-bold-color); + --ct-page-title-font-size: 36px; + --ct-page-title-line-height: 40px; + --ct-page-title-font-weight: 600; + --ct-page-title-font-style: normal; + --ct-heading-font-family: var(--ct-page-title-font-family); + --ct-heading-font-size: 25px; + --ct-heading-font-weight: 700; + --ct-heading-font-style: normal; + --ct-header-height: 42px; + --ct-topbar-backdrop: blur(20px); +} + /* Heading & Page title */ h1.title { margin-top: 8px; @@ -365,6 +352,14 @@ a.title h1.title { margin: 0.3em 0 0; } +:root { + --ct-guideline-color: var(--ct-bold-color-transparent); + --ct-guideline-size: 2px; + --ct-guideline-style: solid; + --ct-bullet-size: 6px; + --ct-bullet-color: var(--ct-bold-color); +} + /* block reference */ .block-ref { border-radius: 2px; @@ -592,6 +587,13 @@ div.items-center::after, background: var(--ls-secondary-background-color); } +:root { + --ct-inline-code-font-size: 0.8em; + --ct-inline-code-font-style: inherit; + --ct-inline-code-border-radius: 2px; + --ct-inline-code-padding: 2px 5px; +} + /* lists */ ol > li::marker { font-family: Asap; @@ -813,6 +815,11 @@ progress::-webkit-progress-value { color: var(--ct-query-header-color); } +:root { + --ct-query-header-color: #fff; + --ct-query-header-background: var(--ct-primary-color); +} + /* query */ .custom-query > div:first-child { background: var(--ls-secondary-background-color); @@ -866,6 +873,11 @@ progress::-webkit-progress-value { color: var(--ct-query-header-color); } +:root { + --ct-checkbox-border-radius: 2px; + --ct-task-done-text-decoration: none; +} + /* Markers */ .form-checkbox, .form-checkbox:focus { @@ -1036,6 +1048,7 @@ html[data-theme=dark] { --ct-kbd-border-color: #6e7681; /* Will be used if backdrop-filter not supported */ --ct-header-bg-color: #272c35ee; + --ls-selection-color: #000; } .dark-theme .image-resize { @@ -1072,6 +1085,7 @@ html[data-theme=light] { --ls-page-properties-background-color: var(--ls-tertiary-background-color); --ct-kbd-bg-color: #fafbfc; --ct-kbd-border-color: #d1d5da; + --ls-selection-color: #fff; /* Will be used if backdrop-filter not supported */ --ct-header-bg-color: rgba(255, 255, 255, 0.9); } diff --git a/package.json b/package.json index e5bd5d4..d8e72e6 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "logseq-dev-theme", "author": "pengx17", - "version": "1.10.12", + "version": "1.11.0", "description": "A custom theme for dev", "logseq": { "themes": [