Update themes/modern-dark.css

This commit is contained in:
Madiator2011 2024-05-28 16:32:42 +02:00
parent f00a91f06a
commit fc593a2457

View file

@ -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;
}
}