diff --git a/themes/modern-dark.css b/themes/modern-dark.css index 02826dc..cab4586 100644 --- a/themes/modern-dark.css +++ b/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 */ -header, footer { +/* Menu */ +.menugroup h3, .SubMenugroup h3, .SubMenu h3 { background-color: var(--surface-color); color: var(--text-color); - padding: 1em; } -/* Buttons */ -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 { +a.MenuItemLink, ul.SubMenu em { 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 { - outline: none; - border-color: var(--primary-color); +a:hover.MenuItemLink { + color: var(--primary-color); + background-color: transparent; +} + +/* Head */ +div.head h1 { + background-color: var(--surface-color); + color: var(--text-color); } /* Tables */ -table { - width: 100%; - border-collapse: collapse; +.TableHeader { + background-color: var(--surface-color); } -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) { - background-color: var(--surface-color); +.diff .unchanged { + color: var(--text-color); } -/* Forms */ -form { - background-color: var(--surface-color); - padding: 1em; - border-radius: 4px; +.diff .added { + color: #090; + background-color: #B5F0B5; } -/* Miscellaneous */ -.card { - background-color: var(--surface-color); +.diff .deleted { + color: #B00; + background-color: #F9B5B5; +} + +/* in Status.html */ +.ProgressBar { border: 1px solid var(--border-color); - padding: 1em; - border-radius: 4px; - margin-bottom: 1em; } -.navbar { - background-color: var(--surface-color); +div.ProgressBarFill { + 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 { - background-color: var(--primary-color); - color: #FFFFFF; +.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 */ @@ -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; -} +} \ No newline at end of file