Resolving styling issues with Note Toolbar Plugin #169

src/scss/Editor/callouts.scss

@@ -4,7 +4,7 @@ body:not(.pt-disable-callout-styling) {
 	--callout-radius: var(--radius-m);
 	--callout-background-alpha: 20%;
 
-	.callout {
+	.callout:not(.cg-note-toolbar-callout) {
 		background-color: unset;
 
 		.callout-title {

src/scss/Plugins/Community/noteToolbar.scss

@@ -0,0 +1,17 @@
+// [Plugins - Community] Note Toolbar
+body {
+	--cg-nt-tbar-top-sticky-pos-desktop: calc(calc(var(--header-height) - 8px) * -1);
+
+	&.theme-dark {
+		--cg-nt-tbar-bg-color: var(--background-secondary);
+	}
+}
+
+.callout[data-callout="note-toolbar"] {
+	&[data-callout-metadata*="button"] ul {
+		&a,
+		span.external-link {
+			border: var(--window-border);
+		}
+	}
+}

src/scss/Variables/coreVariables.scss

@@ -270,6 +270,8 @@ body {
 
 		--indentation-guide-color: hsla(var(--background-secondary-alt-hsl), 75%);
 
+		--interactive-normal: var(--background-primary);
+
 		// Style Settings Defaults
 		--graph-line-color-lt: var(--background-secondary-alt);
 		--graph-fill-color-lt: var(--color-grey-tint);
@@ -313,7 +315,6 @@ body {
 			}
 		}
 
-
 		&.pt-highlight-text-light-lt {
 			--highlight-text-normal: var(--background-primary);
 		}
@@ -491,6 +492,8 @@ body {
 
 		--indentation-guide-color: hsla(var(--background-primary-alt-hsl), 80%);
 
+		--interactive-normal: var(--background-secondary);
+
 		// Style Settings Defaults
 		--graph-line-color-dt: var(--background-primary-alt);
 		--graph-fill-color-dt: var(--color-grey-tint);

src/scss/index.scss

@@ -86,6 +86,7 @@
 @use "Plugins/Community/jumpToDate.scss";
 @use "Plugins/Community/settingsSearch.scss";
 @use "Plugins/Community/dataLoom.scss";
+@use "Plugins/Community/noteToolbar.scss";
 
 // Config Files
 @use "Info/styleSettingsConfig.scss";