diff --git a/manifest.json b/manifest.json index a3ebe75..c784612 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { - "name": "Sample Theme", + "name": "Mint-Breeze", "version": "1.0.0", "minAppVersion": "1.0.0", "author": "Obsidian", "authorUrl": "https://obsidian.md" -} \ No newline at end of file +} diff --git a/package.json b/package.json index 3adfc39..918b8b0 100644 --- a/package.json +++ b/package.json @@ -1,5 +1,5 @@ { - "name": "sample-obsidian-theme", + "name": "Mint-Breeze", "version": "1.0.0", "scripts": { "version": "node version-bump.mjs && git add manifest.json versions.json" diff --git a/theme.css b/theme.css index 2307fc8..0f9fee3 100644 --- a/theme.css +++ b/theme.css @@ -1,13 +1,21 @@ +@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Old+Persian&family=Noto+Serif+KR:wght@200..900&display=swap'); + body { - --radius-s: 0px; - --radius-m: 0px; - --radius-l: 0px; - --input-radius: 0px; - --tab-radius-active: 0px; - --checkbox-radius: 0px; - --toggle-radius: 0px; - --toggle-thumb-radius: 0px; - --slider-thumb-radius: 0px; + --radius-s: 8px; + --radius-m: 12px; + --radius-l: 16px; + --input-radius: 12px; + --tab-radius-active: 12px; + --checkbox-radius: 12px; + --toggle-radius: 12px; + --toggle-thumb-radius: 12px; + --slider-thumb-radius: 12px; + background-color: var(--primary); + color: var(--text); +} + +h1, h2, h3, h4, h5, h6 { + font-weight: bolder; } .workspace-tab-header.is-active::before, .workspace-tab-header.is-active::after { @@ -23,6 +31,9 @@ svg * { .menu { padding: var(--size-2-1); + border-radius: var(--radius-m); + background-color: var(--background); + color: var(--text); } .menu-item { @@ -32,3 +43,50 @@ svg * { .menu-separator { margin: var(--size-2-1) calc(var(--size-2-1) * -1); } + +.theme-light { + --text: #13201c; + --background-primary: #f8fcfb; + --primary: #2a5a4a; + --secondary: #8ccfb9; + --accent: #42b38d; + + --highlight-hue: 30; + --italic-color: var(--accent); + --bold-color: var(--accent); + --h1-color: var(--accent); + --h2-color: var(--accent); + --h3-color: var(--accent); + --h4-color: var(--accent); + --h5-color: var(--accent); + --h6-color: var(--accent); +} + +body.theme-light { + background-color: var(--background); + color: var(--text); +} + +body.theme-light h1 { + color: var(--h1-color); +} + +body.theme-light h2 { + color: var(--h2-color); +} + +body.theme-light h3 { + color: var(--h3-color); +} + +body.theme-light h4 { + color: var(--h4-color); +} + +body.theme-light h5 { + color: var(--h5-color); +} + +body.theme-light h6 { + color: var(--h6-color); +}