Add themes/modern-dark.css
This commit is contained in:
parent
cc533af1c4
commit
63440ff449
1 changed files with 109 additions and 0 deletions
109
themes/modern-dark.css
Normal file
109
themes/modern-dark.css
Normal file
|
@ -0,0 +1,109 @@
|
|||
/* 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;
|
||||
}
|
||||
|
||||
/* Backgrounds */
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
color: var(--text-color);
|
||||
font-family: Arial, sans-serif;
|
||||
}
|
||||
|
||||
header, footer {
|
||||
background-color: var(--surface-color);
|
||||
color: var(--text-color);
|
||||
padding: 1em;
|
||||
}
|
||||
|
||||
/* Links */
|
||||
a {
|
||||
color: var(--primary-color);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
/* 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 */
|
||||
input, textarea, select {
|
||||
background-color: var(--surface-color);
|
||||
color: var(--text-color);
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 0.5em;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Tables */
|
||||
table {
|
||||
width: 100%;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
th, td {
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 0.5em;
|
||||
}
|
||||
|
||||
th {
|
||||
background-color: var(--surface-color);
|
||||
}
|
||||
|
||||
tr:nth-child(even) {
|
||||
background-color: var(--surface-color);
|
||||
}
|
||||
|
||||
/* Forms */
|
||||
form {
|
||||
background-color: var(--surface-color);
|
||||
padding: 1em;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* Miscellaneous */
|
||||
.card {
|
||||
background-color: var(--surface-color);
|
||||
border: 1px solid var(--border-color);
|
||||
padding: 1em;
|
||||
border-radius: 4px;
|
||||
margin-bottom: 1em;
|
||||
}
|
||||
|
||||
.navbar {
|
||||
background-color: var(--surface-color);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.navbar a {
|
||||
color: var(--text-color);
|
||||
padding: 1em;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.navbar a:hover {
|
||||
background-color: var(--primary-color);
|
||||
color: #FFFFFF;
|
||||
}
|
Loading…
Reference in a new issue