Add themes/modern-dark.css

themes/modern-dark.css

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