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