DOC-261 dark theme (#286)

Co-authored-by: Copilot <[email protected]>

Author: fantkolja

gulpfile.js

@@ -91,13 +91,19 @@ const packTask = createTask({
 
 const buildPreviewPagesTask = createTask({
   name: 'preview:build-pages',
-  call: task.buildPreviewPages(srcDir, previewSrcDir, previewDestDir, livereload),
+  call: task.buildPreviewPages(srcDir, previewSrcDir, previewDestDir),
 })
 
 const previewBuildTask = createTask({
   name: 'preview:build',
   desc: 'Process and stage the UI assets and generate pages for the preview',
-  call: parallel(buildTask, buildPreviewPagesTask),
+  call: livereload
+    ? series(parallel(buildTask, buildPreviewPagesTask), (done) => {
+      // still not working without a manual reload trigger
+      livereload()
+      done()
+    })
+    : parallel(buildTask, buildPreviewPagesTask),
 })
 
 const previewServeTask = createTask({

package.json

@@ -10,7 +10,7 @@
     "lint:style": "stylelint \"**/*.css\"",
     "serve": "serve docs",
     "expose": "ngrok http 3000",
-    "dev": "gulp preview"
+    "dev": "LIVERELOAD=true gulp preview"
   },
   "license": "MPL-2.0",
   "repository": {

preview-src/java.adoc

@@ -5,12 +5,19 @@ The Java client is **the most full featured** Hazelcast native client.
 It is offered both with Hazelcast IMDG and Hazelcast IMDG Enterprise.
 The main idea behind the Java client is to provide the same Hazelcast
 functionality by proxying each operation through a Hazelcast member.
+
+== New Vector Collection for building semantic search (BETA) [.enterprise]*Enterprise*
+
 It can access and change distributed data and it can listen to distributed
-events of an already established Hazelcast cluster from another Java application.
+events of an already established Hazelcast cluster from another Java application the link:https://prometheus.io/docs/prometheus/latest/configuration/configuration/#scrape_config[Prometheus configuration documentation].
+
+TIP: For guidance, see the link:https://prometheus.io/docs/prometheus/latest/configuration/configuration/#scrape_config[Prometheus configuration documentation].
 
 Content in document.
 
-image:cluster-connected.png[]
+terminals in which the members are running or press kbd:[Ctrl+C] in each terminal.
+
+image:cluster-connected.png[Cluster Connected]
 
 Content in document
 
@@ -230,3 +237,17 @@ Its content is centered horizontally and vertically.
 The cell is duplicated in three consecutive rows in the same column.
 It's content is aligned to the bottom of the cell.
 |===
+
+
+== Key features and benefits
+
+[cols="<30%,<15%,<15%,<40%", options="header"]
+|===
+|[align=left]*Core Hazelcast Capabilities*|[align=left]*{enterprise-product-name}*|[align=left]*{open-source-product-name}*|[align=left]*Description*
+
+|Management Center
+|&#9989;
+|&#10060;
+|Get full access to all Management Center features.
+
+|===

preview-src/privacy.adoc

@@ -0,0 +1,4 @@
+= Privacy Policy
+:page-layout: privacy
+:!sectids:
+:!toc:

preview-src/ui-model.yml

@@ -74,7 +74,7 @@ page:
   home: true
   title: Java Client
   attributes:
-    component-order: '!home, !templates, !imdg, !privacy, hazelcast, management-center, cloud, *'
+    component-order: '!home, !templates, !imdg, !privacy, management-center, clc, hazelcast, cloud, *'
     excluded-versions: 'management-center:4.0'
     last-versions-count: 10
   component:

src/css/404.css

@@ -20,7 +20,7 @@
   position: relative;
   flex: 1 100%;
   margin-top: 10px;
-  border: 1px solid var(--neutral-light);
+  border: 1px solid var(--border-color);
   padding: 5%;
   border-radius: var(--border-radius);
 }

src/css/admonition.css

@@ -5,6 +5,15 @@
   border-left-style: solid;
   padding: 15px 10px 15px 20px;
   margin-top: 1rem;
+  color: var(--text-light);
+}
+
+.doc .admonitionblock a {
+  color: var(--accent);
+}
+
+.doc .admonitionblock a[href*="//"]:not([href*="docs.hazelcast.com"])::after {
+  content: url("/_/img/external-link.svg") !important;
 }
 
 /* to override CSS when admonition is inside a table */

src/css/base.css

@@ -1,7 +1,3 @@
-/* :root { */
-/*  color-scheme: light dark; */
-/* } */
-
 html,
 body {
   height: 100%;
@@ -45,10 +41,6 @@ a:hover {
   text-decoration: underline;
 }
 
-a:active {
-  background-color: transparent;
-}
-
 code,
 kbd,
 pre {

src/css/breadcrumbs.css

@@ -8,7 +8,7 @@
   .breadcrumbs {
     display: block;
     margin-top: 15px;
-    font-size: smaller;
+    font-size: var(--body-font-size-small);
   }
 }
 

src/css/clipboard.css

@@ -4,7 +4,7 @@ pre.highlightjs {
 }
 
 pre.highlightjs:hover .copy-code-button {
-  background-color: var(--neutral-grey);
+  background-color: var(--code-background);
 }
 
 .copy-code-button {