Update themes/modern-dark.css

themes/modern-dark.css

@@ -20,99 +20,223 @@ body {
     padding: 0;
 }
 
-a {
+a:link {
     color: var(--primary-color);
-    text-decoration: none;
+    background-color: transparent;
+}
+
+a:visited {
+    color: var(--primary-color);
+    background-color: transparent;
 }
 
 a:hover {
-    text-decoration: underline;
+    color: var(--secondary-color);
+    background-color: transparent;
 }
 
-/* Headers and footers */
+/* Menu */
-header, footer {
+.menugroup h3, .SubMenugroup h3, .SubMenu h3 {
     background-color: var(--surface-color);
     color: var(--text-color);
-    padding: 1em;
 }
 
-/* Buttons */
+a.MenuItemLink, ul.SubMenu em {
-button, .button {
-    background-color: var(--primary-color);
-    color: #FFFFFF;
-    border: none;
-    padding: 0.5em 1em;
-    cursor: pointer;
-    border-radius: 4px;
-}
-
-button:hover, .button:hover {
-    background-color: #9B59FC;
-}
-
-/* Inputs, selects, textareas */
-input, textarea, select {
     background-color: var(--surface-color);
     color: var(--text-color);
-    border: 1px solid var(--border-color);
-    padding: 0.5em;
-    border-radius: 4px;
 }
 
-input:focus, textarea:focus, select:focus {
+a:hover.MenuItemLink {
-    outline: none;
+    color: var(--primary-color);
-    border-color: var(--primary-color);
+    background-color: transparent;
+}
+
+/* Head */
+div.head h1 {
+    background-color: var(--surface-color);
+    color: var(--text-color);
 }
 
 /* Tables */
-table {
+.TableHeader {
-    width: 100%;
+    background-color: var(--surface-color);
-    border-collapse: collapse;
 }
 
-th, td {
+.TableCellDark {
+    background-color: var(--surface-color);
+}
+
+.TableCellLight {
+    background-color: var(--surface-color);
+}
+
+.TableCellSummary {
+    background-color: var(--primary-color);
+}
+
+.TableCellActive {
+    background-color: var(--primary-color);
+}
+
+/* Blog and Wiki */
+.Post {
+    background-color: var(--surface-color);
+}
+
+.PostSubject {
+    background-color: var(--surface-color);
+}
+
+.PostSubject a {
+    color: var(--text-color);
+}
+
+.PostInfo {
+    background-color: var(--surface-color);
+}
+
+/* Wiki */
+.WikiTOCBox {
     border: 1px solid var(--border-color);
-    padding: 0.5em;
+    background-color: var(--background-color);
 }
 
-th {
+a.unknown {
+    color: #990000;
+}
+
+a.known {
+    color: #009900;
+}
+
+a.extern {
+    color: var(--primary-color);
+}
+
+/* in Bookmarks */
+.bookmark {
+    border-bottom: 1px dashed var(--border-color);
+}
+
+a.bookmarkTitle {
+    color: var(--primary-color);
+}
+
+a:hover.bookmarkTitle {
+    color: var(--primary-color);
+}
+
+a.bookmarkTags {
+    color: var(--secondary-color);
+}
+
+a:hover.bookmarkTags {
+    color: var(--primary-color);
+}
+
+a.bookmarkAction {
+    color: var(--text-muted-color);
+}
+
+.Tags {
+    border-left: 2px solid var(--text-color);
+}
+
+.diff {
     background-color: var(--surface-color);
 }
 
-tr:nth-child(even) {
+.diff .unchanged {
-    background-color: var(--surface-color);
+    color: var(--text-color);
 }
 
-/* Forms */
+.diff .added {
-form {
+    color: #090;
-    background-color: var(--surface-color);
+    background-color: #B5F0B5;
-    padding: 1em;
-    border-radius: 4px;
 }
 
-/* Miscellaneous */
+.diff .deleted {
-.card {
+    color: #B00;
-    background-color: var(--surface-color);
+    background-color: #F9B5B5;
+}
+
+/* in Status.html */
+.ProgressBar {
     border: 1px solid var(--border-color);
-    padding: 1em;
-    border-radius: 4px;
-    margin-bottom: 1em;
 }
 
-.navbar {
+div.ProgressBarFill {
-    background-color: var(--surface-color);
+    background-color: var(--primary-color);
+}
+
+/* Copyright info */
+.info {
+    border-top: 1px solid var(--border-color);
+}
+
+/* Search results */
+form.search.small h2 {
     border-bottom: 1px solid var(--border-color);
 }
 
-.navbar a {
+.searchresult h4 {
     color: var(--text-color);
-    padding: 1em;
+}
+
+.small {
+    font-size: 10px;
+    color: var(--text-muted-color);
+}
+
+.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;
 }
 
-.navbar a:hover {
+.tooltip .tooltiptext {
-    background-color: var(--primary-color);
+    visibility: hidden;
-    color: #FFFFFF;
+    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 */
@@ -195,60 +319,4 @@ legend {
 .pagenavigation a, .pagenavigation a:hover {
     background-color: transparent;
     color: var(--primary-color);
-}
+}
-
-.small {
-    font-size: 10px;
-    color: var(--text-muted-color);
-}
-
-.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%; /* Position the tooltip above the text */
-    left: 50%;
-    margin-left: -60px;
-    border: 1px solid var(--border-color);
-}
-
-.tooltip:hover .tooltiptext {
-    visibility: visible;
-}