From 63440ff4499082c477e433b91a998d75ddb276de Mon Sep 17 00:00:00 2001 From: Madiator2011 Date: Tue, 28 May 2024 16:26:07 +0200 Subject: [PATCH] Add themes/modern-dark.css --- themes/modern-dark.css | 109 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 themes/modern-dark.css diff --git a/themes/modern-dark.css b/themes/modern-dark.css new file mode 100644 index 0000000..169bae0 --- /dev/null +++ b/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; +} \ No newline at end of file