diff --git a/README.md b/README.md index 9942593..cf2e695 100644 --- a/README.md +++ b/README.md @@ -1,8 +1,10 @@ -# Comfort-Obsidian-Theme +# 🍵 Comfort-Obsidian-Theme -This is a custom theme for Obsidian, helps you get the most of Obsidian. The theme is designed to provide a clean and comfort user interface, the style is sweet and inspired by the japanese design style +This is a custom theme for Obsidian, helps you get the most of Obsidian. The theme is designed to provide a clean and comfort user interface, the style is sweet and inspired by the japanese design style something like matcha ![Alt text](screenshot-big.png) + + ## Features - Removed the edge line and look more clear @@ -11,6 +13,11 @@ This is a custom theme for Obsidian, helps you get the most of Obsidian. The the - A clean and minimalistic design, with improved readability - More features to come in future updates. +### add background + - you can install Dynamic Background Plugin and upload the image [bg.png](./bg.png) on my repo + +![Alt text](screenshot-big-bg.png) + ## Installation diff --git a/bg.png b/bg.png new file mode 100644 index 0000000..a8f4e96 Binary files /dev/null and b/bg.png differ diff --git a/manifest.json b/manifest.json index 50d2407..4c201d4 100644 --- a/manifest.json +++ b/manifest.json @@ -1,7 +1,7 @@ { "name": "Comfort", - "version": "1.0.7", - "minAppVersion": "1.0.7", + "version": "1.0.8", + "minAppVersion": "1.0.8", "author": "carrie999", "authorUrl": "https://github.com/Carrie999", "fundingUrl": { diff --git a/screenshot-big-bg.png b/screenshot-big-bg.png new file mode 100644 index 0000000..9186713 Binary files /dev/null and b/screenshot-big-bg.png differ diff --git a/theme.css b/theme.css index 5ffc6a0..59adfc5 100644 --- a/theme.css +++ b/theme.css @@ -1,117 +1,202 @@ +/* @settings + +name: 🍵 Comfort Light Theme +id: comfort-light-theme +settings: + - + id: background-primary + title: Background-primary Color + title.zh: 一级背景色 + type: variable-themed-color + format: hex + opacity: false + default-light: '#fcfef3' + default-dark: '#000000' + - + id: background-secondary + title: Background-secondary Color + title.zh: 二级背景色 + type: variable-themed-color + format: hex + opacity: false + default-light: '#f8f6ea' + default-dark: '#000000' + - + id: background-secondary-alt + title: background-secondary-alt Color + title.zh: 顶部导航色 + type: variable-themed-color + format: hex + opacity: false + default-light: '#a3d5aa' + default-dark: '#000000' + - + id: tab-container-background + title: tab-container-background Color + title.zh: 导航色 + type: variable-themed-color + format: hex + opacity: false + default-light: '#a3d5aa' + default-dark: '#000000' + - + id: ribbon-background + title: ribbon-background Color + title.zh: 最左边状态栏 + type: variable-color + format: hex + opacity: false + default: '#a3d5aa' + - + id: font-family + title: font-family + description: Font used for the user interface + type: variable-text + default: 宋体, SimSun, -apple-system, sans-serif + +*/ -.theme-dark { - --background-primary: #18004F; - --background-secondary: #220070; -} - .theme-light { - --color-red-rgb: + --color-red-rgb: 197, 65, 40; - --background-primary: #fcfef3; - --background-secondary: #f8f6ea; - --background-secondary-alt: #a3d5aa; - --background-modifier-hover: #a3d5aa; - /* --background-modifier-active-hover: red; */ - /* --text-normal:#969592; */ - /* --text-normal: #898885; */ - /* --text-normal:#696864; */ - --text-normal:#6f6e6a; - --nav-item-color-active:#edf4f0; - --nav-item-color-hover:#edf4f0; - --tab-container-background:#a3d5aa; - --input-shadow: none; - --interactive-normal: #eff1df; - --interactive-hover: #e5e8c2; - --input-shadow-hover:none; - --text-muted:#8d9c8d; - /* --text-normal:#8d9c8d; */ - --background-modifier-cover:#f9fcef; - --background-modifier-cover:#f6f9ec; - --background-modifier-error-hover:#e5bec5; - --background-modifier-error:#f1d4d9; + --background-primary: #fcfef3; + --background-secondary: #f8f6ea; + --background-secondary-alt: #a3d5aa; + --background-modifier-hover: #a3d5aa; + --nav-item-color-active:#edf4f0; + --nav-item-color-hover:#edf4f0; + --tab-container-background:#a3d5aa; + --input-shadow: none; + --interactive-normal: #eff1df; + --interactive-hover: #e5e8c2; + --input-shadow-hover:none; + --text-normal:#6f6e6a; + --text-muted:#8d9c8d; + --background-modifier-cover:#f9fcef; + --background-modifier-cover:#f6f9ec; + --background-modifier-error-hover:#e5bec5; + --background-modifier-error:#f1d4d9; + --panel-border-color: rgba(0,0,0,0); + --gray-1: #b0c0aa; + --gray-2: #a0a5b8; + --red: #cd8f88; + --green: #afe4ae; + --blue: #3d74f6; + --purple: #ce82cd; + --aqua: #89bace; + --yellow: #e1d5ac; + --orange: #c1a58c; + --slider-track-background:#eff1e1; + --toggle-radius:4px; + +} +.checkbox-container{ + border-radius: 14px; +} +.theme-dark, .theme-light { + --tag-padding-x: 4px; + --tag-padding-y: 2px; + --tag-radius: 4px; + --embed-padding: 0 0 0 var(--size-4-4); +} +.theme-light pre { + background: var(--background-primary); + box-shadow: inset 0 0 0 1px var(--background-primary-alt); + border-radius: 4px; } +.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner::after, +.workspace .mod-root .workspace-tab-header.is-active .workspace-tab-header-inner::before, +.workspace .mod-root .workspace-tab-header:first-child .workspace-tab-header-inner::after, +.workspace .mod-root .workspace-tab-header.is-active + .workspace-tab-header .workspace-tab-header-inner::after { + opacity: 0; +} +/* Editor and output */ +.markdown-rendered blockquote { + padding: var(--embed-padding); +} +.markdown-preview-section > div h1, +.markdown-preview-section > div h2, +.markdown-preview-section > div h3, +.markdown-preview-section > div h4, +.markdown-preview-section > div h5, +.markdown-preview-section > div h6 { + margin-top: 40px; +} body { - font-family: "宋体",SimSun !important; - --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; - --tab-container-background:#a3d5aa; - --tab-text-color:#e6f1e9; - --tab-text-color-focused:#e6f1e9; - --tab-outline-width:0; - --tab-outline-color:#f8f6ea; - --icon-color:#ffffff; - --icon-color-hover:#e6f1e9; - --icon-color-active:#ffffff; - --ribbon-background:#a3d5aa; - --titlebar-background: #a3d5aa; - --divider-color:rgba(0,0,0,0); - --icon-color-focused:#edf4f0; - --icon-color-active:#edf4f0; - --tab-text-color-focused-active-current:#66876b; - --tab-divider-color:#b4d8b4; - /* --tab-container-background: var(--background-secondary); */ - --nav-indentation-guide-color:rgba(0,0,0,0); - --vault-name-color:#636867; - /* --vault-name-color-hover:#a3a7a6; */ - --nav-item-color:#626666; - /* --vault-name-fontsize:0; */ - /* --nav-collapse-icon-hover:red; */ - --tag-color:#fcfdfe; - --tag-background:#d4e4f1; - --link-external-color:#5273a5; - --link-external-color-hover:#1a4078; - --background-modifier-border:rgba(0,0,0,0); - --input-shadow: none; - --font-text: "宋体",SimSun; - --input-shadow-hover:none; - --background-modifier-border-focus:#add4ad; - /* --modal-border-color: #eff3df; */ - --modal-border-color: rgba(0,0,0,0); + font-family: 宋体, SimSun, -apple-system, sans-serif; + font-family: var(--font-family); + --radius-s: 4px; + --radius-m: 6px; + --radius-l: 8px; + --input-radius: 4px; + --tab-radius-active: 4px; + --checkbox-radius: 4px; + --tab-container-background:#a3d5aa; + --tab-text-color:#e6f1e9; + --tab-text-color-focused:#e6f1e9; + --tab-outline-width:0; + --tab-outline-color:#f8f6ea; + --icon-color:#ffffff; + --icon-color-hover:#e6f1e9; + --icon-color-active:#ffffff; + --ribbon-background:#a3d5aa; + --ribbon-background:var(--ribbon-background); + --titlebar-background: #a3d5aa; + --divider-color:rgba(0,0,0,0); + --icon-color-focused:#edf4f0; + --icon-color-active:#edf4f0; + --tab-text-color-focused-active-current:#66876b; + --tab-divider-color:#b4d8b4; + --nav-indentation-guide-color:rgba(0,0,0,0); + --vault-name-color:#636867; + --nav-item-color:#626666; + --tag-color:#fcfdfe; + --tag-background:#d4e4f1; + --link-external-color:#5273a5; + --link-external-color-hover:#1a4078; + --background-modifier-border:rgba(0,0,0,0); + --input-shadow: none; + --font-text: "宋体",SimSun; + --input-shadow-hover:none; + --background-modifier-border-focus:#add4ad; + --modal-border-color: rgba(0,0,0,0); --background-modifier-error: #c9627a; - --text-muted:#455445; - /* --fc-border-color:red; */ + --text-muted:#455445; + --tab-curve:6px; + --toggle-radius:4px; } + + .fc .fc-daygrid-day.fc-day-today{ - background-color: #f5f0dd; - background-color: #eef1e0; + background-color: #f5f0dd; + background-color: #eef1e0; } button:hover{ - box-shadow: none; + box-shadow: none; } .fc-theme-standard td, .fc-theme-standard th{ - /* border: 1px solid #f3fbf3; */ - border: 1px solid #f5f7ee; + border: 1px solid #f5f7ee; } .fc .fc-button-primary:not(:disabled):active:focus, .fc .fc-button-primary:not(:disabled).fc-button-active:focus{ - box-shadow: 0 0 0 0.1rem #92c292; + box-shadow: 0 0 0 0.1rem #92c292; } .fc-daygrid-dot-event:hover, .fc-daygrid-dot-event.fc-event-mirror{ - background: rgba(255,255,255,0.9); + background: rgba(255,255,255,0.9); } -@font-face { - font-family: "宋体",SimSun; - src: url(); - } + .markdown-rendered pre{ - background-color: #f3f7e4; + background-color: #f3f7e4; } + body:not(.is-grabbing) .nav-folder-title:hover{ - /* color: #636867 !important; */ - color: inherit; + color: inherit; } .collapse-icon svg.svg-icon { @@ -119,41 +204,15 @@ body:not(.is-grabbing) .nav-folder-title:hover{ } .workspace-ribbon.mod-left{ - margin-top: calc( var(--header-height) - 1px ); + margin-top: calc( var(--header-height) - 1px ); } .workspace-ribbon .sidebar-toggle-button { background: #a3d5aa !important; } .workspace-ribbon{ - border-width: 0 !important; + border-width: 0 !important; } .clickable-icon{ - background-color: #a3d5aa; + background-color: #a3d5aa; } -.workspace-tab-header.is-active::before, .workspace-tab-header.is-active::after { - display: none; -} - -svg * { - stroke-linecap: square; - stroke-linejoin: miter; - rx: 0; - ry: 0; -} - -.menu { - padding: var(--size-2-1); -} - -.menu-item { - padding: var(--size-4-1) var(--size-4-2); -} - -.menu-separator { - margin: var(--size-2-1) calc(var(--size-2-1) * -1); -} - -.theme-light, -.a{ -} \ No newline at end of file