fix: Slide content not visible (readable) when using the light color scheme

Resolved #936

resources/css/common.css

@@ -91,7 +91,7 @@ html[data-theme=light] {
   --ls-link-ref-text-hover-color: var(--ls-link-text-hover-color);
   --ls-tag-text-color: var(--ls-link-text-color);
   --ls-tag-text-hover-color: var(--ls-link-text-hover-color);
-  --ls-slide-background-color: #002b36;
+  --ls-slide-background-color: #fff;
   --ls-block-bullet-border-color: var(--ls-border-color);
   --ls-block-bullet-color: #394b59;
   --ls-block-highlight-color: #c0e6fd;
@@ -1043,11 +1043,6 @@ a.tooltip-priority::after {
   max-width: calc(var(--ls-main-content-max-width) - 30px);
 }
 
-#intro .content :not(img),
-.foldable-title {
-  max-width: 665px;
-}
-
 .editor-wrapper {
   margin: 0 auto;
 }
@@ -1308,3 +1303,7 @@ a.tag:hover {
 .reveal .hljs {
   background: none;
 }
+
+.white-theme #right-sidebar .reveal h1, .white-theme #right-sidebar .reveal h2, .white-theme #right-sidebar .reveal h3, .white-theme #right-sidebar .reveal h4, .white-theme #right-sidebar .reveal h5, .white-theme #right-sidebar .reveal h6 {
+    color: initial;
+}

resources/css/table.css

@@ -16,7 +16,7 @@ tr {
 th {
     font-size: 14px;
     font-weight: 400;
-    color: #039;
+    color: var(--ls-primary-text-color);
     border-bottom: 2px solid var(--ls-border-color);
     padding: 10px 8px;
 }

src/main/frontend/components/right_sidebar.css

@@ -0,0 +1,3 @@
+.white-theme .cp__right-sidebar-settings a {
+    color: var(--ls-primary-text-color);
+}