Skip to content

Commit 0a1b784

Browse files
committed
Organize content
1 parent a24bae5 commit 0a1b784

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

59 files changed

+978
-1143
lines changed

.obsidian/snippets/test.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
body {
2+
--link-color: red;
3+
}

en/Interface guidelines/Foundations/Cursor.md

Lines changed: 0 additions & 4 deletions
This file was deleted.

en/Interface guidelines/Foundations/Icons.md

Lines changed: 0 additions & 20 deletions
This file was deleted.

en/Interface guidelines/Foundations/Padding, margins, and spacing.md

Lines changed: 0 additions & 11 deletions
This file was deleted.

en/Interface guidelines/Interface guidelines.md

Lines changed: 0 additions & 5 deletions
This file was deleted.

en/Reference/App CSS variables.md

Lines changed: 0 additions & 985 deletions
This file was deleted.

en/Theming/About theming.md

Lines changed: 22 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,22 @@
1+
## Overview
2+
3+
The Obsidian App uses [Cascading Style Sheets](https://en.wikipedia.org/wiki/CSS) (CSS) to control the design of the user interface. CSS is the same markup language used for websites and web-based apps, which means you can find many resources online to help you learn how to use and edit CSS.
4+
5+
Obsidian includes hundreds of [CSS variables](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties) that allow you to customize almost every aspect of the Obsidian UI. Default values for App CSS variables are defined alphabetically at the top of the `app.css` file. You can access `app.css` by using Developer Tools.
6+
7+
CSS variables make it easy to create custom Themes and Snippets for Obsidian. CSS variables are also useful to create Plugin UIs that feel cohesive with the Obsidian App and are compatible with Community Themes.
8+
9+
### CSS structure and levels of specificity
10+
11+
Obsidian's built-in variables are grouped into several categories. The variables are defined on selectors with low specificity to make it easier for you to override them.
12+
13+
Defined on the `.theme-light` and `.theme-dark` classes:
14+
15+
- **Theme colors** store the raw color values for light and dark mode
16+
17+
Defined on the `body` element:
18+
19+
- **Semantic color mappings** apply the theme colors to named variables for backgrounds, borders, text, etc
20+
- **Structure variables** define abstracted values for font sizes, spacing, radiuses, layout
21+
- **Content variables** define styling for blockquotes, callouts, code blocks, syntax highlighting, embeds, footnotes, headings, links, lists, tables, tags, and task lists
22+
- **Component variables** define styling for user interface elements such as inputs, buttons, popovers

en/Theming/Components/Blockquote.md

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
Styling for blockquotes
2+
3+
| Variable | Description |
4+
| ------------------------------- | ------------------------------------------- |
5+
| `--blockquote-background-color` | Blockquote background color |
6+
| `--blockquote-border-thickness` | Blockquote left border thickness |
7+
| `--blockquote-border-color` | Blockquote left border color |
8+
| `--blockquote-font-style` | Blockquote font style (e.g. normal, italic) |
9+
| `--blockquote-color` | Blockquote text color |
10+

en/Theming/Components/Button.md

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
Styling for standard buttons
2+
3+
| Variable | Description |
4+
| ----------------- | ------------- |
5+
| `--button-radius` | Button radius |

en/Theming/Components/Checkbox.md

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
Styling for checkboxes and text inside of task lists
2+
3+
| Variable | Description |
4+
| ------------------------------- | ------------------------------------------ |
5+
| `--checkbox-radius` | Checkbox radius |
6+
| `--checkbox-size` | Checkbox height and width |
7+
| `--checkbox-marker-color` | Checkbox marker color for the check itself |
8+
| `--checkbox-color` | Checkbox background color |
9+
| `--checkbox-color-hover` | Checkbox background color (hover) |
10+
| `--checkbox-border-color` | Checkbox unchecked border color |
11+
| `--checkbox-border-color-hover` | Checkbox unchecked border color (hover) |
12+
| `--checklist-done-decoration` | Checkbox checked text decoration |
13+
| `--checklist-done-color` | Checkbox checked text color |

0 commit comments

Comments
 (0)