Update compiled CSS

Author: femto-code

main.css

@@ -1,7 +1,50 @@
 @charset "UTF-8";
+/* ****************************
+************** Root ***********
+*******************************/
+:root {
+  --ls-font-family: "Inter";
+  --ls-main-content-max-width: 1000px;
+  --ls-main-content-max-width-wide: 1280px;
+  --ls-page-text-size: 1em;
+  --ls-page-title-size: 26px;
+  --ls-tag-text-opacity: 0.8;
+  --ls-tag-text-hover-opacity: 1;
+  --ls-block-bullet-threading-width-overwrite: 2px;
+  --ls-block-bullet-active-color-overwrite: var(--ls-link-text-color);
+  --code-font-family: "Hack", monospace;
+  --ct-h1-color: #9FCCB3;
+  --ct-h1-border: 2px solid var(--ct-h1-color);
+  --ct-h2-color: #E1B493;
+  --ct-h2-border: 2px solid var(--ct-h2-color);
+  --ct-h3-color: #DDA6E0;
+  --ct-h3-border: 2px solid var(--ct-h3-color);
+}
+
 /* *****************************
 ********* Dark Theme ***********
 *******************************/
+:root {
+  --cp-darkest: #1D2025;
+  --cp-darker: #21252B;
+  --cp-dark: #252931;
+  --cp-gray: #282C34;
+  --cp-lighter: #32363e;
+  --cp-lightest: #5c6370;
+  --cp-beige: #CCCCCC;
+  --cp-darkblue: #528BFF;
+  --cp-darkred: #BE5046;
+  --cp-orange: #D19A66;
+  --cp-lightgray: #ABB2BF;
+  --cp-cyan: #56B6C2;
+  --cp-blue: #61AFEF;
+  --cp-magenta: #C678DD;
+  --cp-green: #98C379;
+  --cp-red: #E06C75;
+  --cp-yellow: #E5C07B;
+  --cp-white: #F1F2F4;
+}
+
 .dark-theme,
 html[data-theme=dark] {
   --ls-primary-background-color: #282C34;
@@ -84,7 +127,9 @@ html[data-theme=dark] {
   --accent: 220deg 13.04% 18.04%;
   --ct-color-level-1: #21252B;
   --primary: 225.45deg 69.23% 71.96%;
+  --secondary: 225.33deg 26.63% 41.16%;
   --lx-accent-10: 225.45deg 69.23% 75%;
+  --ct-cm-bg: #21252B;
 }
 
 /* *****************************
@@ -198,8 +243,6 @@ html[data-theme=light] {
 }
 #main-content-container .cp__sidebar-main-content {
   margin: 0 auto;
-  background-color: var(--ls-primary-background-color);
-  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 10px 4px;
   border-radius: 10px;
 }
 #main-content-container .cp__sidebar-main-content > .mx-auto {
@@ -312,13 +355,16 @@ html ::-webkit-scrollbar-thumb:hover {
   color: var(--ls-link-text-color);
   margin: 0 4px 0 0;
 }
+.content .block-ref h3,
+.content .block-ref h2,
+.content .block-ref h1 {
+  padding-right: 0;
+  border-bottom: 0 !important;
+}
 .content .page-ref, .content .page-reference {
   border-radius: 3px;
   padding: 1px 2px;
 }
-.content .references-blocks-item {
-  background-color: var(--color-level-1);
-}
 .content .table-wrapper > table td,
 .content .table-wrapper > table th {
   border: solid 1px var(--ls-border-color);
@@ -330,6 +376,10 @@ html ::-webkit-scrollbar-thumb:hover {
   font-size: 1em;
   font-weight: 500;
 }
+.content div[data-refs-self*='"card"'] {
+  border: 1px solid var(--ls-border-color);
+  margin-left: 5px;
+}
 
 html[data-theme=light] {
   /* Autocomplete section borders */
@@ -353,6 +403,9 @@ html[data-theme=light] .cp__themes-installed .it:not(.is-selected) {
 html[data-theme=light] .absolute-modal {
   border: 1px solid lightgray;
 }
+html[data-theme=light] .cp__sidebar-help-menu-popup {
+  background-color: var(--ls-primary-background-color);
+}
 
 html[data-theme=dark] .dropdown-wrapper a {
   opacity: 1 !important;
@@ -367,9 +420,6 @@ html[data-theme=dark] .cp__themes-installed .it.is-active {
   background-color: #24282e;
   color: #769AFF;
 }
-html[data-theme=dark] .datepicker {
-  background-color: var(--ls-primary-background-color);
-}
 html[data-theme=dark] .absolute-modal {
   border: 1px solid #383941;
 }
@@ -437,7 +487,7 @@ body:not(.is-banner-active) .is-journals h1.title::before {
   margin: 0;
   font-size: 1.8em;
   letter-spacing: -1px;
-  border-bottom: 2px solid var(--ct-h1-color) !important;
+  border-bottom: var(--ct-h1-border) !important;
   padding-left: 0.2rem;
   color: var(--ct-h1-color);
 }
@@ -446,7 +496,7 @@ body:not(.is-banner-active) .is-journals h1.title::before {
 .editor-inner :is(.h2) {
   margin: 0;
   letter-spacing: -1px;
-  border-bottom: 2px solid var(--ct-h2-color) !important;
+  border-bottom: var(--ct-h2-border) !important;
   padding-right: 6rem;
   padding-left: 0.2rem;
   color: var(--ct-h2-color);
@@ -456,7 +506,7 @@ body:not(.is-banner-active) .is-journals h1.title::before {
   margin: 0;
   letter-spacing: -1px;
   max-width: max-content;
-  border-bottom: 2px solid var(--ct-h2-color) !important;
+  border-bottom: var(--ct-h2-border) !important;
   padding-right: 6rem;
   padding-left: 0.2rem;
   color: var(--ct-h2-color);
@@ -466,7 +516,7 @@ body:not(.is-banner-active) .is-journals h1.title::before {
 .editor-inner :is(.h3) {
   font-size: 1.27em;
   min-height: 1.27em;
-  border-bottom: 2px solid var(--ct-h3-color) !important;
+  border-bottom: var(--ct-h3-border) !important;
   padding-left: 0.2rem;
   padding-right: 0.2rem;
   color: var(--ct-h3-color);
@@ -476,7 +526,7 @@ body:not(.is-banner-active) .is-journals h1.title::before {
   font-size: 1.27em;
   min-height: 1.27em;
   max-width: max-content;
-  border-bottom: 2px solid var(--ct-h3-color) !important;
+  border-bottom: var(--ct-h3-border) !important;
   padding-left: 0.2rem;
   padding-right: 0.2rem;
   color: var(--ct-h3-color);
@@ -499,28 +549,21 @@ body:not(.is-banner-active) .is-journals h1.title::before {
   border-radius: 5px;
 }
 
-/* banners plugin */
+/* Plugin support: logseq-plugin-wrap */
+:root.dark {
+  --kef-wrap-tb-bg: #1d2025;
+}
+
+/* Plugin support: logseq-banners-plugin */
 body:is([data-page=page], [data-page=home]).is-banner-active #banner {
   max-width: var(--ls-main-content-max-width);
-  border-radius: 10px 10px 0 0;
   box-shadow: rgba(0, 0, 0, 0.1) 0 0 10px 4px;
 }
 
-body:is([data-page=page], [data-page=home]).is-banner-active .cp__sidebar-main-content {
-  position: relative;
-  margin: 0 auto;
-  border-radius: 0 0 10px 10px !important;
-}
-
 body:is([data-page=page], [data-page=home]).is-banner-active .ls-wide-mode #banner {
   max-width: var(--ls-main-content-max-width-wide);
 }
 
-body:is([data-page=page], [data-page=home]).is-banner-active #main-content-container {
-  display: block;
-}
-
-/* banner element */
 body:is([data-page=page], [data-page=home]).is-banner-active.is-icon-active .cp__sidebar-main-content > div {
   padding-top: 0 !important;
 }
@@ -687,16 +730,16 @@ html[data-theme=light] .cm-s-solarized span.cm-meta {
 }
 
 html[data-theme=dark] [class*=cm-s-].CodeMirror {
-  background-color: #21252B;
+  background-color: var(--ct-cm-bg);
   color: #8E95B4;
   line-height: 1.8;
   border-radius: 10px;
 }
 html[data-theme=dark] .cm-s-solarized.cm-s-dark .CodeMirror-gutters {
-  background-color: #21252B !important;
+  background-color: var(--ct-cm-bg) !important;
 }
 html[data-theme=dark] [class*=cm-s-] .CodeMirror-gutters {
-  background-color: #21252B !important;
+  background-color: var(--ct-cm-bg) !important;
   color: #ABB2BF;
   border: none;
 }
@@ -713,11 +756,11 @@ html[data-theme=dark] [class*=cm-s-] div.CodeMirror-selected {
 }
 html[data-theme=dark] [class*=cm-s-] .CodeMirror-line::selection,
 html[data-theme=dark] [class*=cm-s-] .CodeMirror-line > span::selection {
-  background: #21252B;
+  background: var(--ct-cm-bg);
 }
 html[data-theme=dark] [class*=cm-s-] .CodeMirror-line::-moz-selection,
 html[data-theme=dark] [class*=cm-s-] .CodeMirror-line > span::-moz-selection {
-  background: #21252B;
+  background: var(--ct-cm-bg);
 }
 html[data-theme=dark] [class*=cm-s-] .CodeMirror-activeline-background {
   background: #1b1f23;
@@ -1491,23 +1534,26 @@ a.tooltip-priority {
   content: "\ebd9";
 }
 
-/* ****************************
-************** Root ***********
-*******************************/
-:root {
-  --ls-font-family: "Inter";
-  --ls-main-content-max-width: 1000px;
-  --ls-main-content-max-width-wide: 1280px;
-  --ls-page-text-size: 1em;
-  --ls-page-title-size: 26px;
-  --ls-tag-text-opacity: 0.8;
-  --ls-tag-text-hover-opacity: 1;
-  --ls-block-bullet-threading-width-overwrite: 2px;
-  --ls-block-bullet-active-color-overwrite: var(--ls-link-text-color);
-  --code-font-family: "Hack", monospace;
+#main-content-container .cp__sidebar-main-content {
+  background-color: var(--ls-primary-background-color);
+  box-shadow: rgba(0, 0, 0, 0.1) 0 4px 10px 4px;
 }
 
-/* Text Wrapper Plugin */
-:root.dark {
-  --kef-wrap-tb-bg: #1d2025;
+.content .references-blocks-item {
+  background-color: var(--color-level-1);
+}
+
+/* Plugin support: logseq-banners-plugin */
+body:is([data-page=page], [data-page=home]).is-banner-active #banner {
+  border-radius: 10px 10px 0 0;
+}
+
+body:is([data-page=page], [data-page=home]).is-banner-active .cp__sidebar-main-content {
+  position: relative;
+  margin: 0 auto;
+  border-radius: 0 0 10px 10px !important;
+}
+
+html[data-theme=dark] .datepicker {
+  background-color: var(--ls-primary-background-color);
 }