From 5ff865afb2b6b14035e834ed6b79a36c3ddd05bb Mon Sep 17 00:00:00 2001 From: Madiator2011 Date: Tue, 28 May 2024 16:38:23 +0200 Subject: [PATCH] Update themes/modern-dark.css --- themes/modern-dark.css | 255 ++++++++++++++++++++--------------------- 1 file changed, 127 insertions(+), 128 deletions(-) diff --git a/themes/modern-dark.css b/themes/modern-dark.css index cab4586..71bf513 100644 --- a/themes/modern-dark.css +++ b/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); - color: var(--text-color); + -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; + 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); +.TableCellActive { + background-color: #ffbbaa; } /* Blog and Wiki */ @@ -169,154 +191,131 @@ div.ProgressBarFill { background-color: var(--primary-color); } -/* Copyright info */ -.info { - border-top: 1px solid var(--border-color); +/* Searchresults */ +fieldset.maininput, fieldset.yacys { + 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 { - color: var(--text-color); +.searchresults { + margin-top: 15px; } -.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); +.searchresults h4 a { + font-size: 1.3em; + font-weight: normal; 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 { - font-family: courier; - font-size: 12px; +.searchresults h4 a:hover { + color: var(--hover-color); + text-decoration: underline; } -input { - font-size: 12px; +.snippetLoaded { + font-size: 1.2em; + line-height: 1.2; } -/* Box and list styles */ -.box { - border: 1px solid var(--border-color); - padding: 5px; - margin: 2px 0px 5px 0px; +.snippetLoaded strong { + color: white; +} + +.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 { - list-style-type: square; - margin: 5px 0px 10px 15px; - padding: 0px; +.example { + background-color: #D3D3D3; } -ul li { - margin: 0px 0px 2px 0px; - padding: 0px; +.hides:hover .hoverShow { + background-color: var(--background-color); } -/* Form styles */ -form, fieldset { - margin: 0px; - padding: 0px; +/* Log */ +body#ViewLog pre { + background-color: var(--background-color); } +/* 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; - color: var(--primary-color); + 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 { + color: white; +} + +form dt, dl.pairs dt { + background-color: var(--surface-color); font-weight: bold; } -/* Specific classes and IDs */ -.pagenavigation a, .pagenavigation a:hover { - background-color: transparent; - color: var(--primary-color); -} \ No newline at end of file +form dd, dl.pairs dd { + background-color: var(--surface-color); +}