[build/doc] Some design improvements

build/doc/customdoxygen.css

@@ -1899,13 +1899,35 @@ pre.fragment {
     color: #569cd6;
 }
 
+.directory {
+    border: none !important;
+}
+
 .directory tr.even {
-    background-color: #222222;
+    background-color: #262626;
+}
+
+.directory .entry {
+    border-top-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+    padding-top: 6px !important;
+    padding-left: 8px !important;
+}
+
+.directory .entry .el {
+    margin-top: 10px !important;
 }
 
 #nav-tree {
     background-color: #252526 !important;
     background-image: none !important;
+    padding: 6px;
+    padding-right: 0;
+}
+
+#nav-tree .item {
+    padding: 2px 6px;
+    border-radius: 6px;
 }
 
 #nav-tree .selected {
@@ -1920,7 +1942,7 @@ pre.fragment {
 }
 
 .arrow {
-    color: #cccccc !important;
+    transition: all 0.2s;
 }
 
 .ui-resizable-e {
@@ -1935,6 +1957,10 @@ pre.fragment {
     color: white;
 }
 
+#doc-content {
+    padding: 16px;
+}
+
 .mdescLeft,
 .mdescRight,
 .memItemLeft,
@@ -1943,10 +1969,30 @@ pre.fragment {
 .memTemplItemRight,
 .memTemplParams {
     background-color: #1e1e1e;
+    padding: 2px 8px;
+}
+
+.memberdecls .memitem\: .memItemLeft {
+    border-top-left-radius: 6px;
+    border-bottom-left-radius: 6px;
+    overflow: hidden;
+    transition: all 0s !important;
+}
+
+.memberdecls .memitem\: .memItemRight {
+    border-top-right-radius: 6px;
+    border-bottom-right-radius: 6px;
+    overflow: hidden;
+    transition: all 0s !important;
+}
+
+.memberdecls .memitem\::hover .memItemLeft,
+.memberdecls .memitem\::hover .memItemRight {
+    background-color: rgb(39, 39, 39) !important;
 }
 
 .memSeparator {
-    border-bottom: 1px solid #474747;
+    border-bottom: 0px solid #474747;
 }
 
 h2.groupheader {
@@ -1999,6 +2045,19 @@ li.navelem a::after {
     background-color: #333333 !important;
     color: white !important;
     text-shadow: none !important;
+    border-radius: 4px !important;
+    padding: 6px !important;
+    line-height: 16px !important;
+}
+
+.sm-dox ul a:focus,
+.sm-dox ul a:hover,
+.sm-dox ul a:active {
+    background-color: #2e6cbd !important;
+}
+
+.sm-dox ul .sub-arrow {
+    margin-top: -2px !important;
 }
 
 .sm-dox>li>ul::before,
@@ -2012,6 +2071,73 @@ li.navelem a::after {
     color: white !important;
 }
 
+.header {
+    border-radius: 6px;
+}
 
+.headertitle .title {
+    font-size: 32px;
+    line-height: 1.3;
+}
+
+pre.fragment,
+div.fragment {
+    border-radius: 6px;
+    background-color: #242424;
+    border: none;
+}
+
+hr {
+    border-top: 1px solid #333333;
+}
+
+a.el {
+    color: #407ead;
+    padding: 2px 4px;
+    border-radius: 4px;
+    text-decoration: none;
+}
+
+a.el:hover {
+    background-color: #1f2a33;
+}
+
+span.lineno,
+span.lineno a,
+span.lineno a:hover {
+    min-height: 16px !important;
+    background-color: #2b2b2b;
+    border-right-color: #1c1c1c;
+}
+
+span.preprocessor,
+span.comment {
+    color: #737373;
+}
+
+span.keyword,
+span.keywordtype {
+    color: #f0cc62;
+}
+
+span.keywordflow {
+    color: #f0a962;
+}
+
+div.line {
+    line-height: 1.3;
+}
+
+#MSearchSelectWindow {
+    padding: 4px;
+    border-radius: 6px;
+    border: none;
+}
+
+#MSearchSelectWindow .SelectItem {
+    padding: 4px;
+    border-radius: 4px;
+    padding-right: 12px;
+}
 
 /* Custom ends HERE */