Update themes/modern-dark.css

themes/modern-dark.css

@@ -21,12 +21,7 @@ body {
     padding: 0;
 }
 
-a:link {
+a:link, a:visited {
-    color: var(--primary-color);
-    background-color: transparent;
-}
-
-a:visited {
     color: var(--primary-color);
     background-color: transparent;
 }
@@ -36,16 +31,27 @@ a:hover {
     background-color: transparent;
 }
 
+/* Navbar */
+.navbar, .navbar-default, .navbar-fixed-top {
+    background-color: var(--surface-color);
+    border-color: var(--border-color);
+    color: var(--text-color);
+}
+
+.navbar-default .navbar-nav>li>a, .navbar-default .navbar-brand {
+    color: var(--text-color);
+}
+
+.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-brand:hover {
+    color: var(--primary-color);
+}
+
 /* Menu */
 .menugroup h3, .SubMenugroup h3, .SubMenu h3 {
-    -webkit-border-radius: 3px;
-    -khtml-border-radius: 3px;
-    -moz-border-radius: 3px;
     border-radius: 3px;
     background-color: var(--primary-color);
     font-weight: bold;
-    padding-top: 6px;
+    padding: 6px;
-    padding-bottom: 6px;
     color: white;
 }
 
@@ -73,6 +79,13 @@ div.head h1 {
 
 /* Tables */
 table {
+    width: 100%;
+    border-collapse: collapse;
+}
+
+th, td {
+    padding: 8px;
+    text-align: left;
 }
 
 .TableHeader {
@@ -88,25 +101,20 @@ table {
     background-color: var(--background-color);
 }
 
-.TableCellDark:target, .TableCellLight:target {
+.TableCellDark:target, .TableCellLight:target, .TableCellSummary, .TableCellActive {
     background-color: #FFCCCC;
 }
 
-.TableCellSummary {
-    background-color: #FFCCCC;
-}
-
-.TableCellActive {       
-    background-color: #ffbbaa;     
-}
-
 /* Blog and Wiki */
 .Post {
     background-color: var(--surface-color);
+    padding: 10px;
+    margin-bottom: 10px;
 }
 
 .PostSubject {
     background-color: var(--surface-color);
+    padding: 10px;
 }
 
 .PostSubject a {
@@ -115,12 +123,14 @@ table {
 
 .PostInfo {
     background-color: var(--surface-color);
+    padding: 10px;
 }
 
 /* Wiki */
 .WikiTOCBox {
     border: 1px solid var(--border-color);
     background-color: var(--background-color);
+    padding: 10px;
 }
 
 a.unknown {
@@ -140,22 +150,14 @@ a.extern {
     border-bottom: 1px dashed var(--border-color);
 }
 
-a.bookmarkTitle {
+a.bookmarkTitle, a:hover.bookmarkTitle {
     color: var(--primary-color);
 }
 
-a:hover.bookmarkTitle {
+a.bookmarkTags, a:hover.bookmarkTags {
-    color: var(--primary-color);
-}
-
-a.bookmarkTags {
     color: var(--secondary-color);
 }
 
-a:hover.bookmarkTags {
-    color: var(--primary-color);
-}
-
 a.bookmarkAction {
     color: var(--text-muted-color);
 }
@@ -192,12 +194,10 @@ div.ProgressBarFill {
 }
 
 /* Searchresults */
-fieldset.maininput, fieldset.yacys { 
+fieldset.maininput, fieldset.yacys {
     background-color: var(--surface-color);
-    -webkit-border-radius: 3px;
-    -khtml-border-radius: 3px;
-    -moz-border-radius: 3px;
     border-radius: 3px;
+    padding: 10px;
 }
 
 form.search.small h2 {
@@ -227,7 +227,7 @@ form.search.small h2 {
 }
 
 .snippetLoaded strong {
-    color: white;
+    color: var(--text-color);
 }
 
 .searchresults .url a {
@@ -247,15 +247,11 @@ form.search.small h2 {
     color: #556699;
 }
 
-.Headline {
+.Headline, .Heading {
     background-color: var(--primary-color);
     color: white;
 }
 
-.Heading {
-    background-color: var(--primary-color);
-}
-
 .error, .warning {
     color: red;
 }
@@ -266,10 +262,14 @@ form.search.small h2 {
 
 .Message {
     background-color: var(--surface-color);
+    padding: 10px;
+    margin-bottom: 10px;
 }
 
 .example {
     background-color: #D3D3D3;
+    padding: 10px;
+    margin-bottom: 10px;
 }
 
 .hides:hover .hoverShow {
@@ -279,6 +279,8 @@ form.search.small h2 {
 /* Log */
 body#ViewLog pre {
     background-color: var(--background-color);
+    color: var(--text-color);
+    padding: 10px;
 }
 
 /* Forms */
@@ -286,28 +288,19 @@ fieldset {
     background-color: var(--surface-color);
     color: var(--text-color);
     border: 0px solid var(--surface-color);
-    -webkit-border-radius: 3px;
-    -khtml-border-radius: 3px;
-    -moz-border-radius: 3px;
     border-radius: 3px;
+    padding: 10px;
 }
 
 legend {
     background-color: var(--primary-color);
-    -webkit-border-radius: 3px;
-    -khtml-border-radius: 3px;
-    -moz-border-radius: 3px;
     border-radius: 3px;
     text-align: left;
     font-weight: bold;
     color: white;
 }
 
-legend a:link {
+legend a:link, legend a:hover {
-    color: white;
-}
-
-legend a:hover {
     color: white;
 }