Add PDF options to Style Settings

kepano · May 10, 2023 · 0b98cc8 · 0b98cc8
1 parent b057918
commit 0b98cc8
Show file tree

Hide file tree

Showing 12 changed files with 380 additions and 5 deletions.
diff --git a/Minimal.css b/Minimal.css
@@ -1478,6 +1478,38 @@ ol {
   font-weight: 500;
   letter-spacing: unset; }
 
+body {
+  --pdf-dark-opacity: 1; }
+
+.theme-light:not(.pdf-shadows-on),
+.theme-dark:not(.pdf-shadows-on) {
+  --pdf-shadow: none;
+  --pdf-thumbnail-shadow: none; }
+  .theme-light:not(.pdf-shadows-on) .pdf-viewer .page,
+  .theme-dark:not(.pdf-shadows-on) .pdf-viewer .page {
+    border: 0; }
+  .theme-light:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnailSelectionRing,
+  .theme-dark:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnailSelectionRing {
+    padding: 0; }
+  .theme-light:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnail::after,
+  .theme-dark:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnail::after {
+    right: var(--size-4-2);
+    bottom: var(--size-4-2); }
+
+.theme-dark {
+  --pdf-thumbnail-shadow: 0 0 1px 0 rgba(0,0,0,0.6);
+  --pdf-shadow: 0 0 1px 0 rgba(0,0,0,0.6); }
+  .theme-dark .pdf-viewer .canvasWrapper {
+    opacity: var(--pdf-dark-opacity); }
+  .theme-dark.pdf-invert-dark .pdf-viewer .canvasWrapper,
+  .theme-dark.pdf-invert-dark .pdf-thumbnail-view .thumbnailImage {
+    filter: invert(1) hue-rotate(180deg);
+    mix-blend-mode: screen; }
+
+.theme-light.pdf-blend-light .pdf-viewer .canvasWrapper,
+.theme-light.pdf-blend-light .pdf-thumbnail-view .thumbnailImage {
+  mix-blend-mode: multiply; }
+
 /* Preview mode tables */
 .markdown-source-view.mod-cm6 table {
   border-collapse: collapse; }
@@ -3593,7 +3625,8 @@ body:not(.sidebar-tabs-underline):not(.sidebar-tabs-index):not(.sidebar-tabs-squ
 body:not(.full-file-names) .tree-item-inner {
   white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: hidden; }
+  overflow: hidden;
+  align-self: center; }
 
 /* Underline headings */
 .theme-light,
@@ -3783,6 +3816,9 @@ input.prompt-input:focus-visible {
   max-width: var(--max-width);
   margin: 0 auto; }
 
