diff --git a/themes/modern-dark.css b/themes/modern-dark.css index 71bf513..a843c3c 100644 --- a/themes/modern-dark.css +++ b/themes/modern-dark.css @@ -21,12 +21,7 @@ body { padding: 0; } -a:link { - color: var(--primary-color); - background-color: transparent; -} - -a:visited { +a:link, 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-bottom: 6px; + padding: 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 { - color: var(--primary-color); -} - -a.bookmarkTags { +a.bookmarkTags, a:hover.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 { - color: white; -} - -legend a:hover { +legend a:link, legend a:hover { color: white; }