Merge pull request #45 from saegl5/main

improve search, and remove tiny blue arcs
h16nning · Nov 10, 2022 · ed616cf · ed616cf
2 parents e9b72b2 + 1861379
commit ed616cf
Show file tree

Hide file tree

Showing 3 changed files with 39 additions and 12 deletions.
diff --git a/src/gitbook-azure.css b/src/gitbook-azure.css
@@ -346,6 +346,7 @@ blockquote {
     border-left: 4px solid var(--primary-color);
     border-radius: 0.3rem;
     padding: 1rem;
+    border-right: 4px solid var(--boxes); /* removes arc with tiny blue color from top-right and bottom-right corner */
 }
 
 blockquote blockquote {
@@ -617,6 +618,10 @@ table tr td:last-child {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+.cm-s-inner .cm-search-hit.CodeMirror-selected, .cm-s-inner .cm-search-hit.CodeMirror-selectedtext {
+    background: var(--select-text-bg-color)!important;
+} /* removes black background from code search selected */
+
 .cm-s-typora-default .cm-header,
 .cm-s-typora-default .cm-property {
     color: white;
@@ -1183,9 +1188,9 @@ body.o #typora-sidebar .ty-search-item-line {
 
 #typora-sidebar .ty-search-item .ty-search-item-line:hover,
 #typora-sidebar .ty-search-item-line.active {
-    background-color: transparent;
-    color: var(--primary-color);
-}
+    background-color: var(--select-text-bg-color);
+    color: white;
+} /* makes easier identifying which searched item is active in the sidebar */
 
 #typora-sidebar .file-list-item-file-name {
     font-weight: 800;
@@ -1887,7 +1892,7 @@ button.active,
 .content tr.search-hit,
 .search-hit,
 .md-search-hit,
-.md-search-hit.md-search-select,
+/*.md-search-hit.md-search-select,*/
 .md-search-select,
 .ty-file-search-match-text {
     background-color: var(--boxes-darkest);
@@ -1896,6 +1901,10 @@ button.active,
     border-radius: 0.2rem;
 }
 
+.md-search-hit.md-search-select {
+    background-color: var(--select-text-bg-color);
+} /* distinguishes text search selected from text search matched */
+
 /*ZOOM HINT*/
 
 #zoom-hint {

diff --git a/src/gitbook-slate.css b/src/gitbook-slate.css
@@ -287,6 +287,7 @@ blockquote {
     border-left: 4px solid var(--primary-color);
     border-radius: 0.3em;
     padding: 1rem;
+    border-right: 4px solid var(--boxes); /* removes arc with tiny blue color from top-right and bottom-right corner */
 }
 
 blockquote blockquote {
@@ -557,6 +558,10 @@ table tr td:last-child {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+.cm-s-inner .cm-search-hit.CodeMirror-selected, .cm-s-inner .cm-search-hit.CodeMirror-selectedtext {
+    background: var(--select-text-bg-color)!important;
+} /* removes black background from code search selected */
+
 .cm-s-typora-default .cm-header,
 .cm-s-typora-default .cm-property {
     color: white;
@@ -1120,9 +1125,9 @@ body.html-for-mac #typora-sidebar .ty-search-item-line {
 
 #typora-sidebar .ty-search-item .ty-search-item-line:hover,
 #typora-sidebar .ty-search-item-line.active {
-    background-color: transparent;
-    color: var(--primary-color);
-}
+    background-color: var(--select-text-bg-color);
+    color: white;
+} /* makes easier identifying which searched item is active in the sidebar */
 
 #typora-sidebar .file-list-item-file-name {
     font-weight: 800;
@@ -1823,7 +1828,7 @@ button.active,
 .content tr.search-hit,
 .search-hit,
 .md-search-hit,
-.md-search-hit.md-search-select,
+/*.md-search-hit.md-search-select,*/
 .md-search-select,
 .ty-file-search-match-text {
     background-color: var(--boxes-darkest);
@@ -1832,6 +1837,10 @@ button.active,
     border-radius: 0.2rem;
 }
 
+.md-search-hit.md-search-select {
+    background-color: var(--select-text-bg-color);
+} /* distinguishes text search selected from text search matched */
+
 /*ZOOM HINT*/
 
 #zoom-hint {

diff --git a/src/gitbook-teal.css b/src/gitbook-teal.css
@@ -342,6 +342,7 @@ blockquote {
     border-left: 4px solid var(--primary-color);
     border-radius: 0.3rem;
     padding: 1rem;
+    border-right: 4px solid var(--boxes); /* removes arc with tiny blue color from top-right and bottom-right corner */
 }
 
 blockquote blockquote {
@@ -615,6 +616,10 @@ table tr td:last-child {
     background-color: rgba(255, 255, 255, 0.1);
 }
 
+.cm-s-inner .cm-search-hit.CodeMirror-selected, .cm-s-inner .cm-search-hit.CodeMirror-selectedtext {
+    background: var(--select-text-bg-color)!important;
+} /* removes black background from code search selected */
+
 .cm-s-typora-default .cm-header,
 .cm-s-typora-default .cm-property {
     color: white;
@@ -1181,9 +1186,9 @@ body.html-for-mac #typora-sidebar .ty-search-item-line {
 
 #typora-sidebar .ty-search-item .ty-search-item-line:hover,
 #typora-sidebar .ty-search-item-line.active {
-    background-color: transparent;
-    color: var(--primary-color);
-}
+    background-color: var(--select-text-bg-color);
+    color: white;
+} /* makes easier identifying which searched item is active in the sidebar */
 
 #typora-sidebar .file-list-item-file-name {
     font-weight: 800;
@@ -1885,7 +1890,7 @@ button.active,
 .content tr.search-hit,
 .search-hit,
 .md-search-hit,
-.md-search-hit.md-search-select,
+/*.md-search-hit.md-search-select,*/
 .md-search-select,
 .ty-file-search-match-text {
     background-color: var(--boxes-darkest);
@@ -1894,6 +1899,10 @@ button.active,
     border-radius: 0.2rem;
 }
 
+.md-search-hit.md-search-select {
+    background-color: var(--select-text-bg-color);
+} /* distinguishes text search selected from text search matched */
+
 /*ZOOM HINT*/
 
 #zoom-hint {