+.search-results-info {
+  border-bottom: none; }
+
 @media (max-width: 400pt) {
   .is-mobile .modal.mod-sync-log {
     width: 100vw;
@@ -5347,6 +5383,42 @@ body.theme-light {
 .tracker-axis {
   color: var(--ui2); }
 
+.tabs-manager .chat-view {
+  --assistant-message-color: var(--background-primary);
+  --padding-md: var(--size-4-2) var(--size-4-3);
+  --padding-lg: var(--size-4-3) var(--size-4-3);
+  --chat-box-color: var(--background-primary); }
+  .tabs-manager .chat-view .ow-dialogue-timeline {
+    padding: var(--size-4-4) var(--size-4-3) var(--size-4-8); }
+  .tabs-manager .chat-view .ow-dialogue-timeline .ow-message-bubble .ow-content-wrapper {
+    box-shadow: none;
+    border-color: var(--background-modifier-border);
+    border-radius: var(--radius-m); }
+  .tabs-manager .chat-view .ow-dialogue-timeline .ow-message-bubble.ow-user-bubble .ow-content-wrapper {
+    border-width: 0px;
+    background-color: var(--interactive-accent); }
+  .tabs-manager .chat-view .input-area .input-form .chat-box {
+    border-radius: 0;
+    box-shadow: none;
+    grid-row: 1;
+    grid-column: 1/3;
+    height: 100px;
+    border: none;
+    padding: var(--size-4-3) var(--size-4-4) var(--size-4-2); }
+    .tabs-manager .chat-view .input-area .input-form .chat-box:hover {
+      height: 100px; }
+  .tabs-manager .chat-view .input-area {
+    padding: 0;
+    gap: 0; }
+  .tabs-manager .chat-view .header {
+    border-bottom: 1px solid var(--background-modifier-border); }
+  .tabs-manager .chat-view .input-form {
+    border-top: 1px solid var(--background-modifier-border); }
+  .tabs-manager .chat-view .input-area .input-form .chat-box .info-bar span {
+    color: var(--text-faint); }
+  .tabs-manager .chat-view .input-area .input-form .btn-new-chat {
+    display: none; }
+
 /* Color schemes */
 /* Atom */
 .theme-dark.minimal-atom-dark {
@@ -7531,6 +7603,47 @@ settings:
 		max: 3.5
 		step: 0.1
 		format: em
+	-
+		id: pdf
+		title: PDFs
+		type: heading
+		level: 2
+		collapsed: true
+	-
+		id: pdf-page-style
+		title: PDF page style
+		description: Borders and shadows around pages
+		type: class-select
+		allowEmpty: false
+		default: pdf-seamless-on
+		options:
+			-
+				label: Seamless
+				value: pdf-seamless-on
+			-
+				label: Shadows
+				value: pdf-shadows-on
+	-
+		id: pdf-invert-dark
+		title: Invert PDFs in dark mode
+		description: Best for working with black text on white pages
+		type: class-toggle
+		default: true
+	-
+		id: pdf-blend-light
+		title: Blend PDFs in light mode
+		description: Allow PDFs to blend into the color scheme background color
+		type: class-toggle
+		default: true
+	-
+		id: pdf-dark-opacity
+		title: PDF opacity in dark mode
+		description: Fade PDF pages in dark mode
+		type: variable-number-slider
+		default: 1
+		min: 0.25
+		max: 1
+		step: 0.05
 	-
 		id: sidebars
 		title: Sidebars

diff --git a/manifest.json b/manifest.json
@@ -1,6 +1,6 @@
 {
 	"name": "Minimal",
-	"version": "6.3.2",
+	"version": "6.3.3",
 	"minAppVersion": "1.1.0",
 	"author": "@kepano",
 	"authorUrl": "https://twitter.com/kepano",

diff --git a/src/css/main.css b/src/css/main.css
@@ -1435,6 +1435,38 @@ ol {
   font-weight: 500;
   letter-spacing: unset; }
 
+body {
+  --pdf-dark-opacity: 1; }
+
+.theme-light:not(.pdf-shadows-on),
+.theme-dark:not(.pdf-shadows-on) {
+  --pdf-shadow: none;
+  --pdf-thumbnail-shadow: none; }
+  .theme-light:not(.pdf-shadows-on) .pdf-viewer .page,
+  .theme-dark:not(.pdf-shadows-on) .pdf-viewer .page {
+    border: 0; }
+  .theme-light:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnailSelectionRing,
+  .theme-dark:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnailSelectionRing {
+    padding: 0; }
+  .theme-light:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnail::after,
+  .theme-dark:not(.pdf-shadows-on) .pdf-sidebar-container .thumbnail::after {
+    right: var(--size-4-2);
+    bottom: var(--size-4-2); }
+
+.theme-dark {
+  --pdf-thumbnail-shadow: 0 0 1px 0 rgba(0,0,0,0.6);
+  --pdf-shadow: 0 0 1px 0 rgba(0,0,0,0.6); }
+  .theme-dark .pdf-viewer .canvasWrapper {
+    opacity: var(--pdf-dark-opacity); }
+  .theme-dark.pdf-invert-dark .pdf-viewer .canvasWrapper,
+  .theme-dark.pdf-invert-dark .pdf-thumbnail-view .thumbnailImage {
+    filter: invert(1) hue-rotate(180deg);
+    mix-blend-mode: screen; }
+
+.theme-light.pdf-blend-light .pdf-viewer .canvasWrapper,
+.theme-light.pdf-blend-light .pdf-thumbnail-view .thumbnailImage {
+  mix-blend-mode: multiply; }
+
 /* Preview mode tables */
 .markdown-source-view.mod-cm6 table {
   border-collapse: collapse; }
@@ -3550,7 +3582,8 @@ body:not(.sidebar-tabs-underline):not(.sidebar-tabs-index):not(.sidebar-tabs-squ
 body:not(.full-file-names) .tree-item-inner {
   white-space: nowrap;
   text-overflow: ellipsis;
-  overflow: hidden; }
+  overflow: hidden;
+  align-self: center; }
 
 /* Underline headings */
 .theme-light,
@@ -3743,6 +3776,9 @@ input.prompt-input:focus-visible {
   max-width: var(--max-width);
   margin: 0 auto; }
 
+.search-results-info {
+  border-bottom: none; }
+
 @media (max-width: 400pt) {
   .is-mobile .modal.mod-sync-log {
     width: 100vw;
@@ -5307,6 +5343,42 @@ body.theme-light {
 .tracker-axis {
   color: var(--ui2); }
 
+.tabs-manager .chat-view {
+  --assistant-message-color: var(--background-primary);
+  --padding-md: var(--size-4-2) var(--size-4-3);
+  --padding-lg: var(--size-4-3) var(--size-4-3);
+  --chat-box-color: var(--background-primary); }
+  .tabs-manager .chat-view .ow-dialogue-timeline {
+    padding: var(--size-4-4) var(--size-4-3) var(--size-4-8); }
+  .tabs-manager .chat-view .ow-dialogue-timeline .ow-message-bubble .ow-content-wrapper {
+    box-shadow: none;
+    border-color: var(--background-modifier-border);
+    border-radius: var(--radius-m); }
+  .tabs-manager .chat-view .ow-dialogue-timeline .ow-message-bubble.ow-user-bubble .ow-content-wrapper {
+    border-width: 0px;
+    background-color: var(--interactive-accent); }
+  .tabs-manager .chat-view .input-area .input-form .chat-box {
+    border-radius: 0;
+    box-shadow: none;
+    grid-row: 1;
+    grid-column: 1/3;
+    height: 100px;
+    border: none;
+    padding: var(--size-4-3) var(--size-4-4) var(--size-4-2); }
+    .tabs-manager .chat-view .input-area .input-form .chat-box:hover {
+      height: 100px; }
+  .tabs-manager .chat-view .input-area {
+    padding: 0;
+    gap: 0; }
+  .tabs-manager .chat-view .header {
+    border-bottom: 1px solid var(--background-modifier-border); }
+  .tabs-manager .chat-view .input-form {
+    border-top: 1px solid var(--background-modifier-border); }
+  .tabs-manager .chat-view .input-area .input-form .chat-box .info-bar span {
+    color: var(--text-faint); }
+  .tabs-manager .chat-view .input-area .input-form .btn-new-chat {
+    display: none; }
+
 /* Color schemes */
 /* Atom */
 .theme-dark.minimal-atom-dark {

diff --git a/src/css/main.min.css b/src/css/main.min.css
diff --git a/src/css/style-settings.css b/src/css/style-settings.css
@@ -1214,6 +1214,47 @@ settings:
 		max: 3.5
 		step: 0.1
 		format: em
+	-
+		id: pdf
+		title: PDFs
+		type: heading
+		level: 2
+		collapsed: true
+	-
+		id: pdf-page-style
+		title: PDF page style
+		description: Borders and shadows around pages
+		type: class-select
+		allowEmpty: false
+		default: pdf-seamless-on
+		options:
+			-
+				label: Seamless
+				value: pdf-seamless-on
+			-
+				label: Shadows
+				value: pdf-shadows-on
+	-
+		id: pdf-invert-dark
+		title: Invert PDFs in dark mode
+		description: Best for working with black text on white pages
+		type: class-toggle
+		default: true
+	-
+		id: pdf-blend-light
+		title: Blend PDFs in light mode
+		description: Allow PDFs to blend into the color scheme background color
+		type: class-toggle
+		default: true
+	-
+		id: pdf-dark-opacity
+		title: PDF opacity in dark mode
+		description: Fade PDF pages in dark mode
+		type: variable-number-slider
+		default: 1
+		min: 0.25
+		max: 1
+		step: 0.05
 	-
 		id: sidebars
 		title: Sidebars

diff --git a/src/scss/content/pdf.scss b/src/scss/content/pdf.scss
@@ -0,0 +1,44 @@
+body {
+	--pdf-dark-opacity: 1;
+}
+
+.theme-light:not(.pdf-shadows-on),
+.theme-dark:not(.pdf-shadows-on) {
+	--pdf-shadow: none;
+	--pdf-thumbnail-shadow: none;
+
+	.pdf-viewer .page {
+		border: 0;
+	}
+	.pdf-sidebar-container .thumbnailSelectionRing {
+		padding: 0;
+	}
+	.pdf-sidebar-container .thumbnail::after {
+		right: var(--size-4-2);
+		bottom: var(--size-4-2);
+	}
+}
+
+.theme-dark {
+	--pdf-thumbnail-shadow: 0 0 1px 0 rgba(0,0,0,0.6);
+	--pdf-shadow: 0 0 1px 0 rgba(0,0,0,0.6);
+
+	.pdf-viewer .canvasWrapper {
+		opacity: var(--pdf-dark-opacity);
+	}
+	&.pdf-invert-dark {
+		.pdf-viewer .canvasWrapper,
+		.pdf-thumbnail-view .thumbnailImage {
+			filter: invert(1) hue-rotate(180deg);
+			mix-blend-mode: screen;
+		}
+	}
+}
+.theme-light {
+	&.pdf-blend-light {
+		.pdf-viewer .canvasWrapper,
+		.pdf-thumbnail-view .thumbnailImage {
+			mix-blend-mode: multiply;
+		}
+	}
+}
diff --git a/src/scss/features/trim-file-names.scss b/src/scss/features/trim-file-names.scss
@@ -9,5 +9,6 @@ body:not(.full-file-names) {
 		white-space: nowrap;
 		text-overflow: ellipsis;
 		overflow: hidden;
+		align-self: center;
 	}
 }
diff --git a/src/scss/index.scss b/src/scss/index.scss
@@ -36,6 +36,7 @@
 @import 'content/links';
 @import 'content/lists';
 @import 'content/preview-backlinks';
+@import 'content/pdf';
 @import 'content/tables';
 @import 'content/tags';
 @import 'content/text';
@@ -82,6 +83,7 @@
 @import 'plugins-core/prompt';
 @import 'plugins-core/publish';
 @import 'plugins-core/release-notes';
+@import 'plugins-core/search';
 @import 'plugins-core/sync';
 
 /* Community plugins */
@@ -114,6 +116,7 @@
 @import 'plugins/style-settings';
 @import 'plugins/todoist';
 @import 'plugins/tracker';
+@import 'plugins/weaver';
 
 /* Color schemes */
 @import 'color-schemes/atom';

diff --git a/src/scss/plugins-core/search.scss b/src/scss/plugins-core/search.scss
@@ -0,0 +1,3 @@
+.search-results-info {
+	border-bottom: none;
+}