diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index a77fdde..0000000
--- a/.prettierrc
+++ /dev/null
@@ -1,9 +0,0 @@
-{
- "useTabs": true,
- "singleQuote": true,
- "trailingComma": "none",
- "printWidth": 100,
- "plugins": ["prettier-plugin-svelte"],
- "pluginSearchDirs": ["."],
- "overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
-}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..2c2dc9f
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,10 @@
+{
+ "javascript.preferences.quoteStyle": "single",
+ "typescript.preferences.quoteStyle": "single",
+ "prettier.jsxSingleQuote": true,
+ "prettier.singleQuote": true,
+ "svelte.plugin.svelte.format.config.singleQuote": true,
+ "[svelte]": {
+ "editor.defaultFormatter": "svelte.svelte-vscode"
+ }
+}
\ No newline at end of file
diff --git a/src/lib/components/themeSwitch.svelte b/src/lib/components/themeSwitch.svelte
new file mode 100644
index 0000000..e2bbfcb
--- /dev/null
+++ b/src/lib/components/themeSwitch.svelte
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
+
+
diff --git a/src/lib/components/themeSwitchButton.svelte b/src/lib/components/themeSwitchButton.svelte
new file mode 100644
index 0000000..0d66b18
--- /dev/null
+++ b/src/lib/components/themeSwitchButton.svelte
@@ -0,0 +1,20 @@
+
+
+
diff --git a/src/lib/index.ts b/src/lib/index.ts
index b72fb6e..52a8cf6 100644
--- a/src/lib/index.ts
+++ b/src/lib/index.ts
@@ -2,8 +2,10 @@ import Bio__SvelteComponent_ from "./components/bio.svelte";
import Contact__SvelteComponent_ from "./components/contact.svelte";
import Section__SvelteComponent_ from "./components/section.svelte";
import Technologies__SvelteComponent_ from "./components/technologies.svelte";
+import ThemeSwitch__SvelteComponent_ from "./components/themeSwitch.svelte";
export const Bio = Bio__SvelteComponent_;
export const Contact = Contact__SvelteComponent_;
export const Section = Section__SvelteComponent_;
-export const Technologies = Technologies__SvelteComponent_;
\ No newline at end of file
+export const Technologies = Technologies__SvelteComponent_;
+export const ThemeSwitch = ThemeSwitch__SvelteComponent_;
\ No newline at end of file
diff --git a/src/routes/+page.svelte b/src/routes/+page.svelte
index 99cf756..ec51e9f 100644
--- a/src/routes/+page.svelte
+++ b/src/routes/+page.svelte
@@ -2,7 +2,7 @@
import './styles.css';
import '../app.css';
import profile from '$lib/images/profile.jpg';
- import { Bio, Section, Contact, Technologies } from '$lib';
+ import { Bio, Section, Contact, Technologies, ThemeSwitch } from '$lib';
@@ -109,5 +109,4 @@
-
+
\ No newline at end of file
diff --git a/src/store.ts b/src/store.ts
new file mode 100644
index 0000000..f650ee9
--- /dev/null
+++ b/src/store.ts
@@ -0,0 +1,3 @@
+import { writable, type Writable } from 'svelte/store';
+
+export const theme: Writable<'light' | 'dark' | 'OSDefault'> = writable('OSDefault');
\ No newline at end of file
diff --git a/tailwind.config.js b/tailwind.config.js
index 147cc1e..9b3a4be 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,6 +1,7 @@
/** @type {import('tailwindcss').Config} */
export default {
content: ['./src/**/*.{html,js,svelte,ts}'],
+ darkMode: 'class',
theme: {
extend: {
colors: {
@@ -12,5 +13,5 @@ export default {
}
},
},
- plugins: [],
+ plugins: []
}
\ No newline at end of file