diff --git a/src/app.html b/src/app.html
index a134e52..4364313 100644
--- a/src/app.html
+++ b/src/app.html
@@ -28,7 +28,7 @@
}
hr {
- border: .2em solid var(--accent);
+ border: .12em solid var(--accent);
border-radius: 5em;
width: 100%;
}
diff --git a/src/main.svelte b/src/main.svelte
index 1452291..5dc18f5 100644
--- a/src/main.svelte
+++ b/src/main.svelte
@@ -28,7 +28,7 @@
height: 8em;
width: 8em;
padding: 1em 1em 1em 1em;
- border: .5em solid var(--accent);
+ border: .25em solid var(--accent);
}
.about {
diff --git a/static/themes/cool-modern.css b/static/themes/cool-modern.css
new file mode 100644
index 0000000..950f365
--- /dev/null
+++ b/static/themes/cool-modern.css
@@ -0,0 +1,18 @@
+:root {
+ --bg: #f2f6f7; /* Soft blue-tinted white */
+ --bg-secondary: #d7e1e4; /* Cool grey-blue */
+ --accent: #92a9b0; /* Subtle blue-green */
+
+ --header: #5d7075; /* Deep slate blue-green */
+ --fg: #3c4649; /* Rich dark grey */
+
+ --input: #e0e6e8; /* Light desaturated blue-grey */
+
+ --link: #678d97; /* Muted sea blue */
+ --glow: #b2c4c8; /* Gentle cool glow */
+ --hover: #8fa7af; /* Soft grey-blue hover */
+
+ --green: #78a890; /* Balanced green */
+ --red: #e08c96; /* Soft dusty red */
+ --blue: #729da5; /* Medium desaturated blue */
+}
\ No newline at end of file
diff --git a/static/themes/jet-brains-dracula.css b/static/themes/jet-brains-dracula.css
new file mode 100644
index 0000000..e32d258
--- /dev/null
+++ b/static/themes/jet-brains-dracula.css
@@ -0,0 +1,18 @@
+:root {
+ --bg: #2b2b2b; /* Dark but not too harsh */
+ --bg-secondary: #3c3f41; /* Deep warm grey */
+ --accent: #6897bb; /* Muted but clear blue */
+
+ --header: #a9b7c6; /* Softer contrast */
+ --fg: #bbbbbb; /* Light but not pure white */
+
+ --input: #414141; /* Dark grey input */
+
+ --link: #519aba; /* Soft coding blue */
+ --glow: #4e5d68; /* Subtle bluish glow */
+ --hover: #8c9da8; /* Brighter on hover */
+
+ --green: #6a8759; /* Classic Darcula green */
+ --red: #cc6666; /* Softer, warm red */
+ --blue: #6897bb; /* Standard coding blue */
+}
\ No newline at end of file
diff --git a/static/themes/monokai-dark.css b/static/themes/monokai-dark.css
new file mode 100644
index 0000000..c39c63e
--- /dev/null
+++ b/static/themes/monokai-dark.css
@@ -0,0 +1,18 @@
+:root {
+ --bg: #272822; /* Classic Monokai dark */
+ --bg-secondary: #3e3d32; /* Darker olive grey */
+ --accent: #f92672; /* Monokai’s signature pink-red */
+
+ --header: #a6e22e; /* Neon green */
+ --fg: #f8f8f2; /* Soft off-white */
+
+ --input: #373831; /* Slightly lighter grey-green */
+
+ --link: #66d9ef; /* Monokai cyan */
+ --glow: #49483e; /* Muted background glow */
+ --hover: #fd7c95; /* Lighter pink hover */
+
+ --green: #a6e22e; /* Bright Monokai green */
+ --red: #f92672; /* Soft pinkish-red */
+ --blue: #66d9ef; /* Bright cyan */
+}
\ No newline at end of file
diff --git a/static/themes/stormy-blue.css b/static/themes/stormy-blue.css
new file mode 100644
index 0000000..851c23b
--- /dev/null
+++ b/static/themes/stormy-blue.css
@@ -0,0 +1,18 @@
+:root {
+ --bg: #1e2426; /* Dark blue-grey */
+ --bg-secondary: #283033; /* Deep slate */
+ --accent: #7c9197; /* Muted blue-grey */
+
+ --header: #a4b3b7; /* Softer light blue-grey */
+ --fg: #d2d9dc; /* Pale blue-grey for readability */
+
+ --input: #323a3d; /* Dark neutral input background */
+
+ --link: #85a1a8; /* Muted cool teal */
+ --glow: #627277; /* Soft cool-toned glow */
+ --hover: #95b2b8; /* Pastel blue-grey hover */
+
+ --green: #79a48c; /* Muted forest green */
+ --red: #d18088; /* Soft warm red */
+ --blue: #789fa7; /* Medium desaturated blue */
+}
\ No newline at end of file