Skip to content

Commit

Permalink
feat: add bg and chenge the radius
Browse files Browse the repository at this point in the history
  • Loading branch information
@Carrie999
Carrie999 committed Aug 3, 2023
1 parent 60407ce commit 527fd5d
Show file tree
Hide file tree
Showing 5 changed files with 186 additions and 120 deletions.
11 changes: 9 additions & 2 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -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
Expand All @@ -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

Expand Down
Binary file added bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 2 additions & 2 deletions manifest.json
View file
Original file line number Diff line number Diff line change
@@ -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": {
Expand Down
Binary file added screenshot-big-bg.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
291 changes: 175 additions & 116 deletions theme.css
View file
Original file line number Diff line number Diff line change
@@ -1,159 +1,218 @@
/* @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 {
color: #819881 !important;
}

.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{

}

0 comments on commit 527fd5d

Please sign in to comment.