fix read mode search

src/data/extra/themes/vue-light/highlight.css

@@ -8,10 +8,9 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 
 code[class*="language-"],
 pre[class*="language-"] {
-     color: #525252;
+    color: black;
     background: none;
-     text-shadow: 0 1px white;
+    font-size: 1em;
-     font-size:  0.9rem;
     text-align: left;
     white-space: pre;
     word-spacing: normal;
@@ -32,15 +31,15 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 pre[class*="language-"]::-moz-selection, pre[class*="language-"] ::-moz-selection,
 code[class*="language-"]::-moz-selection, code[class*="language-"] ::-moz-selection {
     text-shadow: none;
-     background-color: #1976D2;
+    background-color: #1976d2;
-     color: white;
+    color: #ffffff;
 }
 
 pre[class*="language-"]::selection, pre[class*="language-"] ::selection,
 code[class*="language-"]::selection, code[class*="language-"] ::selection {
     text-shadow: none;
-     background-color: #1976D2;
+    background-color: #1976d2;
-     color: white;
+    color: #ffffff;
 }
 
 @media print {
@@ -53,14 +52,13 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 /* Code blocks */
 pre[class*="language-"] {
     padding: 1em;
-     margin: 0;
+    margin: .5em 0;
     overflow: auto;
-     border-radius: 4px;
 }
 
 :not(pre) > code[class*="language-"],
 pre[class*="language-"] {
-     background:#F8F8F8 !important;
+    background: #ede8e4;
 }
 
 /* Inline code */
@@ -74,7 +72,7 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 .token.prolog,
 .token.doctype,
 .token.cdata {
-     color: #a50;
+    color: slategray;
 }
 
 .token.punctuation {
@@ -110,14 +108,12 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 .language-css .token.string,
 .style .token.string {
     color: #9a6e3a;
-     /* This background color was intended by the author of this theme. */
-     background: hsla(0, 0%, 100%, .5);
 }
 
 .token.atrule,
 .token.attr-value,
 .token.keyword {
-     color: #708;
+    color: #07a;
 }
 
 .token.function,
@@ -152,7 +148,6 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 pre[class*="language-"].line-numbers > code {
     position: relative;
     white-space: inherit;
-     letter-spacing: 1px;
 }
 
 .line-numbers .line-numbers-rows {
@@ -163,8 +158,8 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
     left: -3.8em;
     width: 3em; /* works for line-numbers below 1000 lines */
     letter-spacing: -1px;
-     border-right: 1px solid #ddd;
+    border-right: 1px solid #999;
-     color: #999;
+
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
@@ -191,8 +186,8 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 
 div.code-toolbar > .toolbar {
     position: absolute;
-     top: 0;
+    top: .3em;
-     right: 0;
+    right: .2em;
     transition: opacity 0.3s ease-in-out;
     opacity: 0;
 }
@@ -231,11 +226,20 @@ https://prismjs.com/download.html#themes=prism&languages=markup+css+clike+javasc
 div.code-toolbar > .toolbar a,
 div.code-toolbar > .toolbar button,
 div.code-toolbar > .toolbar span {
-     color: #fff;
+    color: #bbb;
     font-size: .8em;
-     font-weight: bold;
+    padding: 0 .5em;
-     padding: .2em .5em;
+    background: rgba(224, 224, 224, 0.2);
-     border-radius: 0 4px 0 4px;
+    box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
-     background-color: #5C9DFF;
+    border-radius: .5em;
 }
 
+div.code-toolbar > .toolbar a:hover,
+div.code-toolbar > .toolbar a:focus,
+div.code-toolbar > .toolbar button:hover,
+div.code-toolbar > .toolbar button:focus,
+div.code-toolbar > .toolbar span:hover,
+div.code-toolbar > .toolbar span:focus {
+    color: inherit;
+    text-decoration: none;
+}

src/data/extra/themes/vue-light/palette.json

@@ -642,6 +642,7 @@
                     }
                 },
                 "hover" : {
+                    "fg" : "@widgets#mainwindow#side_bar#fg",
                     "bg" : "@palette#layer3"
                 },
                 "widget" : {

src/data/extra/web/js/markjs.js

@@ -81,7 +81,9 @@ class MarkJs {
             'caseSensitive': p_options.caseSensitive,
             'accuracy': p_options.wholeWordOnly ? 'exactly' : 'partially',
             // Ignore SVG, or SVG will be corrupted.
-            'exclude': ['svg *']
+            'exclude': ['svg *'],
+            'separateWordSearch': false,
+            'acrossElements': true
         }
         return opt;
     }

src/main.cpp

@@ -72,6 +72,11 @@ int main(int argc, char *argv[])
     }
 #endif
 
+#if defined(Q_OS_LINUX)
+    // Disable sandbox on Linux.
+    qputenv("QTWEBENGINE_CHROMIUM_FLAGS", "--no-sandbox");
+#endif
+
     Application app(argc, argv);
 
     initWebEngineSettings();