Update themes/modern-dark.css

themes/modern-dark.css

@@ -9,6 +9,7 @@
     --text-color: #E0E0E0;
     --text-muted-color: #B0B0B0;
     --border-color: #333333;
+    --hover-color: #65AC2A;
 }
 
 /* General settings */
@@ -31,14 +32,21 @@ a:visited {
 }
 
 a:hover {
-    color: var(--secondary-color);
+    color: var(--hover-color);
     background-color: transparent;
 }
 
 /* Menu */
 .menugroup h3, .SubMenugroup h3, .SubMenu h3 {
-    background-color: var(--surface-color);
+    -webkit-border-radius: 3px;
-    color: var(--text-color);
+    -khtml-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    background-color: var(--primary-color);
+    font-weight: bold;
+    padding-top: 6px;
+    padding-bottom: 6px;
+    color: white;
 }
 
 a.MenuItemLink, ul.SubMenu em {
@@ -46,20 +54,30 @@ a.MenuItemLink, ul.SubMenu em {
     color: var(--text-color);
 }
 
+div.SubMenu h3 {
+    padding: 6px 10px;
+}
+
 a:hover.MenuItemLink {
-    color: var(--primary-color);
     background-color: transparent;
+    color: var(--hover-color);
 }
 
 /* Head */
 div.head h1 {
-    background-color: var(--surface-color);
+    background-color: transparent;
+    text-align: left;
+    padding-left: 70px;
     color: var(--text-color);
 }
 
 /* Tables */
+table {
+}
+
 .TableHeader {
-    background-color: var(--surface-color);
+    background-color: var(--primary-color);
+    color: white;
 }
 
 .TableCellDark {
@@ -67,15 +85,19 @@ div.head h1 {
 }
 
 .TableCellLight {
-    background-color: var(--surface-color);
+    background-color: var(--background-color);
+}
+
+.TableCellDark:target, .TableCellLight:target {
+    background-color: #FFCCCC;
 }
 
 .TableCellSummary {
-    background-color: var(--primary-color);
+    background-color: #FFCCCC;
 }
 
 .TableCellActive {       
-    background-color: var(--primary-color);
+    background-color: #ffbbaa;     
 }
 
 /* Blog and Wiki */
@@ -169,154 +191,131 @@ div.ProgressBarFill {
     background-color: var(--primary-color);
 }
 
-/* Copyright info */
+/* Searchresults */
-.info {
+fieldset.maininput, fieldset.yacys { 
-    border-top: 1px solid var(--border-color);
+    background-color: var(--surface-color);
+    -webkit-border-radius: 3px;
+    -khtml-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
 }
 
-/* Search results */
 form.search.small h2 {
     border-bottom: 1px solid var(--border-color);
 }
 
-.searchresult h4 {
+.searchresults {
-    color: var(--text-color);
+    margin-top: 15px;
 }
 
-.small {
+.searchresults h4 a {
-    font-size: 10px;
+    font-size: 1.3em;
-    color: var(--text-muted-color);
+    font-weight: normal;
-}
-
-.half {
-    font-size: 12px;
-    color: var(--text-muted-color);
-}
-
-.warning {
-    color: #FF0000;
-    font-weight: bold;
-}
-
-/* Highlighting */
-.highlight {
-    background-color: var(--secondary-color);
-    padding: 2px 4px;
-    border-radius: 2px;
-}
-
-/* Code blocks */
-code {
-    background-color: var(--surface-color);
     color: var(--primary-color);
-    padding: 2px 4px;
-    border-radius: 4px;
-}
-
-/* Tooltips */
-.tooltip {
-    position: relative;
-    display: inline-block;
-}
-
-.tooltip .tooltiptext {
-    visibility: hidden;
-    width: 120px;
-    background-color: var(--surface-color);
-    color: var(--text-color);
-    text-align: center;
-    border-radius: 6px;
-    padding: 5px 0;
-    position: absolute;
-    z-index: 1;
-    bottom: 100%;
-    left: 50%;
-    margin-left: -60px;
-    border: 1px solid var(--border-color);
-}
-
-.tooltip:hover .tooltiptext {
-    visibility: visible;
-}
-
-/* Specific YaCy elements */
-body, table, input, textarea, select {
-    font-size: 11px;
-    font-family: verdana, tahoma, arial, helvetica, sans-serif;
-}
-
-h1, h2, h3, h4 {
-    font-family: Arial, Helvetica, sans-serif;
-    color: var(--text-color);
-    margin-bottom: 4px;
-}
-
-input, textarea, select {
-    color: var(--text-color);
-}
-
-input[type=checkbox], input[type=radio] {
-    width: 13px;
-    height: 13px;
-}
-
-a img, a:hover img {
-    border: 0;
-}
-
-a.nounderline {
     text-decoration: none;
+    margin-bottom: 5px;
 }
 
-pre {
+.searchresults h4 a:hover {
-    font-family: courier;
+    color: var(--hover-color);
-    font-size: 12px;
+    text-decoration: underline;
 }
 
-input {
+.snippetLoaded {
-    font-size: 12px;
+    font-size: 1.2em;
+    line-height: 1.2;
 }
 
-/* Box and list styles */
+.snippetLoaded strong {
-.box {
+    color: white;
-    border: 1px solid var(--border-color);
+}
-    padding: 5px;
+
-    margin: 2px 0px 5px 0px;
+.searchresults .url a {
+    font-size: 1.2em;
+    color: var(--secondary-color);
+    text-decoration: none;
+    line-height: 1.2;
+}
+
+.searchresults .url a:hover {
+    color: var(--hover-color);
+    text-decoration: underline;
+}
+
+/* Other */
+.settingsValue {
+    color: #556699;
+}
+
+.Headline {
+    background-color: var(--primary-color);
+    color: white;
+}
+
+.Heading {
+    background-color: var(--primary-color);
+}
+
+.error, .warning {
+    color: red;
+}
+
+.success {
+    color: green;
+}
+
+.Message {
     background-color: var(--surface-color);
 }
 
-ul {
+.example {
-    list-style-type: square;
+    background-color: #D3D3D3;
-    margin: 5px 0px 10px 15px;
-    padding: 0px;
 }
 
-ul li {
+.hides:hover .hoverShow {
-    margin: 0px 0px 2px 0px;
+    background-color: var(--background-color);
-    padding: 0px;
 }
 
-/* Form styles */
+/* Log */
-form, fieldset {
+body#ViewLog pre {
-    margin: 0px;
+    background-color: var(--background-color);
-    padding: 0px;
 }
 
+/* Forms */
 fieldset {
-    border: 1px solid var(--border-color);
-    padding: 5px 10px 10px 10px;
-    margin-top: 10px;
     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;
 }
 
 legend {
-    padding: 0px 3px;
+    background-color: var(--primary-color);
-    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 {
+    color: white;
+}
+
+legend a:hover {
+    color: white;
+}
+
+form dt, dl.pairs dt {
+    background-color: var(--surface-color);
     font-weight: bold;
 }
 
-/* Specific classes and IDs */
+form dd, dl.pairs dd {
-.pagenavigation a, .pagenavigation a:hover {
+    background-color: var(--surface-color);
-    background-color: transparent;
-    color: var(--primary-color);
 }