Update themes/modern-dark.css
This commit is contained in:
parent
f00a91f06a
commit
fc593a2457
1 changed files with 179 additions and 111 deletions
|
@ -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;
|
||||
}
|
||||
}
|
Loading…
Reference in a new issue