2024-05-28 16:26:07 +02:00
|
|
|
/* Modern Dark Theme for YaCy */
|
|
|
|
|
|
|
|
/* Base colors */
|
|
|
|
:root {
|
|
|
|
--background-color: #121212;
|
|
|
|
--surface-color: #1E1E1E;
|
|
|
|
--primary-color: #BB86FC;
|
|
|
|
--secondary-color: #03DAC6;
|
|
|
|
--text-color: #E0E0E0;
|
|
|
|
--text-muted-color: #B0B0B0;
|
|
|
|
--border-color: #333333;
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:28:45 +02:00
|
|
|
/* General settings */
|
2024-05-28 16:26:07 +02:00
|
|
|
body {
|
|
|
|
background-color: var(--background-color);
|
|
|
|
color: var(--text-color);
|
|
|
|
font-family: Arial, sans-serif;
|
2024-05-28 16:28:45 +02:00
|
|
|
margin: 0;
|
|
|
|
padding: 0;
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a:link {
|
2024-05-28 16:26:07 +02:00
|
|
|
color: var(--primary-color);
|
2024-05-28 16:32:42 +02:00
|
|
|
background-color: transparent;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:visited {
|
|
|
|
color: var(--primary-color);
|
|
|
|
background-color: transparent;
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
2024-05-28 16:32:42 +02:00
|
|
|
color: var(--secondary-color);
|
|
|
|
background-color: transparent;
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* Menu */
|
|
|
|
.menugroup h3, .SubMenugroup h3, .SubMenu h3 {
|
2024-05-28 16:28:45 +02:00
|
|
|
background-color: var(--surface-color);
|
|
|
|
color: var(--text-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a.MenuItemLink, ul.SubMenu em {
|
|
|
|
background-color: var(--surface-color);
|
|
|
|
color: var(--text-color);
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a:hover.MenuItemLink {
|
|
|
|
color: var(--primary-color);
|
|
|
|
background-color: transparent;
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* Head */
|
|
|
|
div.head h1 {
|
2024-05-28 16:26:07 +02:00
|
|
|
background-color: var(--surface-color);
|
|
|
|
color: var(--text-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:26:07 +02:00
|
|
|
/* Tables */
|
2024-05-28 16:32:42 +02:00
|
|
|
.TableHeader {
|
|
|
|
background-color: var(--surface-color);
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.TableCellDark {
|
|
|
|
background-color: var(--surface-color);
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.TableCellLight {
|
2024-05-28 16:26:07 +02:00
|
|
|
background-color: var(--surface-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.TableCellSummary {
|
|
|
|
background-color: var(--primary-color);
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.TableCellActive {
|
|
|
|
background-color: var(--primary-color);
|
2024-05-28 16:26:07 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* Blog and Wiki */
|
|
|
|
.Post {
|
2024-05-28 16:26:07 +02:00
|
|
|
background-color: var(--surface-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.PostSubject {
|
2024-05-28 16:26:07 +02:00
|
|
|
background-color: var(--surface-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.PostSubject a {
|
2024-05-28 16:26:07 +02:00
|
|
|
color: var(--text-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.PostInfo {
|
|
|
|
background-color: var(--surface-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* Wiki */
|
|
|
|
.WikiTOCBox {
|
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
background-color: var(--background-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a.unknown {
|
|
|
|
color: #990000;
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a.known {
|
|
|
|
color: #009900;
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a.extern {
|
|
|
|
color: var(--primary-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* in Bookmarks */
|
|
|
|
.bookmark {
|
|
|
|
border-bottom: 1px dashed var(--border-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a.bookmarkTitle {
|
|
|
|
color: var(--primary-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a:hover.bookmarkTitle {
|
|
|
|
color: var(--primary-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a.bookmarkTags {
|
|
|
|
color: var(--secondary-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
a:hover.bookmarkTags {
|
|
|
|
color: var(--primary-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
a.bookmarkAction {
|
|
|
|
color: var(--text-muted-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.Tags {
|
|
|
|
border-left: 2px solid var(--text-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.diff {
|
2024-05-28 16:28:45 +02:00
|
|
|
background-color: var(--surface-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.diff .unchanged {
|
|
|
|
color: var(--text-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.diff .added {
|
|
|
|
color: #090;
|
|
|
|
background-color: #B5F0B5;
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
.diff .deleted {
|
|
|
|
color: #B00;
|
|
|
|
background-color: #F9B5B5;
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* in Status.html */
|
|
|
|
.ProgressBar {
|
2024-05-28 16:28:45 +02:00
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
div.ProgressBarFill {
|
|
|
|
background-color: var(--primary-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
2024-05-28 16:32:42 +02:00
|
|
|
/* Copyright info */
|
|
|
|
.info {
|
|
|
|
border-top: 1px solid var(--border-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Search results */
|
|
|
|
form.search.small h2 {
|
|
|
|
border-bottom: 1px solid var(--border-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.searchresult h4 {
|
|
|
|
color: var(--text-color);
|
2024-05-28 16:28:45 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
.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;
|
2024-05-28 16:32:42 +02:00
|
|
|
bottom: 100%;
|
2024-05-28 16:28:45 +02:00
|
|
|
left: 50%;
|
|
|
|
margin-left: -60px;
|
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
.tooltip:hover .tooltiptext {
|
|
|
|
visibility: visible;
|
|
|
|
}
|
2024-05-28 16:32:42 +02:00
|
|
|
|
|
|
|
/* 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;
|
|
|
|
}
|
|
|
|
|
|
|
|
pre {
|
|
|
|
font-family: courier;
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
input {
|
|
|
|
font-size: 12px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Box and list styles */
|
|
|
|
.box {
|
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
padding: 5px;
|
|
|
|
margin: 2px 0px 5px 0px;
|
|
|
|
background-color: var(--surface-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
ul {
|
|
|
|
list-style-type: square;
|
|
|
|
margin: 5px 0px 10px 15px;
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
ul li {
|
|
|
|
margin: 0px 0px 2px 0px;
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Form styles */
|
|
|
|
form, fieldset {
|
|
|
|
margin: 0px;
|
|
|
|
padding: 0px;
|
|
|
|
}
|
|
|
|
|
|
|
|
fieldset {
|
|
|
|
border: 1px solid var(--border-color);
|
|
|
|
padding: 5px 10px 10px 10px;
|
|
|
|
margin-top: 10px;
|
|
|
|
background-color: var(--surface-color);
|
|
|
|
}
|
|
|
|
|
|
|
|
legend {
|
|
|
|
padding: 0px 3px;
|
|
|
|
color: var(--primary-color);
|
|
|
|
font-weight: bold;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Specific classes and IDs */
|
|
|
|
.pagenavigation a, .pagenavigation a:hover {
|
|
|
|
background-color: transparent;
|
|
|
|
color: var(--primary-color);
|
|
|
|
}
|