Update compiled CSS

Author: femto-code

main.css

@@ -183,10 +183,14 @@ html[data-theme=light] {
   --color-level-5: #2A2F37;
   --ls-icon-color: #919191;
   --ls-header-button-text-color: #787878;
+  --lx-gray-11: #787878;
   --ls-header-button-text-color-hover: #282c34;
+  --lx-gray-12: #282c34;
   --ls-header-button-background: var(--ls-secondary-background-color);
   --ls-header-button-hover: #D3D6DF;
+  --lx-gray-02: #f7f7f7;
   --ls-left-sidebar-background: #f7f7f7;
+  --ls-left-sidebar-bg-color: #f7f7f7;
   --ls-left-sidebar-border-color: #D3D6DF;
   --ls-left-sidebar-hover-background: #ebebeb;
   --ls-left-sidebar-text-color: var(--ls-primary-text-color);
@@ -217,7 +221,8 @@ html[data-theme=light] {
   --box-shadow-sm: rgba(171, 171, 171, 0.1) 0 2px 3px 0;
   --block-ref-bg: hsla(0, 0%, 40%, .1);
   --block-ref-bg-hv: hsla(0, 0%, 40%, .2);
-  --lx-gray-03: var(--ls-secondary-background-color);
+  --lx-gray-03: #F7F7F7;
+  --lx-popover-bg: var(--lx-gray-03);
   --ct-color-level-1: #eceded;
   --primary: 225.45deg 69.23% 72%;
   --secondary: 225deg 100% 91%;
@@ -342,7 +347,6 @@ html ::-webkit-scrollbar-thumb:hover {
 }
 .content b {
   font-weight: 600;
-  color: var(--ct-bold-color);
 }
 .content i:not(.ti),
 .content em {
@@ -421,6 +425,9 @@ html[data-theme=light] .absolute-modal {
 html[data-theme=light] .cp__sidebar-help-menu-popup {
   background-color: var(--ls-primary-background-color);
 }
+html[data-theme=light] #right-sidebar-container {
+  background: #F1F2F4;
+}
 
 html[data-theme=dark] .dropdown-wrapper a {
   opacity: 1 !important;
@@ -451,6 +458,9 @@ html[data-theme=dark] .bg-popover {
 html[data-theme=dark] .focus\:bg-accent:focus {
   background-color: var(--ls-primary-background-color);
 }
+html[data-theme=dark] .content b {
+  color: var(--ct-bold-color);
+}
 
 /* Journal calendar icons */
 body:not(.is-banner-active) .journal-item h1.title::before,
@@ -1578,3 +1588,10 @@ html[data-theme=dark] #main-container, html[data-theme=dark] #app-container {
 html[data-theme=dark] .left-sidebar-inner {
   background: #282C34;
 }
+
+html[data-theme=light] #main-container, html[data-theme=light] #app-container {
+  background-color: #E2E4E9 !important;
+}
+html[data-theme=light] #right-sidebar-container {
+  background: #E2E4E9;
+}

main2.css

@@ -177,12 +177,15 @@ html[data-theme=light] {
   --color-level-5: #2A2F37;
   --ls-icon-color: #919191;
   --ls-header-button-text-color: #787878;
+  --lx-gray-11: #787878;
   --ls-header-button-text-color-hover: var(--cp-gray);
+  --lx-gray-12: var(--cp-gray);
   --ls-header-button-background: var(--ls-secondary-background-color);
   --ls-header-button-hover: #D3D6DF;
   --lx-gray-02: #f7f7f7;
   --ls-left-sidebar-border-color: #D3D6DF;
   --ls-left-sidebar-text-color: var(--ls-primary-text-color);
+  --ls-left-sidebar-bg-color: #f7f7f7;
   --ls-right-sidebar-content-background: var(--ls-primary-background-color);
   --lx-gray-01: var(--ls-main-content-background);
   --ls-right-ridebar-color: var(--ls-main-content-background);
@@ -208,6 +211,7 @@ html[data-theme=light] {
   --block-ref-bg: hsla(0, 0%, 40%, .1);
   --block-ref-bg-hv: hsla(0, 0%, 40%, .2);
   --lx-gray-03: #F7F7F7;
+  --lx-popover-bg: var(--lx-gray-03);
   --lx-gray-04: var(--ls-tertiary-background-color);
   --ct-color-level-1: #eceded;
   --primary: 225.45deg 69.23% 72%;
@@ -333,7 +337,6 @@ html ::-webkit-scrollbar-thumb:hover {
 }
 .content b {
   font-weight: 600;
-  color: var(--ct-bold-color);
 }
 .content i:not(.ti),
 .content em {
@@ -412,6 +415,9 @@ html[data-theme=light] .absolute-modal {
 html[data-theme=light] .cp__sidebar-help-menu-popup {
   background-color: var(--ls-primary-background-color);
 }
+html[data-theme=light] #right-sidebar-container {
+  background: #F1F2F4;
+}
 
 html[data-theme=dark] .dropdown-wrapper a {
   opacity: 1 !important;
@@ -442,6 +448,9 @@ html[data-theme=dark] .bg-popover {
 html[data-theme=dark] .focus\:bg-accent:focus {
   background-color: var(--ls-primary-background-color);
 }
+html[data-theme=dark] .content b {
+  color: var(--ct-bold-color);
+}
 
 /* Journal calendar icons */
 body:not(.is-banner-active) .journal-item h1.title::before,
@@ -1539,3 +1548,7 @@ a.tooltip-priority {
 .page-property-key[data-ref|=plugin]::before {
   content: "\ebd9";
 }
+
+html[data-theme=dark] #right-sidebar-container {
+  background: #21252B;
+}