Madiator2011/yacy-skins
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Add themes/modern-dark.css

Browse source
This commit is contained in:
Madiator2011 2024-05-28 16:26:07 +02:00
parent cc533af1c4
commit 63440ff449
1 changed files with 109 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

109
themes/modern-dark.css Normal file
View 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;
}